first commit

2026-02-27 14:41:07 -08:00 · 2026-02-27 14:41:07 -08:00 · 1acf6756b8
commit 1acf6756b8
4 changed files with 106 additions and 0 deletions
--- a/assets/favicon.ico
+++ b/assets/favicon.ico
--- a/assets/shiloh-logo-icon.png
+++ b/assets/shiloh-logo-icon.png
--- a/css/style.css
+++ b/css/style.css
@ -0,0 +1,56 @@
+/* Style Settings */
+@import url("https://fonts.googleapis.com/css?family=Karla:400,700&display=swap");
+:root {
+  --bgColor: #579c8b;
+  --accentColor: #e6e6e6;
+  --font: "Karla", sans-serif;
+}
+
+body {
+  background-color: var(--bgColor);
+}
+
+#userPhoto {
+  width: 110px;
+  height: 110px;
+  display: block;
+  margin: 35px auto 20px;
+  /* border-radius: 50%; */
+}
+
+#userName {
+  color: #bbb;
+  font-size: 1rem;
+  font-weight: 600;
+  line-height: 1.25;
+  display: block;
+  font-family: var(--font);
+  width: 100%;
+  text-align: center;
+  text-decoration: none;
+}
+
+#links {
+  max-width: 675px;
+  width: auto;
+  display: block;
+  margin: 27px auto;
+}
+.link {
+  display: block;
+  background-color: var(--accentColor);
+  color: var(--bgColor);
+  font-family: var(--font);
+  text-align: center;
+  margin-bottom: 20px;
+  padding: 17px;
+  text-decoration: none;
+  font-size: 1rem;
+  transition: all 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99);
+  border: solid var(--accentColor) 2px;
+}
+
+.link:hover {
+  background-color: var(--bgColor);
+  color: var(--accentColor);
+}
--- a/index.html
+++ b/index.html
@ -0,0 +1,50 @@
+<!--
+
+     ██ ███████ ███████ ██    ██ ███████     ██ ███████     ██   ██ ██ ███    ██  ██████  
+     ██ ██      ██      ██    ██ ██          ██ ██          ██  ██  ██ ████   ██ ██       
+     ██ █████   ███████ ██    ██ ███████     ██ ███████     █████   ██ ██ ██  ██ ██   ███ 
+██   ██ ██           ██ ██    ██      ██     ██      ██     ██  ██  ██ ██  ██ ██ ██    ██ 
+ █████  ███████ ███████  ██████  ███████     ██ ███████     ██   ██ ██ ██   ████  ██████  
+                                                                                          
+                                                                                          
+-->
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta charset="UTF-8" />
+    <title>shiloh code community | join the conversation!</title>
+    <link rel="stylesheet" href="css/style.css" />
+    <link rel="icon" href="/assets/favicon.ico" type="image/x-icon" />
+  </head>
+
+  <body>
+    <img id="userPhoto" src="/assets/shiloh-logo-icon.png" alt="User Photo" />
+    <a href="#matthew7:13-14" id="userName"
+      >join the shiloh code community by clicking a button below</a
+    >
+    <div id="links">
+      <a
+        class="link"
+        href="https://matrix.to/#/#remnant:s.shilohcode.com"
+        target="_blank"
+        >matrix.org</a
+      >
+      <a class="link" href="https://githaven.org" target="_blank"
+        >githaven.org</a
+      >
+      <a
+        class="link"
+        href="https://www.youtube.com/@shiloh-code"
+        target="_blank"
+        >youtube</a
+      >
+      <a class="link" href="https://rumble.com/user/shilohcode" target="_blank"
+        >rumble</a
+      >
+    </div>
+
+    <!-- Javascript -->
+  </body>
+</html>