Compare commits

...

12 Commits
main ... main

Author SHA1 Message Date
Gary
653daa0671 replace url youtube 2026-03-03 10:27:58 -08:00
Gary
2497ff8c57 add shop and blog 2026-02-27 14:20:31 -08:00
Gary
dba8df0003 fix button solutions 2026-02-24 10:13:33 -08:00
Gary
1d6cf9ad1f fix contact page spacing
capitalize buttons
2026-02-24 10:11:07 -08:00
Gary
578ca7e5d4 mobile size changes 2026-02-24 10:00:26 -08:00
Gary
d7fe327beb add cta
improve mobile spacing
fix images
2026-02-24 09:34:06 -08:00
Gary
cf27ccb526 countdown 2026-01-27 14:04:37 -08:00
Gary
92316e4bcd refresh website 2026-01-27 13:44:50 -08:00
Gary
b698b072d0 fix link solutions index 2025-08-12 23:21:03 -07:00
Gary
c3832fa0ca add name changes to nav 2025-08-12 23:14:32 -07:00
Gary
bd06d674b8 add full width video backgrounds 2025-08-12 22:11:58 -07:00
Gary
7ce9cebd06 remove eschatology section from creed 2025-08-04 09:31:14 -07:00
19 changed files with 666 additions and 449 deletions

3
.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}

View File

@ -39,6 +39,7 @@
<script src="./js/jquery-3.7.1.min.js"></script>
<script src="./js/main.js"></script>
<script src="./js/navbar.js"></script>
<script src="./js/back-to-top.js"></script>
</head>
<body>
@ -46,15 +47,22 @@
<main>
<div class="flex-column bg-vid">
<div>
<div class="flex">
<h1>about</h1>
<div class="flex-row">
<a
class="button-1"
class="button-2"
role="button"
href="https://odysee.com/@shilohcode:e/about:11"
>Watch</a
>
<a
class="button-1"
role="button"
target="_blank"
href="https://cloud.shilohcode.com/apps/calendar/appointment/JFes64HZYiw7"
>Schedule a Call</a
>
</div>
</div>
<video autoplay loop muted poster="/assets/about.png">
@ -65,7 +73,7 @@
</video>
</div>
<div class="flex-column bg-vid">
<div>
<div class="flex">
<h2>
have no fellowship <br />
with the fruitless <br />
@ -80,10 +88,19 @@
<h2>our creed</h2>
<div class="flex-row">
<a class="button-1" role="button" href="/creed">Read</a>
<a
class="button-1"
role="button"
target="_blank"
href="https://cloud.shilohcode.com/apps/calendar/appointment/JFes64HZYiw7"
>Schedule a Call</a
>
</div>
</div>
</div>
</main>
<button id="back-to-top">^ TOP</button>
<div id="message"></div>
<footer id="footer"></footer>
</body>

BIN
assets/echologo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 48 KiB

View File

@ -32,6 +32,7 @@
<script src="./js/jquery-3.7.1.min.js"></script>
<script src="./js/main.js"></script>
<script src="./js/navbar.js"></script>
<script src="./js/back-to-top.js"></script>
</head>
<body>
@ -39,7 +40,7 @@
<main>
<div class="flex-column">
<div>
<div class="flex">
<h1>open jobs at shiloh</h1>
<p>
check this page for current open positions with shiloh. we're always
@ -48,20 +49,10 @@
</p>
</div>
</div>
<div class="flex-column bg-vid">
<div>
<h1>Tech Sales Rep</h1>
<div class="flex-row">
<a
class="button-1"
role="button"
href="https://www.christiantechjobs.io/christian-jobs/remote-tech-sales-rep-100-commission-shiloh-909"
>learn more</a
>
</div>
</div>
</div>
<div class="flex-column bg-vid"></div>
</main>
<button id="back-to-top">^ TOP</button>
<div id="message"></div>
<footer id="footer"></footer>
</body>

View File

@ -38,6 +38,7 @@
<script src="./js/jquery-3.7.1.min.js"></script>
<script src="./js/main.js"></script>
<script src="./js/navbar.js"></script>
<script src="./js/back-to-top.js"></script>
</head>
<body>
@ -45,7 +46,7 @@
<main>
<div class="flex-column bg-vid">
<div>
<div class="flex">
<h1>get involved</h1>
<div class="flex-row">
<a
@ -55,6 +56,25 @@
>Watch</a
>
</div>
<div class="flex-row">
<a class="button-1" role="button" href="https://remnant.chat"
>Chat</a
>
</div>
<div class="flex-row">
<a class="button-1" role="button" href="https://githaven.org"
>Contribute</a
>
</div>
<div class="flex-row">
<a
class="button-1"
role="button"
target="_blank"
href="https://cloud.shilohcode.com/apps/calendar/appointment/JFes64HZYiw7"
>Schedule a Call</a
>
</div>
</div>
<video autoplay loop muted poster="/assets/get-involved.png">
<source
@ -63,27 +83,9 @@
/>
</video>
</div>
<div class="flex-column bg-vid">
<div>
<h2>remnant.chat</h2>
<div class="flex-row">
<a class="button-1" role="button" href="https://remnant.chat/"
>join</a
>
</div>
</div>
</div>
<div class="flex-column bg-vid">
<div>
<h2>githaven.org</h2>
<div class="flex-row">
<a class="button-1" role="button" href="https://rad.githaven.org"
>join</a
>
</div>
</div>
</div>
</main>
<button id="back-to-top">^ TOP</button>
<div id="message"></div>
<footer id="footer"></footer>
</body>

