diff options
| -rw-r--r-- | src/__layout.svelte | 0 | ||||
| -rw-r--r-- | src/app.css | 7 | ||||
| -rw-r--r-- | src/app.html | 74 | ||||
| -rw-r--r-- | src/components/Footer.svelte | 44 | ||||
| -rw-r--r-- | src/components/NavBar.svelte | 34 | ||||
| -rw-r--r-- | src/routes/__layout.svelte | 11 | ||||
| -rw-r--r-- | src/routes/index.svelte | 27 | ||||
| -rw-r--r-- | src/routes/team/index.svelte | 3 |
8 files changed, 122 insertions, 78 deletions
diff --git a/src/__layout.svelte b/src/__layout.svelte new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/src/__layout.svelte diff --git a/src/app.css b/src/app.css new file mode 100644 index 0000000..f7872d5 --- /dev/null +++ b/src/app.css @@ -0,0 +1,7 @@ +a { + text-decoration: none; +} + +.border-darkish { + border-bottom: 1px dashed #666666; +} diff --git a/src/app.html b/src/app.html index 5747f5d..1697bd0 100644 --- a/src/app.html +++ b/src/app.html @@ -12,81 +12,9 @@ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css"> - <link rel="preconnect" href="https://fonts.googleapis.com"> - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400&display=swap" rel="stylesheet"> - - <style> - body { - font-family: 'Nunito Sans', sans-serif; - } - a { - text-decoration: none; - } - </style> - %svelte.head% </head> <body class="d-flex flex-column min-vh-100"> - <nav class="navbar navbar-expand-md navbar-dark bg-dark"> - <div class="container"> - <a href="/" class="navbar-brand abs"> - <img height="100" src="/logo.png" alt="Misty Mountains Therapy"/> - </a> - <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#toggle"> - <span class="navbar-toggler-icon"></span> - </button> - <div class="navbar-collapse collapse" id="toggle"> - <ul class="navbar-nav"> - <li class="nav-item active"> - <a class="nav-link" href="/">Home</a> - </li> - <li class="nav-item active"> - <a class="nav-link" href="/team">Our Team</a> - </li> - <li class="nav-item active"> - <a class="nav-link" href="/#/service">Services</a> - </li> - <li class="nav-item active"> - <a class="nav-link" href="/#/service">Approach</a> - </li> - <li class="nav-item active"> - <a class="nav-link" href="https://joni-hunt.clientsecure.me/" target="_blank">Portal</a> - </li> - </ul> - <ul class="navbar-nav ms-auto"> - <li class="nav-item"> - <a class="btn btn-success" href="/contact">Contact Us</a> - </li> - </ul> - </div> - </div> - </nav> - <div class="container mt-2"> - %svelte.body% - </div> - - <footer class="mt-auto bg-dark"> - <div class="container mt-2 mb-2 text-white"> - <div class="row justify-content-center align-items-center"> - <div class="col-md-5"> - <a href="mailto:jeffer@mistymountainsthreapy.com">jeffer@mistymountainsthreapy.com</a> - <br> - <span><a href="tel:15306383546">(530) 638 - 3546</a> (call or text)</span> - <hr> - <span>©Misty Mountains Therapy, 2022</span> - <br> - <span><a href="https://docs.google.com/document/d/10S_-yfiaDZnuD-0tvXTEIIyZiErVwrTj0y_0JiRT5_U/edit?usp=sharing" target="_blank">Privacy Policy</a></span> - </div> - <div class="col-md-5"> - <span>534 Trejo Street, Suite 200F</span> - <br> - <span>Rexburg, ID</span> - <br> - <span>83440</span> - </div> - </div> - </div> - </footer> + %svelte.body% </body> </html> diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte new file mode 100644 index 0000000..91c50a1 --- /dev/null +++ b/src/components/Footer.svelte @@ -0,0 +1,44 @@ +<footer class="mt-auto bg-dark text-white"> + <div class="container mt-2 mb-2"> + <div class="row"> + <div class="col-md-6"> + <h3>Contact</h3> + <a href="tel:15306383546"> + <div class="d-flex flex-row align-items-center border-darkish p-1"> + <i class="bi bi-telephone"></i> + <div class="px-4"> + <span>(530) 638 - 3546 (call or text)</span> + </div> + </div> + </a> + <a href="mailto:jeffer@mistymountainsthreapy.com"> + <div class="d-flex flex-row align-items-center border-darkish p-1"> + <i class="bi bi-mailbox"></i> + <div class="px-4"> + <span>jeffer@mistymountainsthreapy.com</span> + </div> + </div> + </a> + <a href="https://goo.gl/maps/DdkzDQTRHBTtG8ys6"> + <div class="d-flex flex-row align-items-center p-1"> + <i class="bi bi-pin-map"></i> + <div class="px-4"> + <span>534 Trejo Street, Suite 200F</span> + <br> + <span class="ml-2">Rexburg, ID, 83440</span> + </div> + </div> + </a> + </div> + <div class="col-md-6"> + <h3>About</h3> + <div class="border-darkish p-1"> + <a href="https://docs.google.com/document/d/10S_-yfiaDZnuD-0tvXTEIIyZiErVwrTj0y_0JiRT5_U/edit?usp=sharing" target="_blank">Privacy Policy</a> + </div> + <div class="p-1"> + <span class="text-muted">Copyright © 2022 Misty Mountains Therapy</span> + </div> + </div> + </div> + </div> +</footer> diff --git a/src/components/NavBar.svelte b/src/components/NavBar.svelte new file mode 100644 index 0000000..af0cf67 --- /dev/null +++ b/src/components/NavBar.svelte @@ -0,0 +1,34 @@ +<nav class="navbar navbar-expand-md navbar-dark bg-dark"> + <div class="container"> + <a href="/" class="navbar-brand abs"> + <img height="100" src="/logo.png" alt="Misty Mountains Therapy"/> + </a> + <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#toggle"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="navbar-collapse collapse" id="toggle"> + <ul class="navbar-nav"> + <li class="nav-item active"> + <a class="nav-link" href="/">Home</a> + </li> + <li class="nav-item active"> + <a class="nav-link" href="/team">Our Team</a> + </li> + <li class="nav-item active"> + <a class="nav-link" href="/#/service">Services</a> + </li> + <li class="nav-item active"> + <a class="nav-link" href="/#/service">Approach</a> + </li> + <li class="nav-item active"> + <a class="nav-link" href="https://joni-hunt.clientsecure.me/" target="_blank">Portal</a> + </li> + </ul> + <ul class="navbar-nav ms-auto"> + <li class="nav-item"> + <a class="btn btn-success" href="/contact">Contact Us</a> + </li> + </ul> + </div> + </div> +</nav>
\ No newline at end of file diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte new file mode 100644 index 0000000..aa8d8d8 --- /dev/null +++ b/src/routes/__layout.svelte @@ -0,0 +1,11 @@ +<script> + import NavBar from '../components/NavBar.svelte'; + import Footer from '../components/Footer.svelte'; + import '../app.css'; +</script> + +<NavBar /> +<div class="container my-2"> + <slot /> +</div> +<Footer /> diff --git a/src/routes/index.svelte b/src/routes/index.svelte index f9234a1..51b5214 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -1,3 +1,24 @@ -<h1> - HELLO -</h1>
\ No newline at end of file +<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> + <div class="col-md-4"> + <h2>Helping you conquer mount doom</h2> + </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> + <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> +</div> + diff --git a/src/routes/team/index.svelte b/src/routes/team/index.svelte index 56a7e33..d3c4549 100644 --- a/src/routes/team/index.svelte +++ b/src/routes/team/index.svelte @@ -9,7 +9,6 @@ if (!error) { return data; } - console.log(error); return []; } @@ -40,4 +39,4 @@ </div> {/each} {/if} -</main>
\ No newline at end of file +</main> |