This commit is contained in:
Logan Hunt 2022-04-24 18:36:43 -06:00
parent 38c12ca79b
commit a78b1e23aa
Signed by untrusted user who does not match committer: simponic
GPG Key ID: 52B3774857EB24B1
7 changed files with 59 additions and 56 deletions

View File

View File

@ -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>

View File

@ -37,6 +37,8 @@
</div>
<div class="p-1">
<span class="text-muted">Copyright &copy; 2022 Misty Mountains Therapy</span>
<br>
<span class="text-muted">High quality therapy services for the Rexburg area.</span>
</div>
</div>
</div>

View File

@ -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,7 +26,7 @@
</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>

View File

@ -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">
<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>
</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">1(800)273-TALK (8255)</a>, or text HELLO to 741-741.
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>

View File

@ -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>

View File

@ -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} />
<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-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-9">
<PersonBio bio={person.bio} />
</div>
{:else}
<div class="col-sm-9">
<PersonBio bio={person.bio} />
<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-md-4 text-center">
<img class="img-fluid rounded shadow" src={person.image} alt={person.name} />
</div>
<div class="col-sm-3">
<img class="img-fluid" src={person.image} alt={person.name} />
</div>
{/if}
</div>
</main>
<style>
p {
white-space: pre-wrap;
}
</style>