run prettier and fix bug on safari

5 files changed, 49 insertions, 27 deletions

diff --git a/src/routes/approach/index.svelte b/src/routes/approach/index.svelte
index 22819d3..90a0863 100644
--- a/src/routes/approach/index.svelte
+++ b/src/routes/approach/index.svelte
@@ -1,10 +1,10 @@
 <main>
-  <h1 class="text-center">Our Approach</h1>
+  <h1 class="text-center">Our Approach.</h1>
   <div class="bg-light rounded p-4 shadow">
     <div class="row justify-content-center">
       <div class="col-sm-10">
         <div style="text-align:center">
-          <img src="https://ztxoywaazhxdeiftmsiy.supabase.co/storage/v1/object/public/mistymountains/boats.jpg" alt="boats in water" style="width:60%">
+          <img class="shadow" src="https://ztxoywaazhxdeiftmsiy.supabase.co/storage/v1/object/public/mistymountains/boats.jpg" alt="boats in water" style="width:60%;border-radius: 0.25em;">
         </div>
         <br>
         <p>We meet each client where they are at and customize their therapeutic journey to best fit their personality and issues. Some of the approaches we use most are listed below:</p>
@@ -38,6 +38,4 @@
 
     <p>We use this method to teach families how to treat and prevent behavioral and emotional problems in children and teens. We use a holistic approach and address concerns in the family, school, and community. We will not tell you how to parent, rather we will give you tools and ideas to manage misbehavior, set rules, encourage behavior you like, and take care of yourself so you can feel good and be confident in your parenting skills.</p>
   </div>
-  
 </main>
-
diff --git a/src/routes/contact/index.svelte b/src/routes/contact/index.svelte
index eaa1fea..f4439a1 100644
--- a/src/routes/contact/index.svelte
+++ b/src/routes/contact/index.svelte
@@ -69,9 +69,9 @@
 </script>
 
 <main>
-  <h1 class="text-center">Get in touch</h1>
+  <h1 class="text-center">Get in touch.</h1>
   <div class="d-flex justify-content-center flex-row row">
-    <div class="border shadow bg-light py-2 col-lg-2 d-flex align-items-center flex-column m-2">
+    <div class="border shadow bg-light py-2 col-lg-3 d-flex align-items-center flex-column m-2">
       <h1><i class="bi bi-map-fill"></i></h1>
       <p style="hyphens: auto;">
         <a href="https://maps.app.goo.gl/s1AFqfKvUKgXDCrq5">534 Trejo Street
@@ -84,25 +84,35 @@
         </a>
       </p>
     </div>
-    <div class="border shadow bg-light py-2 col-lg-2 d-flex align-items-center flex-column m-2">
+    <div class="border shadow bg-light py-2 col-lg-3 d-flex align-items-center flex-column m-2">
       <div><h1><i class="bi bi-phone-fill"></i></h1></div>
       <p style="hyphens: auto;">
-        For scheduling and other: <a href="tel:12084994517">(208) 499 - 4517</a>
+        Scheduling and Other
+        <br>
+        <a href="tel:12084994517">(208) 499 - 4517</a>
       </p>
     </div>
-    <div class="border shadow bg-light py-2 col-lg-2 d-flex align-items-center flex-column m-2">
+    <div class="border shadow bg-light py-2 col-lg-3 d-flex align-items-center flex-column m-2" style="word-break: break-all;">
       <h1><i class="bi bi-envelope-fill"></i></h1>
-      <p style="hyphens: auto;">
-        For billing: <a href="mailto:billing@mistymountainstherapy.com">billing@mistymountainstherapy.com</a>
-        <br>
-        For other questions: <a href="mailto:jeffer@mistymountainsthreapy.com">jeffer@mistymountainstherapy.com</a>
-      </p>
+      <div>
+        <p style="hyphens: auto;">
+          Billing
+          <br>
+          <a href="mailto:billing@mistymountainstherapy.com">billing@mistymountainstherapy.com</a>
+        </p>
+        <p style="hyphens: auto;">
+          Inqueries
+          <br>
+          <a href="mailto:contact@mistymountainsthreapy.com">contact@mistymountainstherapy.com</a>
+        </p>
+        <div><em>note: please watch spam for replies</em></div>
+      </div>
     </div>
   </div>
   <br>
   <hr>
