website refresh
This commit is contained in:
Gary
parent
dae78cb9ed
commit
d6c352bac7
BIN
assets/FiraSans-Regular.ttf
Normal file
BIN
assets/FiraSans-Regular.ttf
Normal file
Binary file not shown.
BIN
assets/basketball.webp
Normal file
BIN
assets/basketball.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
assets/canoe.webp
Normal file
BIN
assets/canoe.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
assets/firepit.webp
Normal file
BIN
assets/firepit.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 71 KiB |
BIN
assets/fireworks-display.webp
Normal file
BIN
assets/fireworks-display.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
assets/fishing.webp
Normal file
BIN
assets/fishing.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
BIN
assets/hiking.webp
Normal file
BIN
assets/hiking.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
BIN
assets/pickleball.webp
Normal file
BIN
assets/pickleball.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 100 KiB |
BIN
assets/sauna.webp
Normal file
BIN
assets/sauna.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
assets/swimming.webp
Normal file
BIN
assets/swimming.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
BIN
assets/volleyball.webp
Normal file
BIN
assets/volleyball.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
@ -22,7 +22,7 @@
|
||||
>
|
||||
</li>
|
||||
<li class="menu-item"><a href="#details">Explore</a></li>
|
||||
<li class="menu-item"><a href="#lodging">Stay</a></li>
|
||||
<li class="menu-item"><a href="#contact">Affiliate</a></li>
|
||||
<li class="menu-item"><a href="#contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
* {
|
||||
font-family: "FiraCode", Arial, Helvetica, sans-serif;
|
||||
font-family: "FiraSans", Arial, Helvetica, sans-serif;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "FiraCode";
|
||||
src: url("/assets/FiraCode-VariableFont_wght.ttf") format("truetype");
|
||||
font-family: "FiraSans";
|
||||
src: url("/assets/FiraSans-Regular.ttf") format("truetype");
|
||||
}
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
@ -13,6 +13,7 @@ body {
|
||||
background: #ece3dd;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
header {
|
||||
padding: 0;
|
||||
@ -70,6 +71,10 @@ main {
|
||||
padding: 10px;
|
||||
}
|
||||
.min-flex {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
-webkit-flex: 100%;
|
||||
flex: 100%;
|
||||
-webkit-flex-direction: row;
|
||||
@ -82,8 +87,8 @@ main {
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
background-color: #579c8b;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.flex-row-items {
|
||||
-webkit-flex: content;
|
||||
flex: content;
|
||||
@ -233,40 +238,73 @@ a {
|
||||
}
|
||||
.button-4 {
|
||||
align-items: center;
|
||||
border-radius: 5px;
|
||||
color: #6e564f;
|
||||
border-radius: 20px;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex: 0 0 auto;
|
||||
flex: 0 0 auto;
|
||||
font-family: Inter, sans-serif;
|
||||
font-size: 18px;
|
||||
font-weight: 200;
|
||||
font-size: 25px;
|
||||
font-weight: 700;
|
||||
justify-content: center;
|
||||
line-height: 1;
|
||||
margin: 1rem;
|
||||
outline: none;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
transition: border 0.3s, color 0.3s;
|
||||
transition: font-size 0.3s, color 0.3s;
|
||||
white-space: nowrap;
|
||||
border: 2px solid #6e564f;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
touch-action: manipulation;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
padding-left: 5rem;
|
||||
padding-right: 5rem;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
padding-left: 3rem;
|
||||
padding-right: 3rem;
|
||||
height: fit-content;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
background-color: white;
|
||||
background-color: #34a85a;
|
||||
}
|
||||
.button-4:hover {
|
||||
border: 2px solid black;
|
||||
color: black;
|
||||
font-size: 30px;
|
||||
}
|
||||
.p-button {
|
||||
align-items: center;
|
||||
border-radius: 20px;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex: 0 0 auto;
|
||||
flex: 0 0 auto;
|
||||
font-family: Inter, sans-serif;
|
||||
font-size: 25px;
|
||||
font-weight: 700;
|
||||
justify-content: center;
|
||||
line-height: 1;
|
||||
margin: 1rem;
|
||||
outline: none;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
transition: font-size 0.3s, color 0.3s;
|
||||
white-space: nowrap;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
touch-action: manipulation;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
padding-left: 3rem;
|
||||
padding-right: 3rem;
|
||||
height: fit-content;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
background-color: #34a85a;
|
||||
}
|
||||
.p-button:hover {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.message-icon-container:hover {
|
||||
@ -377,7 +415,7 @@ a {
|
||||
}
|
||||
|
||||
#back-to-top.show {
|
||||
bottom: 20px;
|
||||
bottom: 100px;
|
||||
z-index: 5;
|
||||
}
|
||||
.hievents-widget {
|
||||
@ -409,6 +447,17 @@ div.card > img {
|
||||
height: 360px;
|
||||
}
|
||||
|
||||
.blink_me {
|
||||
animation: blinker 2s linear infinite;
|
||||
font-size: larger;
|
||||
}
|
||||
|
||||
@keyframes blinker {
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Media query for mobile devices */
|
||||
@media all and (max-width: 960px) {
|
||||
.nav-bar {
|
||||
@ -460,12 +509,15 @@ div.card > img {
|
||||
z-index: 1;
|
||||
font-size: 2rem;
|
||||
font-weight: 400;
|
||||
word-break: break-word;
|
||||
padding: 5px;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
p {
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
.min-flex {
|
||||
-webkit-flex: 100%;
|
||||
@ -488,4 +540,7 @@ div.card > img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.p-button {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
249
index.html
249
index.html
@ -56,78 +56,57 @@
|
||||
|
||||
<main>
|
||||
<div class="min-flex">
|
||||
<p class="white nospace">SEPT 11-13th</p>
|
||||
<p class="white nospace">Boulder Creek Retreat - Bonners Ferry, ID</p>
|
||||
<div class="white" id="getting-started"></div>
|
||||
<p class="white nospace">EARLY BIRD SALE!</p>
|
||||
<div class="white blink_me" id="getting-started"></div>
|
||||
<a
|
||||
class="button-4"
|
||||
target="_blank"
|
||||
role="button"
|
||||
href="https://app.hi.events/event/6507/3-day-christian-family-event-concert-in-idaho-shiloh-echo-26"
|
||||
>Get Tickets</a
|
||||
>
|
||||
<script type="text/javascript">
|
||||
$("#getting-started").countdown("2026/9/11", function (event) {
|
||||
$(this).text(event.strftime("Time left: %D Days %H:%M:%S"));
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
<div class="flex-column bg-vid">
|
||||
<div>
|
||||
<h1 class="white">3-Day Christian Family Event in Idaho!</h1>
|
||||
<div class="flex-row">
|
||||
<h3 class="white">
|
||||
North Idaho's annual 3-day Christian family retreat featuring fun
|
||||
sessions, tons of outdoor activities, and live music!
|
||||
talks, tons of outdoor activities, and live music!
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div class="flex-row">
|
||||
<a class="button-4" role="button" href="#details">Details</a>
|
||||
<a class="button-4" role="button" href="#lodging">Book Your Stay</a>
|
||||
<a class="button-4" role="button" href="#contact">Contact</a>
|
||||
<a
|
||||
class="button-4"
|
||||
class="p-button"
|
||||
target="_blank"
|
||||
role="button"
|
||||
href="https://app.hi.events/event/6507/3-day-christian-family-event-concert-in-idaho-shiloh-echo-26"
|
||||
>Get Your Tickets</a
|
||||
>Get Tickets</a
|
||||
>
|
||||
<a class="button-4" role="button" href="#schedule">Schedule</a>
|
||||
</div>
|
||||
</div>
|
||||
<video autoplay loop muted poster="/assets/bcr.jpg">
|
||||
<source src="s" type="video/webm" />
|
||||
</video>
|
||||
</div>
|
||||
<div id="about" class="flex-column">
|
||||
<div
|
||||
data-hievents-id="6507"
|
||||
data-hievents-primary-color="#579c8b"
|
||||
data-hievents-primary-text-color="#000000"
|
||||
data-hievents-secondary-color="#34A85A"
|
||||
data-hievents-secondary-text-color="#ffffff"
|
||||
data-hievents-background-color="#ede9e5"
|
||||
data-hievents-widget-type="widget"
|
||||
data-hievents-widget-version="1.0"
|
||||
data-hievents-locale="en"
|
||||
data-hievents-padding="20px"
|
||||
data-hievents-autoresize="true"
|
||||
data-hievents-continue-button-text="Get Tickets!"
|
||||
class="hievents-widget"
|
||||
></div>
|
||||
<h2>Last Year</h2>
|
||||
<iframe
|
||||
class="rumble"
|
||||
width="100%"
|
||||
height="360"
|
||||
src="https://rumble.com/embed/v72225a/?pub=3xx9jx"
|
||||
frameborder="0"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
<h2>This Year:</h2>
|
||||
<a class="button-4" role="button" href="#contact"
|
||||
>Speaker Application</a
|
||||
>
|
||||
|
||||
<div id="about" class="flex-column">
|
||||
<h2>LIVE MUSIC</h2>
|
||||
<h3>Encouraging Daily Praise & Worship by:</h3>
|
||||
<div class="flex-row">
|
||||
<div class="card">
|
||||
<img src="./assets/Apcollective.webp" style="width: 100%" />
|
||||
<h3>AP Collective</h3>
|
||||
<p class="title">Folk/Pop Duo</p>
|
||||
<p class="title">
|
||||
Folk/Pop Duo | A couple vanlifers making music 🚐
|
||||
</p>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://www.instagram.com/apcollectivemusic/"
|
||||
@ -140,7 +119,7 @@
|
||||
<div class="card">
|
||||
<img src="./assets/william-toll.webp" style="width: 100%" />
|
||||
<h3>William Toll</h3>
|
||||
<p class="title">Folk Singer</p>
|
||||
<p class="title">Folk Singer | Folk songs for the true flock</p>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://www.instagram.com/williamtollmusic/"
|
||||
@ -151,12 +130,32 @@
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
Don't miss this affordable opportunity to worship alongside these
|
||||
upcoming artists
|
||||
</p>
|
||||
<h3>Secure Your Spot Today!</h3>
|
||||
<a
|
||||
class="p-button"
|
||||
target="_blank"
|
||||
role="button"
|
||||
href="https://app.hi.events/event/6507/3-day-christian-family-event-concert-in-idaho-shiloh-echo-26"
|
||||
>Get Tickets</a
|
||||
>
|
||||
|
||||
<h2>SPEAKERS</h2>
|
||||
<h3>Get Equipped. Be Encouraged. Find Community.</h3>
|
||||
<p>
|
||||
Shiloh Echo 2026 Features Family Friendly Topics from Christian
|
||||
Experts on Privacy, Freedom, Off-Grid Homesteading, & Simple Living.
|
||||
</p>
|
||||
<div class="flex-row">
|
||||
<div class="card">
|
||||
<img src="./assets/drmarcus.webp" style="width: 100%" />
|
||||
<h3>Dr. Marcus Roe</h3>
|
||||
<p class="title">
|
||||
Author, Computer Scientist, Teacher, & Psychologist
|
||||
Host of "Touch Grass", Author, Computer Scientist, Teacher, &
|
||||
Psychologist
|
||||
</p>
|
||||
<a target="_blank" href="https://drm.cc/"
|
||||
><i class="fa-solid fa-link"></i
|
||||
@ -174,19 +173,6 @@
|
||||
></a>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<img src="./assets/drmichael.webp" style="width: 100%" />
|
||||
<h3>Dr. Michael Lehman, ND</h3>
|
||||
<p class="title">Naturopathic Physician.</p>
|
||||
<a target="_blank" href="https://www.instagram.com/drmichaellehman/"
|
||||
><i class="fa-brands fa-instagram"></i
|
||||
></a>
|
||||
<a target="_blank" href="https://www.evergreennaturopathic.com/"
|
||||
><i class="fa-solid fa-link"></i
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-row">
|
||||
<div class="card">
|
||||
<img
|
||||
src="./assets/aprilmills.webp"
|
||||
@ -204,6 +190,22 @@
|
||||
><i class="fa-solid fa-link"></i
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-row">
|
||||
<div class="card">
|
||||
<img src="./assets/drmichael.webp" style="width: 100%" />
|
||||
<h3>Dr. Michael Lehman, ND</h3>
|
||||
<p class="title">
|
||||
Naturopathic Doctor specializing in Lyme, Mold, Chronic
|
||||
Inflammation, & Autoimmunity
|
||||
</p>
|
||||
<a target="_blank" href="https://www.instagram.com/drmichaellehman/"
|
||||
><i class="fa-brands fa-instagram"></i
|
||||
></a>
|
||||
<a target="_blank" href="https://www.evergreennaturopathic.com/"
|
||||
><i class="fa-solid fa-link"></i
|
||||
></a>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./assets/carl.webp" style="width: 100%" />
|
||||
<h3>Carl Tompkins</h3>
|
||||
@ -223,6 +225,12 @@
|
||||
<p class="title"></p>
|
||||
</div>
|
||||
</div>
|
||||
<h2>FOOD & FUN</h2>
|
||||
<h3>FRESH LOCAL FOOD. 11 Outdoor Activities</h3>
|
||||
<p>
|
||||
Enjoy Locally Sourced Food and Over 11 Outdoor Activities Across 100+
|
||||
Acres over 3 Unforgettable Days
|
||||
</p>
|
||||
<div class="flex-row">
|
||||
<div class="card">
|
||||
<img src="./assets/ourcoffeecoach.webp" style="width: 100%" />
|
||||
@ -238,7 +246,9 @@
|
||||
<img src="./assets/fiber-spinning.webp" style="width: 100%" />
|
||||
<h3>Amiable Acres</h3>
|
||||
<p class="title">
|
||||
Unlock the skill of turning raw wool into beautifully spun yarn.
|
||||
We are a small family farm specializing in small custom timber
|
||||
frame products, and woolen goods from our sheep. We also raise
|
||||
chickens for meat and eggs.
|
||||
</p>
|
||||
|
||||
<a target="_blank" href="https://amiableacres.com/"
|
||||
@ -247,8 +257,61 @@
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<img src="./assets/anon.webp" style="width: 100%" />
|
||||
<h3>TBA</h3>
|
||||
<img src="./assets/fireworks-display.webp" style="width: 100%" />
|
||||
<h3>Light the Night</h3>
|
||||
<p class="title">
|
||||
Enjoy this inspiring evening fireworks show up close!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-row">
|
||||
<div class="card">
|
||||
<img src="./assets/canoe.webp" style="width: 100%" />
|
||||
<h3>Canoeing</h3>
|
||||
<p class="title"></p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./assets/hiking.webp" style="width: 100%" />
|
||||
<h3>Hiking</h3>
|
||||
<p class="title"></p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./assets/swimming.webp" style="width: 100%" />
|
||||
<h3>Swimming</h3>
|
||||
<p class="title"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-row">
|
||||
<div class="card">
|
||||
<img src="./assets/fishing.webp" style="width: 100%" />
|
||||
<h3>Fishing</h3>
|
||||
<p class="title"></p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./assets/basketball.webp" style="width: 100%" />
|
||||
<h3>Basketball</h3>
|
||||
<p class="title"></p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./assets/volleyball.webp" style="width: 100%" />
|
||||
<h3>Volleyball</h3>
|
||||
<p class="title"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-row">
|
||||
<div class="card">
|
||||
<img src="./assets/pickleball.webp" style="width: 100%" />
|
||||
<h3>Pickleball</h3>
|
||||
<p class="title"></p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./assets/sauna.webp" style="width: 100%" />
|
||||
<h3>Sauna</h3>
|
||||
<p class="title"></p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./assets/firepit.webp" style="width: 100%" />
|
||||
<h3>Fire Pit</h3>
|
||||
<p class="title"></p>
|
||||
</div>
|
||||
</div>
|
||||
@ -287,30 +350,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="about" class="flex-column">
|
||||
<div>
|
||||
<h2>About</h2>
|
||||
<h3>Build community</h3>
|
||||
<p>
|
||||
We're dedicated to cultivating and inspiring thriving Christian
|
||||
communities with offgrid and simple living principles.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="details" class="flex-column">
|
||||
<div>
|
||||
<h2>Details</h2>
|
||||
<h3>Here's what you'll enjoy:</h3>
|
||||
<p>
|
||||
Our retreat features engaging topics from experts on privacy,
|
||||
freedom, off-grid, homesteading, and simple living. Enjoy a wide
|
||||
range of outdoor activities over 100+ acres, and daily live music
|
||||
that the whole family can enjoy.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="details" class="bg-vid flex-column">
|
||||
<h2 class="white">Location</h2>
|
||||
<img
|
||||
@ -319,7 +358,10 @@
|
||||
width="30%"
|
||||
/>
|
||||
<div>
|
||||
<p class="white">372 Denali Ln, Bonners Ferry, Idaho, 83805</p>
|
||||
<p class="white">
|
||||
100+ Acre Boulder Creek Retreat | 372 Denali Ln, Bonners Ferry,
|
||||
Idaho, 83805
|
||||
</p>
|
||||
</div>
|
||||
<video
|
||||
autoplay
|
||||
@ -333,14 +375,31 @@
|
||||
/>
|
||||
</video>
|
||||
<a
|
||||
class="button-4"
|
||||
role="button"
|
||||
class="p-button"
|
||||
target="_blank"
|
||||
href="https://www.bouldercreekretreat.com/"
|
||||
>Learn More</a
|
||||
role="button"
|
||||
href="https://app.hi.events/event/6507/3-day-christian-family-event-concert-in-idaho-shiloh-echo-26"
|
||||
>Get Tickets</a
|
||||
>
|
||||
</div>
|
||||
<div id="schedule" class="flex-column">
|
||||
<div>
|
||||
<h2>About</h2>
|
||||
<h3>Build community</h3>
|
||||
<p>
|
||||
We're dedicated to cultivating and inspiring thriving Christian
|
||||
communities with offgrid and simple living principles.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3>Here's what you'll enjoy:</h3>
|
||||
<p>
|
||||
Our retreat features engaging topics from Christian experts on
|
||||
privacy, freedom, off-grid, homesteading, and simple living. Enjoy a
|
||||
wide range of outdoor activities over 100+ acres, and daily live
|
||||
music that the whole family can enjoy.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Event Schedule</h2>
|
||||
<p>
|
||||
@ -363,6 +422,15 @@
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<h2>Last Year</h2>
|
||||
<iframe
|
||||
class="rumble"
|
||||
width="100%"
|
||||
height="360"
|
||||
src="https://rumble.com/embed/v72225a/?pub=3xx9jx"
|
||||
frameborder="0"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
|
||||
<div class="flex-column">
|
||||
<h2>Event Map</h2>
|
||||
@ -433,16 +501,19 @@
|
||||
<a
|
||||
class="button-4"
|
||||
role="button"
|
||||
href="mailto:echo(AT)shilohcode(DOT)com"
|
||||
href="mailto:echo@shilohecho.org"
|
||||
>email</a
|
||||
>
|
||||
<a class="button-4" role="button" href="sms:6056080538">text</a>
|
||||
<a class="button-4" role="button" href="sms:6056080538"
|
||||
>affiliate</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<button id="back-to-top">^^^</button>
|
||||
<button id="back-to-top">Top ^</button>
|
||||
|
||||
<footer id="footer"></footer>
|
||||
</body>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user