Compare commits
2 Commits
main
...
feature/br
| Author | SHA1 | Date | |
|---|---|---|---|
|
c16f169991 | ||
| b306f017f1 |
BIN
assets/shiloh-logo-blue.png
Normal file
BIN
assets/shiloh-logo-blue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
assets/shiloh-logo.png
Normal file
BIN
assets/shiloh-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
assets/shiloh_favicon.png
Normal file
BIN
assets/shiloh_favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
BIN
assets/spincycle_tt.ttf
Normal file
BIN
assets/spincycle_tt.ttf
Normal file
Binary file not shown.
BIN
assets/synthese-regular-TRIAL-BF63b781e43e16d.otf
Normal file
BIN
assets/synthese-regular-TRIAL-BF63b781e43e16d.otf
Normal file
Binary file not shown.
67
brand
Normal file
67
brand
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
<!--
|
||||||
|
|
||||||
|
██ ███████ ███████ ██ ██ ███████ ██ ███████ ██ ██ ██ ███ ██ ██████
|
||||||
|
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ██ ██
|
||||||
|
██ █████ ███████ ██ ██ ███████ ██ ███████ █████ ██ ██ ██ ██ ██ ███
|
||||||
|
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
|
||||||
|
█████ ███████ ███████ ██████ ███████ ██ ███████ ██ ██ ██ ██ ████ ██████
|
||||||
|
|
||||||
|
|
||||||
|
-->
|
||||||
|
<!DOCTYPE html>
|
||||||
|
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
|
||||||
|
<title>Contact | Shiloh Code</title>
|
||||||
|
<meta
|
||||||
|
name="description"
|
||||||
|
content="Have questions or comments? Contact us 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="Have questions or comments? Contact us 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 bg-vid-main">
|
||||||
|
<div>
|
||||||
|
<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"
|
||||||
|
>email</a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<div id="message"></div>
|
||||||
|
<footer id="footer"></footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
153
brand.html
Normal file
153
brand.html
Normal file
@ -0,0 +1,153 @@
|
|||||||
|
<!--
|
||||||
|
|
||||||
|
██ ███████ ███████ ██ ██ ███████ ██ ███████ ██ ██ ██ ███ ██ ██████
|
||||||
|
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ██ ██
|
||||||
|
██ █████ ███████ ██ ██ ███████ ██ ███████ █████ ██ ██ ██ ██ ██ ███
|
||||||
|
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
|
||||||
|
█████ ███████ ███████ ██████ ███████ ██ ███████ ██ ██ ██ ██ ████ ██████
|
||||||
|
|
||||||
|
|
||||||
|
-->
|
||||||
|
<!DOCTYPE html>
|
||||||
|
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
|
||||||
|
<title>Brand | Shiloh Code</title>
|
||||||
|
<meta
|
||||||
|
name="description"
|
||||||
|
content="Have questions or comments? Contact us 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="Shiloh Brand Style Guide"
|
||||||
|
/>
|
||||||
|
<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 class="brand">
|
||||||
|
<header id="header"></header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h1>Shiloh Brand Style Guide</h1>
|
||||||
|
<div class="flex-row">
|
||||||
|
<div class="flex-container first">
|
||||||
|
<img src="assets/shiloh-logo.png" alt="logo">
|
||||||
|
<p>the bold sans serif reflects the strength and simplicity of our mission.
|
||||||
|
we aim to be a light in a
|
||||||
|
dark world.</p>
|
||||||
|
</div>
|
||||||
|
<div class="flex-container second">
|
||||||
|
<p>Shiloh means peace or place of rest. In a world full of malicious and privacy compromising tech, Shiloh is a haven of safety. We are a Christian company, and all our tech
|
||||||
|
is open source.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class=" flex-row">
|
||||||
|
<h2 class="border">
|
||||||
|
have no fellowship <br>
|
||||||
|
with the fruitless <br>
|
||||||
|
deeds of darkness, <br>
|
||||||
|
but rather expose them <br>
|
||||||
|
ephesians 5:11
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
<div class="flex-row">
|
||||||
|
<div class="flex-container">
|
||||||
|
<img src="assets/shiloh_favicon.png" alt="favicon">
|
||||||
|
</div>
|
||||||
|
<div class="flex-container"><p>when a simpler logo is appropriate or when the logo will be smaller than 20px, use the icon.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-row border">
|
||||||
|
<div class="flex-container">
|
||||||
|
<a href="/assets/shiloh-logo.png" download="shiloh-logo" class="show">
|
||||||
|
<img src="assets/shiloh-logo.png" alt="logo">
|
||||||
|
<span class="tooltip">download</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="flex-container">
|
||||||
|
<a href="/assets/shiloh_favicon.png" download="shiloh-favicon" class="show">
|
||||||
|
<img src="assets/shiloh_favicon.png" alt="favicon">
|
||||||
|
<span class="tooltip">download</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex-row border">
|
||||||
|
<div class="flex-container">
|
||||||
|
<img src="assets/shiloh-logo.png" alt="logo" class="padding-logo">
|
||||||
|
</div>
|
||||||
|
<div class="flex-container">
|
||||||
|
<img src="assets/shiloh_favicon.png" alt="favicon" class="padding-favicon">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-column font">
|
||||||
|
<div class="flex-container">
|
||||||
|
<h2>fonts</h2>
|
||||||
|
<div><a href="https://www.bvfonts.com/fonts/details.php?id=43" class="blue spin-cycle" target="_blank">spin cycle</a> <p class="spin-cycle">logo font</p> </div>
|
||||||
|
<div> <a href="https://fonts.google.com/specimen/Fira+Code" class="blue fira-code" target="_blank">fira code medium</a> <p class="fira-code">no uppercase characters,
|
||||||
|
except for abbreviations and proper nouns, use for all
|
||||||
|
text, including header, body, and media titles.</p> </div>
|
||||||
|
<div> <a href="https://befonts.com/synthese-font-family.html#google_vignette" class="blue synthese" target="_blank">synthese regular</a> <p class="synthese">for use when fira code is unavailable.</p> </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="colors">
|
||||||
|
|
||||||
|
<h2>brand colors</h2>
|
||||||
|
<div>
|
||||||
|
<div class="white border flex-container"><p>white</p> <p>#ffffff</p>
|
||||||
|
</div>
|
||||||
|
<div class="blue-box border flex-container"> <p>electric blue</p> <p>#3b82f6</p>
|
||||||
|
</div>
|
||||||
|
<div class="black border flex-container"> <p>black</p><p>#000000</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="flex-row specs">
|
||||||
|
<div class="flex-container">
|
||||||
|
<div> <h2>background specs</h2> <p>the logo must be used on a black or dark background. if the background is light or white a black background must be used around the logo like so.</p></div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-container one"><img src="assets/shiloh-logo.png" alt="logo"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="forbidden">
|
||||||
|
<h2>!forbidden</h2>
|
||||||
|
<div class="flex-row">
|
||||||
|
<div class="border flex-container"><p>don't change the color</p> <img src="assets/shiloh-logo-blue.png" alt="recolor example"> </div>
|
||||||
|
<div class="border flex-container"><p>don't stretch the logo</p> <img src="assets/shiloh-logo.png" alt="stretch example" class="stretch"> </div>
|
||||||
|
<div class="border flex-container"><p>don't add text within the padding</p> <div class="more-text"><img src="assets/shiloh-logo.png" alt="adding text example"><p>company</p></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
<div id="message"></div>
|
||||||
|
<footer id="footer"></footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
@ -55,7 +55,7 @@
|
|||||||
<a
|
<a
|
||||||
class="button-1"
|
class="button-1"
|
||||||
role="button"
|
role="button"
|
||||||
href="https://www.christiantechjobs.io/christian-jobs/remote-remote-tech-sales-rep-100-commission-shiloh-1127"
|
href="https://www.christiantechjobs.io/christian-jobs/remote-tech-sales-rep-100-commission-shiloh-909"
|
||||||
>learn more</a
|
>learn more</a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -21,18 +21,19 @@
|
|||||||
<div class="flex-container">
|
<div class="flex-container">
|
||||||
<h3>services</h3>
|
<h3>services</h3>
|
||||||
<a href="https://lasthourhosting.org">webhosting</a>
|
<a href="https://lasthourhosting.org">webhosting</a>
|
||||||
<a href="/solutions">managed IT</a>
|
<a href="/services">hire us</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-container">
|
<div class="flex-container">
|
||||||
<h3>resources</h3>
|
<h3>resources</h3>
|
||||||
<a href="/community">get involved</a>
|
<a href="https://shilohcode.com/get-involved">get involved</a>
|
||||||
<a href="https://githaven.org">contribute</a>
|
<a href="https://rad.githaven.org">contribute</a>
|
||||||
<a href="https://remnant.chat">community</a>
|
<a href="https://remnant.chat">community</a>
|
||||||
<a href="/contact">report abuse</a>
|
<a href="/contact">report abuse</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-container">
|
<div class="flex-container">
|
||||||
<h3>company</h3>
|
<h3>company</h3>
|
||||||
<a href="/about">about</a>
|
<a href="/about">our team</a>
|
||||||
|
<a href="/news">news room</a>
|
||||||
<a href="/careers">careers</a>
|
<a href="/careers">careers</a>
|
||||||
<a href="/contact">contact</a>
|
<a href="/contact">contact</a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -15,10 +15,10 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<ul class="menu">
|
<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="/about">about</a></li>
|
<li class="menu-item"><a href="/about">about</a></li>
|
||||||
<li class="menu-item"><a href="/contact">contact</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="/brand">brand</a></li>
|
||||||
|
<li class="menu-item"><a href="/contact">contact us</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
11
creed.html
11
creed.html
@ -392,6 +392,17 @@
|
|||||||
will be judged and cast into the lake of fire (hell) for eternity.
|
will be judged and cast into the lake of fire (hell) for eternity.
|
||||||
</p>
|
</p>
|
||||||
<cite>(The NASB95 Bible: Matthew 25:41; Revelation 20:10)</cite>
|
<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>
|
</div>
|
||||||
<div id="message"></div>
|
<div id="message"></div>
|
||||||
<footer id="footer"></footer>
|
<footer id="footer"></footer>
|
||||||
|
|||||||
266
css/styles.css
266
css/styles.css
@ -5,6 +5,14 @@
|
|||||||
font-family: "FiraCode";
|
font-family: "FiraCode";
|
||||||
src: url("/assets/FiraCode-VariableFont_wght.ttf") format("truetype");
|
src: url("/assets/FiraCode-VariableFont_wght.ttf") format("truetype");
|
||||||
}
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "spincycle";
|
||||||
|
src: url("/assets/spincycle_tt.ttf") format("truetype");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "synthese";
|
||||||
|
src: url("/assets/synthese-regular-TRIAL-BF63b781e43e16d.otf") format("truetype");
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: black;
|
background: black;
|
||||||
@ -113,9 +121,9 @@ main {
|
|||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
video {
|
video {
|
||||||
width: 100vw;
|
min-width: 300px;
|
||||||
height: 100vh;
|
width: 100%;
|
||||||
object-fit: cover;
|
height: auto;
|
||||||
}
|
}
|
||||||
.bg-one {
|
.bg-one {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
@ -425,4 +433,256 @@ a {
|
|||||||
.flex-column {
|
.flex-column {
|
||||||
padding: 10px 5px;
|
padding: 10px 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
video {
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* brand */
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
max-width: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand{
|
||||||
|
|
||||||
|
.main{
|
||||||
|
position: relative;
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
img{
|
||||||
|
max-width: 100%;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1{
|
||||||
|
padding-bottom: 200px;
|
||||||
|
word-wrap: break-word;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blue{
|
||||||
|
color: #3b82f6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-row{
|
||||||
|
max-width: 1200px;
|
||||||
|
padding: 50px;
|
||||||
|
margin: 50px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main .flex-container{
|
||||||
|
max-width: 600px;
|
||||||
|
justify-content:flex-start;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border{
|
||||||
|
border-radius: 25px;
|
||||||
|
border: 1px solid white;
|
||||||
|
box-shadow: 0px 0px 5px 0px white;
|
||||||
|
max-width: 1200px;
|
||||||
|
padding: 40px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
.first {
|
||||||
|
padding: 0 8px 0 0 ;
|
||||||
|
}
|
||||||
|
.second{
|
||||||
|
justify-content: flex-start;
|
||||||
|
padding: 0 0 0 8px;
|
||||||
|
}
|
||||||
|
.second p {
|
||||||
|
margin-block-start: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltip {
|
||||||
|
opacity:0;
|
||||||
|
width: 120px;
|
||||||
|
z-index: 1;
|
||||||
|
position: absolute;
|
||||||
|
padding: 0 20px 0 20px;
|
||||||
|
}
|
||||||
|
a:hover span {
|
||||||
|
opacity:1;
|
||||||
|
}
|
||||||
|
.flex-container .padding-logo{
|
||||||
|
border-radius: 25px;
|
||||||
|
border: 1px dashed white;
|
||||||
|
padding: 20px;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
|
||||||
|
}
|
||||||
|
.flex-container .padding-favicon{
|
||||||
|
border-radius: 25px;
|
||||||
|
border: 1px dashed white;
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-column{
|
||||||
|
justify-content: left;
|
||||||
|
align-items: flex-start;
|
||||||
|
min-height: 0;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.font .flex-container{
|
||||||
|
justify-content: left;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
.font a {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.font .flex-container .spin-cycle{
|
||||||
|
font-family: "spincycle";
|
||||||
|
}
|
||||||
|
.font .flex-container .synthese {
|
||||||
|
font-family: "synthese";
|
||||||
|
}
|
||||||
|
|
||||||
|
.colors{
|
||||||
|
text-align: center;
|
||||||
|
div{
|
||||||
|
margin: 0 40px 0 40px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
p{
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.white {
|
||||||
|
p{
|
||||||
|
color:black;
|
||||||
|
}
|
||||||
|
background-color: white;
|
||||||
|
width: 30%;
|
||||||
|
}
|
||||||
|
.blue-box {
|
||||||
|
background-color: #3b82f6;
|
||||||
|
width: 30%;
|
||||||
|
}
|
||||||
|
.black {
|
||||||
|
p{
|
||||||
|
color: #3b82f6;
|
||||||
|
}
|
||||||
|
width: 30%;
|
||||||
|
}
|
||||||
|
.flex-container {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.specs{
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.specs .flex-container h2{
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.specs .flex-container img{
|
||||||
|
background-color: black;
|
||||||
|
padding: 5%;
|
||||||
|
border-radius: 25px;
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
.specs .one{
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.forbidden .flex-container {
|
||||||
|
margin: 0 40px 0 40px;
|
||||||
|
width: 30%;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.forbidden img{
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.forbidden .flex-container .stretch{
|
||||||
|
width: 15vh;
|
||||||
|
height: 12vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.forbidden .flex-container div img{
|
||||||
|
color:#3b82f6;
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media all and (max-width: 960px) {
|
||||||
|
|
||||||
|
.main {
|
||||||
|
width: 95%;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border {
|
||||||
|
padding: 20px;
|
||||||
|
margin: 10px;
|
||||||
|
flex-direction: column;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-row {
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 10px;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.colors > div {
|
||||||
|
flex-direction: column;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.colors .white,
|
||||||
|
.colors .blue-box,
|
||||||
|
.colors .black {
|
||||||
|
width: 90%;
|
||||||
|
margin: 10px auto;
|
||||||
|
}
|
||||||
|
.flex-row,
|
||||||
|
.border {
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 1rem;
|
||||||
|
margin: 1rem auto;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-container {
|
||||||
|
width: 100%;
|
||||||
|
padding: 1rem;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main .flex-container {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0.5rem;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand .flex-row {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -55,16 +55,6 @@
|
|||||||
>Watch</a
|
>Watch</a
|
||||||
>
|
>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
<video autoplay loop muted poster="/assets/get-involved.png">
|
<video autoplay loop muted poster="/assets/get-involved.png">
|
||||||
<source
|
<source
|
||||||
@ -73,6 +63,26 @@
|
|||||||
/>
|
/>
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</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>
|
</main>
|
||||||
<div id="message"></div>
|
<div id="message"></div>
|
||||||
<footer id="footer"></footer>
|
<footer id="footer"></footer>
|
||||||
48
index.html
48
index.html
@ -48,12 +48,6 @@
|
|||||||
<div class="flex-column bg-vid">
|
<div class="flex-column bg-vid">
|
||||||
<div>
|
<div>
|
||||||
<h1>tech reform in Jesus' name</h1>
|
<h1>tech reform in Jesus' name</h1>
|
||||||
<div class="flex-row">
|
|
||||||
<p>
|
|
||||||
christian experts in privacy, freedom, and managed services,
|
|
||||||
helping you achieve digital self-sufficiency.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="flex-row">
|
<div class="flex-row">
|
||||||
<a
|
<a
|
||||||
class="button-1"
|
class="button-1"
|
||||||
@ -74,10 +68,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="flex-column bg-vid">
|
<div class="flex-column bg-vid">
|
||||||
<div>
|
<div>
|
||||||
<h2>solutions</h2>
|
<h1>services</h1>
|
||||||
<p>web-hosting, managed IT, software development</p>
|
|
||||||
<div class="flex-row">
|
<div class="flex-row">
|
||||||
<a class="button-1" role="button" href="/solutions">Learn More</a>
|
<a class="button-1" role="button" href="/services">Learn More</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<video autoplay loop muted poster="/assets/services.png">
|
<video autoplay loop muted poster="/assets/services.png">
|
||||||
@ -107,27 +100,6 @@
|
|||||||
/>
|
/>
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
<div id="webhosting" class="flex-column bg-vid">
|
|
||||||
<div>
|
|
||||||
<img
|
|
||||||
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 class="flex-column bg-vid">
|
||||||
<div>
|
<div>
|
||||||
<h2>about</h2>
|
<h2>about</h2>
|
||||||
@ -151,23 +123,17 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="flex-column bg-vid">
|
<div class="flex-column bg-vid">
|
||||||
<div>
|
<div>
|
||||||
<h1>get involved</h1>
|
<h2>get involved</h2>
|
||||||
<div class="flex-row">
|
<div class="flex-row">
|
||||||
<a
|
<a
|
||||||
class="button-1"
|
class="button-1"
|
||||||
role="button"
|
role="button"
|
||||||
|
target="_blank"
|
||||||
href="https://odysee.com/@shilohcode:e/higherground:3"
|
href="https://odysee.com/@shilohcode:e/higherground:3"
|
||||||
>Watch</a
|
>Watch</a
|
||||||
>
|
>
|
||||||
</div>
|
<a class="button-2" role="button" href="/get-involved"
|
||||||
<div class="flex-row">
|
>Learn More</a
|
||||||
<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>
|
||||||
</div>
|
</div>
|
||||||
@ -180,7 +146,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="flex-column bg-vid-main">
|
<div class="flex-column bg-vid-main">
|
||||||
<div>
|
<div>
|
||||||
<h2>contact</h2>
|
<h1>contact us</h1>
|
||||||
<div class="flex-row">
|
<div class="flex-row">
|
||||||
<div class="flex-container">
|
<div class="flex-container">
|
||||||
<a
|
<a
|
||||||
|
|||||||
52
news.html
Normal file
52
news.html
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
<!--
|
||||||
|
|
||||||
|
██ ███████ ███████ ██ ██ ███████ ██ ███████ ██ ██ ██ ███ ██ ██████
|
||||||
|
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ██ ██
|
||||||
|
██ █████ ███████ ██ ██ ███████ ██ ███████ █████ ██ ██ ██ ██ ██ ███
|
||||||
|
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
|
||||||
|
█████ ███████ ███████ ██████ ███████ ██ ███████ ██ ██ ██ ██ ████ ██████
|
||||||
|
|
||||||
|
|
||||||
|
-->
|
||||||
|
<!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>
|
||||||
@ -47,12 +47,12 @@
|
|||||||
<main>
|
<main>
|
||||||
<div class="flex-column bg-vid">
|
<div class="flex-column bg-vid">
|
||||||
<div>
|
<div>
|
||||||
<h1>solutions</h1>
|
<h1>services</h1>
|
||||||
<div class="flex-row">
|
<div class="flex-row">
|
||||||
<p>
|
<p>
|
||||||
take control of your tech with shiloh. christian experts in
|
we do managed IT, web-hosting, development, support, security, and
|
||||||
privacy, freedom, and managed services, helping you achieve
|
communication solutions, to help businesses fully own their
|
||||||
digital self-sufficiency.
|
technology.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-row">
|
<div class="flex-row">
|
||||||
@ -145,7 +145,7 @@
|
|||||||
<h2>full-stack dev</h2>
|
<h2>full-stack dev</h2>
|
||||||
<p>
|
<p>
|
||||||
enjoy greater flexibility, lower costs, security, and community-driven
|
enjoy greater flexibility, lower costs, security, and community-driven
|
||||||
innovation, all while aligning with christian values.
|
innovation, all while aligning with Christian values.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="flex-row">
|
<div class="flex-row">
|
||||||
Loading…
x
Reference in New Issue
Block a user