-  <h3>Or send us a message</h3>
   <form class="bg-light border shadow p-4" on:submit|preventDefault={handleSubmit}>
+    <h2>Or send us a message.</h2>
     <div class="row mb-2">
       <div class="form-group col-md-6">
         <label for="email">Email *</label>
@@ -130,7 +140,19 @@
       />
     </div>
     <button type="submit" class="btn btn-primary">Submit</button>
+    <div class="my-2"><em>note: please watch spam for any replies</em></div>
   </form>
   <br>
-</main>
 
+  <div class="bg-light border shadow p-4">
+	<div class="d-flex justify-content-center">
+		<div class="col-md-8 mt-2">
+			<div>
+				We do not have a crisis line. If you or someone you know is in danger please call 911, visit
+				your nearest emergency room, call the National Suicide Prevention Lifeline for free crisis
+				counseling at <a href="tel:18002738255">(800)273-TALK</a> (8255), or text HELLO to 741-741.
+			</div>
+		</div>
+	</div>
+  </div>
+</main>
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 146dbb6..4c19676 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -39,7 +39,7 @@
 		</Swiper>
 	</div>
 	<div class="col-md-5 my-2">
-		<h2>Helping you conquer Mount Doom</h2>
+		<h2>Helping you conquer Mount Doom.</h2>
 		<p><a href="/contact" class="btn btn-success shadow">FREE 15 Minute Consultation</a></p>
 	</div>
 </div>
@@ -61,8 +61,8 @@
 				believe that therapy should be fun, engaging, and most importantly, useful to our clients.
 			</p>
 			<p>
-				We are currently accepting new clients and offer a variety of services to help you live the
-				life you desire. To find the right fit for you, schedule a <a href="/contact"
+				We are currently accepting new clients and offer a variety of services to <strong>help you live the
+				life you desire</strong>. To find the right fit for you, schedule a <a href="/contact"
 					>free 15-minute consultation</a
 				>.
 			</p>
diff --git a/src/routes/services/index.svelte b/src/routes/services/index.svelte
index 572b1ad..e6ac4de 100644
--- a/src/routes/services/index.svelte
+++ b/src/routes/services/index.svelte
@@ -3,28 +3,30 @@
 </script>
 
 <main>
-  <h1 class="text-center">Services</h1>
+  <h1 class="text-center">Our Services.</h1>
   <DirectionCard direction="left" imageSpec={{image: "https://ztxoywaazhxdeiftmsiy.supabase.co/storage/v1/object/public/mistymountains/girl.jpg", alt: "Girl looking at camera"}}>
     <h2>Therapy</h2>
+    <em>We provide personalized, unassuming, and nonjudgemental guidance in the following:</em>
     <ul>
       <li>Addiction</li>
       <li>Adolescents</li>
       <li>ADHD</li>
+      <li>Depression</li>
       <li>Anxiety</li>
       <li>Autism Spectrum</li>
+      <li>LGBTQ+ Identity</li>
+      <li>Gender Identity</li>
       <li>Couples</li>
-      <li>Depression</li>
       <li>Families</li>
-      <li>Gender Identity</li>
+      <li>Human Sexuality</li>
       <li>Individuals</li>
-      <li>LGBTQ+</li>
-      <li>Roommates/Friends</li>
-      <li>Sexuality</li>
-      <li>And more</li>
+      <li>Friends / Roomates</li>
+      <li><em>And more</em></li>
     </ul>
   </DirectionCard>
   <DirectionCard direction="right" imageSpec={{image: "https://ztxoywaazhxdeiftmsiy.supabase.co/storage/v1/object/public/mistymountains/guy.jpg", alt: "Boy smiling to left"}}>
     <h2>Screeners</h2>
+    <em>We perform high quality screening for:</em>
     <ul>
       <li>ADHD</li>
       <li>Anxiety</li>
diff --git a/src/routes/team/index.svelte b/src/routes/team/index.svelte
index 88e5db0..8e29249 100644
--- a/src/routes/team/index.svelte
+++ b/src/routes/team/index.svelte
@@ -20,7 +20,7 @@
 </script>
 
 <main>
-	<h1 class="text-center">Our Team</h1>
+	<h1 class="text-center">Our Team.</h1>
 	{#if people.length}
 		{#each people as person, i}
 			<div class="row border-bottom">