diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/__layout.svelte | 0 | ||||
| -rw-r--r-- | src/app.html | 2 | ||||
| -rw-r--r-- | src/components/Footer.svelte | 2 | ||||
| -rw-r--r-- | src/components/NavBar.svelte | 6 | ||||
| -rw-r--r-- | src/routes/index.svelte | 43 | ||||
| -rw-r--r-- | src/routes/team/PersonBio.svelte | 20 | ||||
| -rw-r--r-- | src/routes/team/PersonCard.svelte | 42 |
7 files changed, 59 insertions, 56 deletions
diff --git a/src/__layout.svelte b/src/__layout.svelte deleted file mode 100644 index e69de29..0000000 --- a/src/__layout.svelte +++ /dev/null diff --git a/src/app.html b/src/app.html index 1697bd0..f6420c2 100644 --- a/src/app.html +++ b/src/app.html @@ -14,7 +14,7 @@ %svelte.head% </head> - <body class="d-flex flex-column min-vh-100"> + <body class="d-flex flex-column min-vh-100" style="background-color: #e8e8e8"> %svelte.body% </body> </html> diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte index 91c50a1..f99dc43 100644 --- a/src/components/Footer.svelte +++ b/src/components/Footer.svelte @@ -37,6 +37,8 @@ </div> <div class="p-1"> <span class="text-muted">Copyright © 2022 Misty Mountains Therapy</span> + <br> + <span class="text-muted">High quality therapy services for the Rexburg area.</span> </div> </div> </div> diff --git a/src/components/NavBar.svelte b/src/components/NavBar.svelte index af0cf67..a817c3e 100644 --- a/src/components/NavBar.svelte +++ b/src/components/NavBar.svelte @@ -7,7 +7,7 @@ <span class="navbar-toggler-icon"></span> </button> <div class="navbar-collapse collapse" id="toggle"> - <ul class="navbar-nav"> + <ul class="navbar-nav "> <li class="nav-item active"> <a class="nav-link" href="/">Home</a> </li> @@ -26,9 +26,9 @@ </ul> <ul class="navbar-nav ms-auto"> <li class="nav-item"> - <a class="btn btn-success" href="/contact">Contact Us</a> + <a class="btn btn-primary" href="/contact">Contact Us</a> </li> </ul> </div> </div> -</nav>
\ No newline at end of file +</nav> diff --git a/src/routes/index.svelte b/src/routes/index.svelte index 51b5214..199014a 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -1,24 +1,35 @@ -<div class="row align-items-center"> - <div class="col-md-8"> - <img src="https://ztxoywaazhxdeiftmsiy.supabase.co/storage/v1/object/public/mistymountains/mountains.png" alt="mountains" class="img-fluid rounded"> +<div class="row align-items-center py-2"> + <div class="col-md-7"> + <img src="https://ztxoywaazhxdeiftmsiy.supabase.co/storage/v1/object/public/mistymountains/mountains.png" alt="mountains" class="img-fluid rounded shadow"> </div> - <div class="col-md-4"> - <h2>Helping you conquer mount doom</h2> + <div class="col-md-5 my-2"> + <h2>Helping you conquer Mount Doom</h2> + <p><a href="/contact" class="btn btn-success shadow">FREE 15 Minute Consultation</a></p> </div> </div> -<hr> - -<div class="d-flex justify-content-center"> - <div class="col-md-8"> - <h3>Darkness must pass, a new day will come, and when the sun shines, it will shine out the clearer.</h3> - <div class="d-flex justify-content-end"> - - Samwise Gamgee +<div class="bg-light rounded p-2 shadow"> + <div class="d-flex justify-content-center"> + <div class="col-md-8 mt-2 border-bottom"> + <h3>Darkness must pass, a new day will come, and when the sun shines, it will shine out the clearer.</h3> + <div class="d-flex justify-content-end"> + - Samwise Gamgee + </div> + <br> + <p> + Misty Mountains Therapy is a privately owned, high quality, specialty therapy clinic, founded in January 2020 by Jefferson Hunt. We are dedicated to providing comprehensive therapy evaluation and treatment services to children and adults for a wide variety of disorders in the most efficient and effective manner possible in the Rexburg area. We 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="">free 15-minute consultation</a>. + </p> </div> - <br> - <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">1(800)273-TALK (8255)</a>, or text HELLO to 741-741. + </div> + + <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> - diff --git a/src/routes/team/PersonBio.svelte b/src/routes/team/PersonBio.svelte deleted file mode 100644 index 437f57b..0000000 --- a/src/routes/team/PersonBio.svelte +++ /dev/null @@ -1,20 +0,0 @@ -<script> - export let bio; - let showMore = false; -</script> - -<main> - {#if showMore} - <p>{bio}</p> - <button on:click={() => showMore = false}>Show Less</button> - {:else} - <p>{bio.substr(0, bio.lastIndexOf(' ', 150)) + '...'}</p> - <button on:click={() => showMore = true}>Show More</button> - {/if} -</main> - -<style> - p { - white-space: pre-line; - } -</style>
\ No newline at end of file diff --git a/src/routes/team/PersonCard.svelte b/src/routes/team/PersonCard.svelte index 3859179..1b11193 100644 --- a/src/routes/team/PersonCard.svelte +++ b/src/routes/team/PersonCard.svelte @@ -1,26 +1,36 @@ <script> - import PersonBio from './PersonBio.svelte'; - export let person; export let direction; </script> <main> - <div class="row"> - {#if direction == 'right'} - <div class="col-sm-3"> - <img class="img-fluid" src={person.image} alt={person.name} /> + {#if direction == 'right'} + <div class="row d-flex align-items-center my-2"> + <div class="col-md-4 text-center"> + <img class="img-fluid rounded shadow" src={person.image} alt={person.name} /> </div> - <div class="col-sm-9"> - <PersonBio bio={person.bio} /> + <div class="col-md-8 border p-2 bg-light rounded shadow"> + <h2>{person.name}, {person.position}</h2> + <p>{person.bio}</p> + <a href="mailto:{person.email}"><p>{person.email}</p></a> </div> - {:else} - <div class="col-sm-9"> - <PersonBio bio={person.bio} /> + </div> + {:else} + <div class="row d-flex align-items-center my-2"> + <div class="col-md-8 border p-2 bg-light rounded shadow"> + <h2>{person.name}, {person.position}</h2> + <p>{person.bio}</p> + <a href="mailto:{person.email}"><p>{person.email}</p></a> </div> - <div class="col-sm-3"> - <img class="img-fluid" src={person.image} alt={person.name} /> + <div class="col-md-4 text-center"> + <img class="img-fluid rounded shadow" src={person.image} alt={person.name} /> </div> - {/if} - </div> -</main>
\ No newline at end of file + </div> + {/if} +</main> + +<style> + p { + white-space: pre-wrap; + } +</style> |