Updates
This commit is contained in:
Logan Hunt
parent
3a4b67eb37
commit
38c12ca79b
GPG Key ID:
52B3774857EB24B1
0
src/__layout.svelte
Normal file
0
src/__layout.svelte
Normal file
7
src/app.css
Normal file
7
src/app.css
Normal file
@ -0,0 +1,7 @@
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.border-darkish {
|
||||
border-bottom: 1px dashed #666666;
|
||||
}
|
||||
74
src/app.html
74
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>
|
||||
|
||||
44
src/components/Footer.svelte
Normal file
44
src/components/Footer.svelte
Normal file
@ -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>
|
||||
34
src/components/NavBar.svelte
Normal file
34
src/components/NavBar.svelte
Normal file
@ -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>
|
||||
11
src/routes/__layout.svelte
Normal file
11
src/routes/__layout.svelte
Normal file
@ -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 />
|
||||
@ -1,3 +1,24 @@
|
||||
<h1>
|
||||
HELLO
|
||||
</h1>
|
||||
<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>
|
||||
|
||||
|
||||
@ -9,7 +9,6 @@
|
||||
if (!error) {
|
||||
return data;
|
||||
}
|
||||
console.log(error);
|
||||
return [];
|
||||
}
|
||||
|
||||
@ -40,4 +39,4 @@
|
||||
</div>
|
||||
{/each}
|
||||
{/if}
|
||||
</main>
|
||||
</main>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user