View File

@ -21,19 +21,18 @@
<div class="flex-container">
<h3>services</h3>
<a href="https://lasthourhosting.org">webhosting</a>
<a href="/services">hire us</a>
<a href="/solutions">managed IT</a>
</div>
<div class="flex-container">
<h3>resources</h3>
<a href="https://shilohcode.com/get-involved">get involved</a>
<a href="https://rad.githaven.org">contribute</a>
<a href="/community">get involved</a>
<a href="https://githaven.org">contribute</a>
<a href="https://remnant.chat">community</a>
<a href="/contact">report abuse</a>
</div>
<div class="flex-container">
<h3>company</h3>
<a href="/about">our team</a>
<a href="/news">news room</a>
<a href="/about">about</a>
<a href="/careers">careers</a>
<a href="/contact">contact</a>
</div>

View File

@ -15,9 +15,12 @@
</a>
</div>
<ul class="menu">
<li class="menu-item"><a href="/solutions">solutions</a></li>
<li class="menu-item"><a href="/community">community</a></li>
<li class="menu-item"><a href="/creed">creed</a></li>
<li class="menu-item"><a href="https://blog.shilohcode.com">blog</a></li>
<li class="menu-item"><a href="https://shop.shilohcode.com">shop</a></li>
<li class="menu-item"><a href="/about">about</a></li>
<li class="menu-item"><a href="/get-involved">get involved</a></li>
<li class="menu-item"><a href="/services">services</a></li>
<li class="menu-item"><a href="/contact">contact us</a></li>
<li class="menu-item"><a href="/contact">contact</a></li>
</ul>
</div>

View File

@ -39,28 +39,38 @@
<script src="./js/jquery-3.7.1.min.js"></script>
<script src="./js/main.js"></script>
<script src="./js/navbar.js"></script>
<script src="./js/back-to-top.js"></script>
</head>
<body>
<header id="header"></header>
<main>
<div class="flex-column bg-vid-main">
<div>
<div class="flex-column bg-vid">
<div class="flex">
<h1>contact us</h1>
<div class="flex-row">
<div class="flex-container">
<a
class="button-1"
role="button"
href="mailto:hello-izmqxby3qjkffhh6w7a9s2j3qwj7zu93iji7gxjcn(AT)shilohcode(DOT)com"
href="mailto:support(at)shilohcode(dot)com"
>email</a
>
<a
class="button-1"
role="button"
target="_blank"
href="https://cloud.shilohcode.com/apps/calendar/appointment/JFes64HZYiw7"
>Schedule a Call</a
>
</div>
</div>
</div>
</div>
</main>
<button id="back-to-top">^ TOP</button>
<div id="message"></div>
<footer id="footer"></footer>
</body>

View File

@ -33,6 +33,7 @@
<script src="./js/jquery-3.7.1.min.js"></script>
<script src="./js/main.js"></script>
<script src="./js/navbar.js"></script>
<script src="./js/back-to-top.js"></script>
</head>
<body>
<header id="header"></header>
@ -392,18 +393,9 @@
will be judged and cast into the lake of fire (hell) for eternity.
</p>
<cite>(The NASB95 Bible: Matthew 25:41; Revelation 20:10)</cite>
<p>
We adhere to a literal interpretation of scripture holding to a
pre-millennial view of eschatology. The doctrine that Jesus's Second
Coming will immediately precede the millennium.
</p>
<cite
>(The NASB95 Bible: Revelation 20, Isaiah 2, Micah 4:1-5, Jeremiah
23:5-8, Genesis 12:1-3, Genesis 15:18-21, Luke 1:32, 33, 2 Samuel 7,
Amos 9:11-15, Jeremiah 31:31-34, Isaiah 61:8-9, Matthew 24:15,25, Acts
1:6, Romans 8:1, Zechariah 14:4-9)</cite
>
</div>
<button id="back-to-top">^ TOP</button>
<div id="message"></div>
<footer id="footer"></footer>
</body>

View File

@ -5,9 +5,12 @@
font-family: "FiraCode";
src: url("/assets/FiraCode-VariableFont_wght.ttf") format("truetype");
}
html {
scroll-behavior: smooth;
}
body {
background: black;
background: #579c8b;
margin: 0;
padding: 0;
}
@ -21,7 +24,7 @@ header {
justify-content: space-between;
align-items: center;
width: 100%;
z-index: 10; /* Adjust the z-index as needed */
z-index: 10;
}
main {
-webkit-flex: 1;
@ -113,9 +116,9 @@ main {
display: block;
}
video {
min-width: 300px;
width: 100%;
height: auto;
width: 100vw;
height: 100vh;
object-fit: cover;
}
.bg-one {
border-radius: 5px;
@ -130,7 +133,7 @@ video {
footer {
color: var(--text-color);
background-color: black;
background-color: #579c8b;
text-align: center;
padding: 1rem;
-webkit-flex: 1;
@ -202,7 +205,7 @@ a {
.button-1 {
align-items: center;
border-radius: 5px;
color: #3b82f6;
color: #6e564f;
cursor: pointer;
display: -webkit-flex;
display: flex;
@ -219,7 +222,7 @@ a {
text-decoration: none;
transition: border 0.3s, color 0.3s;
white-space: nowrap;
border: 1px solid #3b82f6;
border: 2px solid #6e564f;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
@ -230,10 +233,11 @@ a {
height: fit-content;
position: relative;
z-index: 1;
background: white;
}
.button-1:hover {
border: 1px solid white;
color: white;
border: 2px solid white;
color: #6e564f;
}
.button-2 {
@ -279,7 +283,7 @@ a {
display: flex;
align-items: center;
justify-content: center;
background-color: grey;
background-color: #579c8b;
color: #fff;
border-radius: 50%;
width: 50px;
@ -327,6 +331,22 @@ a {
z-index: -1;
filter: blur(7px);
}
#back-to-top {
position: fixed;
bottom: -40px;
right: 20px;
background-color: #43786b;
color: #fff;
border: none;
padding: 10px;
border-radius: 10px;
cursor: pointer;
}
#back-to-top.show {
bottom: 80px;
z-index: 5;
}
/* Styles for the navigation bar */
.nav-bar {
display: flex;
@ -336,7 +356,7 @@ a {
padding: 1rem;
margin: 0;
position: relative;
background: black;
background: #579c8b;
}
.logo {
@ -370,7 +390,7 @@ a {
height: 1px;
bottom: -2px;
left: 0;
background-color: rgb(59, 130, 246);
background-color: white;
transition: all 0.2s;
z-index: 1;
}
@ -423,11 +443,121 @@ a {
}
.flex-column {
padding: 10px 5px;
padding: 10px 20px;
}
video {
width: auto;
height: auto;
/*echo event css*/
.nav-bar-echo {
display: block;
flex-direction: column;
align-items: flex-start;
padding: 5px;
}
.menu-echo {
display: none; /* hide the menu on mobile */
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: white;
padding-top: 10px;
padding-bottom: 10px;
}
.button-1 {
align-items: center;
border-radius: 5px;
color: #6e564f;
cursor: pointer;
display: -webkit-flex;
display: flex;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Inter, sans-serif;
font-size: 30px;
font-weight: 300;
justify-content: center;
line-height: 1;
outline: none;
text-align: center;
text-decoration: none;
transition: border 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;
height: fit-content;
width: min-content;
position: relative;
z-index: 1;
background: white;
}
.button-2 {
align-items: center;
border-radius: 5px;
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: 30px;
font-weight: 200;
justify-content: center;
line-height: 1;
margin: 1rem;
outline: none;
text-align: center;
text-decoration: none;
transition: color 0.3s;
white-space: nowrap;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 5rem;
padding-right: 5rem;
height: fit-content;
position: relative;
z-index: 1;
}
h1,
h2 {
color: white;
text-align: center;
position: relative;
z-index: 1;
font-size: 3rem;
font-weight: 100;
}
h3,
h4 {
color: white;
text-align: center;
position: relative;
z-index: 1;
font-size: 2rem;
font-weight: 100;
}
.header-large {
font-size: 3rem;
}
p,
ul,
ol,
td,
li,
cite {
word-break: normal;
color: #fefff1;
text-align: left;
max-width: fit-content;
}
.flex {
display: contents;
}
}

View File

@ -1,242 +0,0 @@
<!--
██ ███████ ███████ ██ ██ ███████ ██ ███████ ██ ██ ██ ███ ██ ██████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ██ ██
██ █████ ███████ ██ ██ ███████ ██ ███████ █████ ██ ██ ██ ██ ██ ███
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
█████ ███████ ███████ ██████ ███████ ██ ███████ ██ ██ ██ ██ ████ ██████
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Careers | Shiloh Code | Growth Hacker</title>
<meta name="description" content="Careers at Shiloh" />
<meta name="author" content="Shiloh" />
<meta property="og:title" content="shiloh code" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.shilohcode.com" />
<meta property="og:description" content="Careers at Shiloh" />
<meta property="og:image" content="./assets/shiloh_logo_black.png" />
<link rel="icon" href="./assets/favicon.ico" />
<link rel="icon" href="./assets/" type="image/svg+xml" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="stylesheet" href="css/styles.css?v=1.0" />
<script src="./js/jquery-3.7.1.min.js"></script>
<script src="./js/main.js"></script>
<script src="./js/navbar.js"></script>
</head>
<body>
<header id="header"></header>
<main>
<div class="flex-column">
<h1>growth hacker role</h1>
<h2>warning:</h2>
<p>
we're on a mission to change the direction of the tech industry, and
we need your expertise to fuel our growth.
</p>
<h3>about us:</h3>
<p>
at shiloh, we're a remote team of off-grid passionate hackers,
software devs, open-source enthusiasts, privacy activists, and
innovators who are driven by a shared mission to reform technology in
Jesus' name. we're not just building tech - we're building an
alternative to the beast system. a neo to the matrix. a john connor to
cyberdyne. and we're looking for a growth hacker to join our dissident
team.
</p>
<h3>mission:</h3>
<p>tech reform in Jesus' name.</p>
<h3>vision:</h3>
<p>
a world where technology reflects the values and principles of
christ's coming kingdom.
</p>
<h3>our principles (soul):</h3>
<ul>
<li>serve our lord with integrity.</li>
<li>
own our tech (open-source, self-hosting, and decentralization.)
</li>
<li>unveil with light</li>
<li>leave a legacy.</li>
</ul>
<h3>our services:</h3>
<ul>
<li>managed it</li>
<li>server hosting</li>
<li>staff-augmentation</li>
<li>contract-to-hire</li>
<li>backup and disaster recovery</li>
<li>email solutions</li>
<li>cloud solutions</li>
<li>web development</li>
<li>full-stack software development</li>
<li>onsite computer support</li>
<li>business continuity plan</li>
<li>remote it</li>
<li>voip phones</li>
<li>network cabling and installations</li>
<li>security cameras</li>
<li>
migration to open-source, decentralized, fully-owned solutions.
</li>
</ul>
<h3>our websites:</h3>
<ul>
<li><a href="https://shilohcode.com">shilohcode.com</a></li>
<li><a href="https://remnant.chat">remnant.chat</a></li>
<li><a href="https://githaven.org">githaven.org</a></li>
<li><a href="https://lasthourhosting.org">lasthourhosting.org</a></li>
<li>
<a href="https://status.shilohcode.com">status.shilohcode.com</a>
</li>
</ul>
<h3>job summary:</h3>
<p>
we're looking for a highly skilled and innovative growth hacker to
join our team at shiloh. you should have demonstrated experience in
marketing, sales, and revenue generation. you are passionate about
privacy, open-source. as a growth hacker, you will be responsible for
developing and executing growth strategies that drive user
acquisition, retention, and revenue growth for our company. you will
be a pioneer for later marketing, sales, and product teams to identify
and capitalize on growth opportunities, and to develop and implement
data-driven marketing and sales strategies. we have a strong network
of relationships for you to engage with, we need a machine built to
drive the pipeline.
</p>
<h3>responsibilities:</h3>
<ul>
<li>
develop and execute growth strategies across multiple channels,
including alternative social media, content marketing, email
marketing, paid advertising, and seo
</li>
<li>
analyze data and metrics to inform growth decisions, and to measure
the effectiveness of growth strategies
</li>
<li>
create and distribute content to drive lead generation and
conversion, including blog posts, social media posts, email
campaigns, and other marketing materials
</li>
<li>
manage and optimize inbound sales and marketing funnels to maximize
conversion rates and revenue growth
</li>
<li>
identify and pursue new business opportunities, including
partnerships, collaborations, and revenue growth initiatives
</li>
<li>
collaborate with cross-functional teams, including marketing, sales,
and product, to drive growth and alignment
</li>
<li>
develop and manage budgets and resources to support growth
initiatives
</li>
<li>
stay up-to-date with the latest growth hacking trends, tools, and
technologies, and apply this knowledge to drive growth and
innovation at shiloh.
</li>
</ul>
<h3>your tools:</h3>
<ul>
<li>alternative social media marketing and advertising</li>
<li>content marketing and creation</li>
<li>email marketing and automation</li>
<li>alternative paid advertising and seo</li>
<li>a/b testing and experimentation</li>
<li>data analysis and visualization</li>
<li>marketing automation platforms</li>
<li>content management systems</li>
<li>paid advertising platforms</li>
</ul>
<h3>have to have:</h3>
<ul>
<li>demonstrated previous growth hacking and revenue generation</li>
<li>
a demonstrated understanding of technology, privacy, open-source
</li>
<li>
include the keyword "unveil" in your email headline so we know you
actually read this...
</li>
<li>
you must sign our statement of faith:
<a href="https://shilohcode.com/creed">shilohcode.com/creed</a>
</li>
</ul>
<h3>nice to have:</h3>
<ul>
<li>experience with marketing automation platforms.</li>
<li>experience with data analysis and visualization tools.</li>
<li>experience with content management systems</li>
<li>experience with paid advertising platforms</li>
<li>experience with linux and open-source tools</li>
<li>active user of rumble, odysee, gab</li>
<li>
allergic to microsoft, google, facebook, youtube, zoom, and other
big tech bros.
</li>
</ul>
<h3>your perks:</h3>
<ul>
<li>
competitive hourly pay based on national average for your role
</li>
<li>christian conservative, privacy first work environment</li>
<li>no dei, esg, tolerance training</li>
<li>
opportunity to work with a world-class passionate and innovative
team
</li>
<li>remote work</li>
<li>growth opportunities and career stepping stones</li>
<li>
chance to severely disrupt satan's plans and honor the lord with
your talent
</li>
<li>access to the latest open-source tools and technologies</li>
<li>collaborative and dynamic work environment</li>
<li>recognition and rewards for outstanding performance</li>
</ul>
<h3>your challenge, should you choose to accept:</h3>
<p>
if you're a growth hacker with a passion for innovation and a drive to
do something big, we want to hear from you. apply now to join our team
and help us revolutionize the tech industry. email us to apply at:
careers(at)shilohcode(dot)com
</p>
</div>
</main>
<div id="message"></div>
<footer id="footer"></footer>
</body>
</html>

View File

@ -15,10 +15,10 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>shiloh code | tech reform in Jesus' name</title>
<title>shiloh code | find peace off tech</title>
<meta
name="description"
content="Tech reform in Jesus' name. Don't get marked by big tech. Shiloh offers services to resist the beast system with everything your home or business does. Are you ready to stand up against the digital deceptions of our time?"
content="Find peace off technology. Don't get marked by big tech. Shiloh offers services to resist the beast system with everything your home or business does. Are you ready to stand up against the digital deceptions of our time?"
/>
<meta name="author" content="Shiloh" />
@ -27,7 +27,7 @@
<meta property="og:url" content="https://www.shilohcode.com" />
<meta
property="og:description"
content="Tech reform in Jesus' name. Don't get marked by big tech. Shiloh offers services to resist the beast system with everything your home or business does. Are you ready to stand up against the digital deceptions of our time?"
content="Find peace off technology. Don't get marked by big tech. Shiloh offers services to resist the beast system with everything your home or business does. Are you ready to stand up against the digital deceptions of our time?"
/>
<meta property="og:image" content="./assets/shiloh_logo_black.png" />
@ -39,6 +39,8 @@
<script src="./js/jquery-3.7.1.min.js"></script>
<script src="./js/main.js"></script>
<script src="./js/navbar.js"></script>
<script src="./js/back-to-top.js"></script>
<script src="./js/countdown.js"></script>
</head>
<body>
@ -46,31 +48,51 @@
<main>
<div class="flex-column bg-vid">
<div>
<h1>tech reform in Jesus' name</h1>
<div class="flex">
<h1>find peace off tech</h1>
<div class="flex-row">
<p>
christian experts in privacy, freedom, and tech with solutions for
your peace of mind.
</p>
</div>
<div class="flex-row">
<a
class="button-1"
role="button"
target="_blank"
href="https://odysee.com/@shilohcode:e/standwithus:0"
>Watch</a
href="https://cloud.shilohcode.com/apps/calendar/appointment/JFes64HZYiw7"
>Schedule a Call</a
>
<a class="button-2" role="button" href="/about">Learn More</a>
</div>
<div id="getting-started"></div>
<script type="text/javascript">
$("#getting-started").countdown("2030/01/01", function (event) {
$(this).text(event.strftime("%D Days %H:%M:%S"));
});
</script>
</div>
<video autoplay loop muted poster="/assets/main.png">
<source
src="https://cdn.lasthourhosting.org/shiloh/main.webm"
src="https://lasthourcloud.b-cdn.net/shiloh/website-header1.webm"
type="video/webm"
/>
</video>
</div>
<div class="flex-column bg-vid">
<div>
<h1>services</h1>
<div class="flex">
<h2>stress free solutions</h2>
<p>offering managed services in web-hosting, IT, and software</p>
<div class="flex-row">
<a class="button-1" role="button" href="/services">Learn More</a>
<a class="button-2" role="button" href="/solutions">learn more</a>
<a
class="button-1"
role="button"
target="_blank"
href="https://cloud.shilohcode.com/apps/calendar/appointment/JFes64HZYiw7"
>Schedule a Call</a
>
</div>
</div>
<video autoplay loop muted poster="/assets/services.png">
@ -81,27 +103,71 @@
</video>
</div>
<div class="flex-column bg-vid">
<div>
<h2>the unveil series</h2>
<div class="flex">
<h2>touch grass show</h2>
<div class="flex-row">
<a
class="button-1"
role="button"
target="_blank"
href="https://odysee.com/@shilohcode:e/welcome-to-the-unveil:8"
href="https://www.youtube.com/@shiloh-code"
>Watch</a
>
</div>
</div>
<video autoplay loop muted poster="/assets/about.png">
<source
src="https://cdn.lasthourhosting.org/shiloh/the-unveil-short.webm"
src="https://lasthourcloud.b-cdn.net/shiloh/touchgrass.webm"
type="video/webm"
/>
</video>
</div>
<div id="webhosting" class="flex-column bg-vid">
<div class="flex">
<img
src="./assets/echologo.png"
width="100%"
alt="Shiloh Echo Logo"
/>
<h3>attend the echo event</h3>
<p>the annual off-grid, homesteading, simple living conference</p>
<div class="flex-row">
<a class="button-1" role="button" href="https://shilohecho.org"
>Get Tickets</a
>
</div>
<video autoplay loop muted poster="/assets/lasthour.png">
<source
src="https://lasthourcloud.b-cdn.net/shiloh/echo-conference.webm"
type="video/webm"
/>
</video>
</div>
</div>
<div id="webhosting" class="flex-column bg-vid">
<div class="flex">
<img
width="100%"
src="./assets/last_hour_hosting_logo_blue.png"
alt="last hour hosting logo"
/>
<h3>starting at $29/mo.</h3>
<p>managed websites, hosting, and cloud services</p>
<div class="flex-row">
<a class="button-1" role="button" href="https://lasthourhosting.org"
>Host With Us</a
>
</div>
<video autoplay loop muted poster="/assets/lasthour.png">
<source
src="https://cdn.lasthourhosting.org/shiloh/lasthour.webm"
type="video/webm"
/>
</video>
</div>
</div>
<div class="flex-column bg-vid">
<div>
<div class="flex">
<h2>about</h2>
<div class="flex-row">
<a
@ -122,18 +188,24 @@
</video>
</div>
<div class="flex-column bg-vid">
<div>
<h2>get involved</h2>
<div class="flex">
<h1>get involved</h1>
<div class="flex-row">
<a
class="button-1"
role="button"
target="_blank"
href="https://odysee.com/@shilohcode:e/higherground:3"
>Watch</a
>
<a class="button-2" role="button" href="/get-involved"
>Learn More</a
</div>
<div class="flex-row">
<a class="button-1" role="button" href="https://remnant.chat"
>Chat</a
>
</div>
<div class="flex-row">
<a class="button-1" role="button" href="https://githaven.org"
>Contribute</a
>
</div>
</div>
@ -144,22 +216,29 @@
/>
</video>
</div>
<div class="flex-column bg-vid-main">
<div>
<h1>contact us</h1>
<div class="flex-column bg-vid">
<div class="flex">
<h2>contact</h2>
<div class="flex-row">
<div class="flex-container">
<a
class="button-1"
role="button"
href="mailto:hello-izmqxby3qjkffhh6w7a9s2j3qwj7zu93iji7gxjcn(AT)shilohcode(DOT)com"
>email</a
>
</div>
<a
class="button-1"
role="button"
href="mailto:support(at)shilohcode(dot)com"
>email</a
>
<a
class="button-1"
role="button"
target="_blank"
href="https://cloud.shilohcode.com/apps/calendar/appointment/JFes64HZYiw7"
>Schedule a Call</a
>
</div>
</div>
</div>
</main>
<button id="back-to-top">^ TOP</button>
<div id="message"></div>
<footer id="footer"></footer>
</body>

13
js/back-to-top.js Normal file
View File

@ -0,0 +1,13 @@
$(document).ready(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$("#back-to-top").addClass("show");
} else {
$("#back-to-top").removeClass("show");
}
});
$("#back-to-top").click(function () {
$("html, body").animate({ scrollTop: 0 }, "slow");
});
});

205
js/countdown.js Normal file
View File

@ -0,0 +1,205 @@
/*!
* The Final Countdown for jQuery v2.2.0 (http://hilios.github.io/jQuery.countdown/)
* Copyright (c) 2016 Edson Hilios
*
* Permission is hereby granted, free of charge, to any person obtaining a copy of
* this software and associated documentation files (the "Software"), to deal in
* the Software without restriction, including without limitation the rights to
* use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
* the Software, and to permit persons to whom the Software is furnished to do so,
* subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
* FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
* COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
* IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
!(function (a) {
"use strict";
"function" == typeof define && define.amd ? define(["jquery"], a) : a(jQuery);
})(function (a) {
"use strict";
function b(a) {
if (a instanceof Date) return a;
if (String(a).match(g))
return (
String(a).match(/^[0-9]*$/) && (a = Number(a)),
String(a).match(/\-/) && (a = String(a).replace(/\-/g, "/")),
new Date(a)
);
throw new Error("Couldn't cast `" + a + "` to a date object.");
}
function c(a) {
var b = a.toString().replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1");
return new RegExp(b);
}
function d(a) {
return function (b) {
var d = b.match(/%(-|!)?[A-Z]{1}(:[^;]+;)?/gi);
if (d)
for (var f = 0, g = d.length; f < g; ++f) {
var h = d[f].match(/%(-|!)?([a-zA-Z]{1})(:[^;]+;)?/),
j = c(h[0]),
k = h[1] || "",
l = h[3] || "",
m = null;
(h = h[2]),
i.hasOwnProperty(h) && ((m = i[h]), (m = Number(a[m]))),
null !== m &&
("!" === k && (m = e(l, m)),
"" === k && m < 10 && (m = "0" + m.toString()),
(b = b.replace(j, m.toString())));
}
return (b = b.replace(/%%/, "%"));
};
}
function e(a, b) {
var c = "s",
d = "";
return (
a &&
((a = a.replace(/(:|;|\s)/gi, "").split(/\,/)),
1 === a.length ? (c = a[0]) : ((d = a[0]), (c = a[1]))),
Math.abs(b) > 1 ? c : d
);
}
var f = [],
g = [],
h = { precision: 100, elapse: !1, defer: !1 };
g.push(/^[0-9]*$/.source),
g.push(/([0-9]{1,2}\/){2}[0-9]{4}( [0-9]{1,2}(:[0-9]{2}){2})?/.source),
g.push(/[0-9]{4}([\/\-][0-9]{1,2}){2}( [0-9]{1,2}(:[0-9]{2}){2})?/.source),
(g = new RegExp(g.join("|")));
var i = {
Y: "years",
m: "months",
n: "daysToMonth",
d: "daysToWeek",
w: "weeks",
W: "weeksToMonth",
H: "hours",
M: "minutes",
S: "seconds",
D: "totalDays",
I: "totalHours",
N: "totalMinutes",
T: "totalSeconds",
},
j = function (b, c, d) {
(this.el = b),
(this.$el = a(b)),
(this.interval = null),
(this.offset = {}),
(this.options = a.extend({}, h)),
(this.instanceNumber = f.length),
f.push(this),
this.$el.data("countdown-instance", this.instanceNumber),
d &&
("function" == typeof d
? (this.$el.on("update.countdown", d),
this.$el.on("stoped.countdown", d),
this.$el.on("finish.countdown", d))
: (this.options = a.extend({}, h, d))),
this.setFinalDate(c),
this.options.defer === !1 && this.start();
};
a.extend(j.prototype, {
start: function () {
null !== this.interval && clearInterval(this.interval);
var a = this;
this.update(),
(this.interval = setInterval(function () {
a.update.call(a);
}, this.options.precision));
},
stop: function () {
clearInterval(this.interval),
(this.interval = null),
this.dispatchEvent("stoped");
},
toggle: function () {
this.interval ? this.stop() : this.start();
},
pause: function () {
this.stop();
},
resume: function () {
this.start();
},
remove: function () {
this.stop.call(this),
(f[this.instanceNumber] = null),
delete this.$el.data().countdownInstance;
},
setFinalDate: function (a) {
this.finalDate = b(a);
},
update: function () {
if (0 === this.$el.closest("html").length) return void this.remove();
var b,
c = void 0 !== a._data(this.el, "events"),
d = new Date();
(b = this.finalDate.getTime() - d.getTime()),
(b = Math.ceil(b / 1e3)),
(b = !this.options.elapse && b < 0 ? 0 : Math.abs(b)),
this.totalSecsLeft !== b &&
c &&
((this.totalSecsLeft = b),
(this.elapsed = d >= this.finalDate),
(this.offset = {
seconds: this.totalSecsLeft % 60,
minutes: Math.floor(this.totalSecsLeft / 60) % 60,
hours: Math.floor(this.totalSecsLeft / 60 / 60) % 24,
days: Math.floor(this.totalSecsLeft / 60 / 60 / 24) % 7,
daysToWeek: Math.floor(this.totalSecsLeft / 60 / 60 / 24) % 7,
daysToMonth: Math.floor(
(this.totalSecsLeft / 60 / 60 / 24) % 30.4368
),
weeks: Math.floor(this.totalSecsLeft / 60 / 60 / 24 / 7),
weeksToMonth: Math.floor(this.totalSecsLeft / 60 / 60 / 24 / 7) % 4,
months: Math.floor(this.totalSecsLeft / 60 / 60 / 24 / 30.4368),
years: Math.abs(this.finalDate.getFullYear() - d.getFullYear()),
totalDays: Math.floor(this.totalSecsLeft / 60 / 60 / 24),
totalHours: Math.floor(this.totalSecsLeft / 60 / 60),
totalMinutes: Math.floor(this.totalSecsLeft / 60),
totalSeconds: this.totalSecsLeft,
}),
this.options.elapse || 0 !== this.totalSecsLeft
? this.dispatchEvent("update")
: (this.stop(), this.dispatchEvent("finish")));
},
dispatchEvent: function (b) {
var c = a.Event(b + ".countdown");
(c.finalDate = this.finalDate),
(c.elapsed = this.elapsed),
(c.offset = a.extend({}, this.offset)),
(c.strftime = d(this.offset)),
this.$el.trigger(c);
},
}),
(a.fn.countdown = function () {
var b = Array.prototype.slice.call(arguments, 0);
return this.each(function () {
var c = a(this).data("countdown-instance");
if (void 0 !== c) {
var d = f[c],
e = b[0];
j.prototype.hasOwnProperty(e)
? d[e].apply(d, b.slice(1))
: null === String(e).match(/^[$A-Z_][0-9A-Z_$]*$/i)
? (d.setFinalDate.call(d, e), d.start())
: a.error(
"Method %s does not exist on jQuery.countdown".replace(
/\%s/gi,
e
)
);
} else new j(this, b[0], b[1]);
});
});
});

View File

@ -39,6 +39,7 @@
<script src="./js/jquery-3.7.1.min.js"></script>
<script src="./js/main.js"></script>
<script src="./js/navbar.js"></script>
<script src="./js/back-to-top.js"></script>
</head>
<body>
@ -251,6 +252,8 @@
</div>
</div>
</main>
<button id="back-to-top">^ TOP</button>
<div id="message"></div>
<footer id="footer"></footer>
</body>

View File

@ -1,52 +0,0 @@
<!--
██ ███████ ███████ ██ ██ ███████ ██ ███████ ██ ██ ██ ███ ██ ██████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ██ ██
██ █████ ███████ ██ ██ ███████ ██ ███████ █████ ██ ██ ██ ██ ██ ███
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
█████ ███████ ███████ ██████ ███████ ██ ███████ ██ ██ ██ ██ ████ ██████
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Latest News | Shiloh Code</title>
<meta name="description" content="Read about Shiloh in the news." />
<meta name="author" content="Shiloh" />
<meta property="og:title" content="shiloh code" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.shilohcode.com" />
<meta property="og:description" content="Read about Shiloh in the news." />
<meta property="og:image" content="./assets/shiloh_logo_black.png" />
<link rel="icon" href="./assets/favicon.ico" />
<link rel="icon" href="./assets/" type="image/svg+xml" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="stylesheet" href="css/styles.css?v=1.0" />
<script src="./js/jquery-3.7.1.min.js"></script>
<script src="./js/main.js"></script>
<script src="./js/navbar.js"></script>
</head>
<body>
<header id="header"></header>
<main>
<div class="flex-column bg-vid">
<div>
<h1>news room</h1>
<p>coming soon</p>
<div class="flex-row"></div>
</div>
</div>
</main>
<div id="message"></div>
<footer id="footer"></footer>
</body>
</html>

30
sitemap.xml Normal file
View File

@ -0,0 +1,30 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset
xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
<url>
<loc>https://shilohcode.com/</loc>
<lastmod>2026-02-20T23:07:45+00:00</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://shilohcode.com/about</loc>
<lastmod>2026-02-20T23:07:45+00:00</lastmod>
<priority>0.80</priority>
</url>
<url>
<loc>https://shilohcode.com/solutions</loc>
<lastmod>2026-02-20T23:07:45+00:00</lastmod>
<priority>0.80</priority>
</url>
<url>
<loc>https://shilohcode.com/creed</loc>
<lastmod>2026-02-20T23:07:45+00:00</lastmod>
<priority>0.64</priority>
</url>
</urlset>

View File

@ -39,6 +39,7 @@
<script src="./js/jquery-3.7.1.min.js"></script>
<script src="./js/main.js"></script>
<script src="./js/navbar.js"></script>
<script src="./js/back-to-top.js"></script>
</head>
<body>
@ -46,21 +47,19 @@
<main>
<div class="flex-column bg-vid">
<div>
<h1>services</h1>
<div class="flex">
<h1>solutions</h1>
<div class="flex-row">
<p>
we do managed IT, web-hosting, development, support, security, and
communication solutions, to help businesses fully own their
technology.
take control of your tech with shiloh. christian experts in
privacy, freedom, and managed services, helping you achieve
digital self-sufficiency.
</p>
</div>
<div class="flex-row">
<a class="button-1" role="button" href="#webhosting">Web-Hosting</a>
<a class="button-1" role="button" href="#it">Managed IT</a>
<a class="button-1" role="button" href="#software"
>Software Development</a
>
<a class="button-1" role="button" href="#software">Software</a>
</div>
</div>
<video autoplay loop muted poster="/assets/services.png">
@ -72,7 +71,7 @@
</div>
<div class="flex-column">
<div>
<div class="flex">
<h3>we designed solutions for 97+ companies including:</h3>
<div>
<img
@ -105,8 +104,9 @@
</div>
</div>
<div id="webhosting" class="flex-column bg-vid">
<div>
<div class="flex">
<img
width="100%"
src="./assets/last_hour_hosting_logo_blue.png"
alt="last hour hosting logo"
/>
@ -126,56 +126,82 @@
</div>
</div>
<div id="it" class="flex-column bg-vid">
<div>
<div class="flex">
<h2>managed IT</h2>
<p>
remote or on-site our managed IT provides you with proactive, expert
care. reduce overhead costs with open-source and a solution you
fully own.
</p>
<video autoplay loop muted poster="/assets/managed-it.png">
<source
src="https://cdn.lasthourhosting.org/shiloh/managed-it.webm"
type="video/webm"
/>
</video>
</div>
</div>
<div id="software" class="flex-column">
<h2>full-stack dev</h2>
<p>
enjoy greater flexibility, lower costs, security, and community-driven
innovation, all while aligning with Christian values.
</p>
<div class="flex-row">
<div>
<img
src="./assets/prestashop_logo.png"
alt="Prestashop Logo"
width="300px"
/>
<img
src="./assets/ERPnext_logo.png"
alt="ERPnext Logo"
width="300px"
/>
<img
src="./assets/Nextcloud_Logo.png"
alt="Nextcloud Logo"
width="300px"
/>
<img
src="./assets/WordPress-logotype-alternative.png"
alt="Nextcloud Logo"
width="300px"
/>
<img src="./assets/linux-logo.png" alt="Linux Logo" width="200px" />
<div class="flex-row">
<a
class="button-1"
role="button"
target="_blank"
href="https://cloud.shilohcode.com/apps/calendar/appointment/JFes64HZYiw7"
>Schedule a Call</a
>
</div>
</div>
</div>
<div class="flex-column bg-vid-main">
<div>
<div id="software" class="flex-column bg-vid">
<div class="flex">
<h2>full-stack dev</h2>
<p>
enjoy greater flexibility, lower costs, security, and
community-driven innovation, all while aligning with christian
values.
</p>
<div class="flex-row">
<a
class="button-1"
role="button"
target="_blank"
href="https://cloud.shilohcode.com/apps/calendar/appointment/JFes64HZYiw7"
>Schedule a Call</a
>
</div>
<div class="flex-row">
<div class="flex">
<img
src="./assets/prestashop_logo.png"
alt="Prestashop Logo"
width="300px"
/>
<img
src="./assets/ERPnext_logo.png"
alt="ERPnext Logo"
width="300px"
/>
<img
src="./assets/Nextcloud_Logo.png"
alt="Nextcloud Logo"
width="300px"
/>
<img
src="./assets/WordPress-logotype-alternative.png"
alt="Nextcloud Logo"
width="300px"
/>
<img
src="./assets/linux-logo.png"
alt="Linux Logo"
width="200px"
/>
</div>
</div>
</div>
</div>
<div class="flex-column bg-vid">
<div class="flex">
<h1>contact us</h1>
<div class="flex-row">
<div class="flex-container">
@ -185,11 +211,19 @@
href="mailto:hello-izmqxby3qjkffhh6w7a9s2j3qwj7zu93iji7gxjcn(AT)shilohcode(DOT)com"
>email</a
>
<a
class="button-1"
role="button"
target="_blank"
href="https://cloud.shilohcode.com/apps/calendar/appointment/JFes64HZYiw7"
>Schedule a Call</a
>
</div>
</div>
</div>
</div>
</main>
<button id="back-to-top">^ TOP</button>
<div id="message"></div>
<footer id="footer"></footer>
</body>