6 files changed, 132 insertions, 0 deletions
diff --git a/public/assets/banner.jpg b/public/assets/banner.jpg
new file mode 100644
index 0000000..8ed45d1
--- /dev/null
+++ b/public/assets/banner.jpg
diff --git a/public/assets/custom.css b/public/assets/custom.css
new file mode 100644
index 0000000..d0a2f90
--- /dev/null
+++ b/public/assets/custom.css
@@ -0,0 +1,79 @@
+/** {*/
+/*    font-family: "Comic Sans MS", sans-serif !important;*/
+/*}*/
+
+html, body {
+    background-color: #222;
+    color: white;
+}
+
+#hero {
+    background-image: url("/assets/banner.jpg");
+    background-size: cover;
+    background-position: center;
+    position: fixed;
+    inset: 0;
+    text-align: center;
+    z-index: 1;
+}
+
+.navbar {
+    background-color: transparent !important;
+    transition: background-color 200ms;
+}
+
+#hero-inner {
+    position: fixed;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: white;
+    text-shadow: 2px 2px 5px #00000085;
+    font-size: 3vw;
+    font-weight: bold;
+    background-image: linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,.25) 7%);
+}
+
+#hero-skipper {
+    height: max-content;
+    min-height: 100vh;
+    background: #222;
+    width: 100%;
+    z-index: 9;
+    position: absolute;
+    margin-top: 100vh;
+    box-shadow: 0px 10px 20px 20px rgba(0, 0, 0, .5);
+}
+
+#hero-title-2 {
+    font-size: 1.5vw;
+    font-weight: normal;
+}
+
+.navbar.scrolled {
+    background-color: #353535 !important;
+}
+
+#intro-bar {
+    height: 10px;
+    background-image: linear-gradient(145deg, rgba(93,33,33,1) 0%, rgba(90,93,33,1) 20%, rgba(33,93,41,1) 40%, rgba(33,91,93,1) 60%, rgba(35,33,93,1) 80%, rgba(93,33,86,1) 100%);
+}
+
+#home-people-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    text-align: center;
+}
+
+.home-people-image {
+    width: max-content;
+    max-width: 400px;
+    margin: 0 auto;
+    display: block;
+}
+
+.home-people-text {
+    text-align: center;
+    font-size: 36px;
+}
+\ No newline at end of file
diff --git a/public/assets/love.jpg b/public/assets/love.jpg
new file mode 100644
index 0000000..c74f0a7
--- /dev/null
+++ b/public/assets/love.jpg
diff --git a/public/assets/ponies.png b/public/assets/ponies.png
new file mode 100644
index 0000000..9b15a5f
--- /dev/null
+++ b/public/assets/ponies.png
diff --git a/public/assets/scoots.png b/public/assets/scoots.png
new file mode 100644
index 0000000..ba19cc6
--- /dev/null
+++ b/public/assets/scoots.png
diff --git a/public/assets/scroll.js b/public/assets/scroll.js
new file mode 100644
index 0000000..a0c6b78
--- /dev/null
+++ b/public/assets/scroll.js
@@ -0,0 +1,53 @@
+function posY(elm) {
+    var test = elm, top = 0;
+
+    while(!!test && test.tagName.toLowerCase() !== "body") {
+        top += test.offsetTop;
+        test = test.offsetParent;
+    }
+
+    return top;
+}
+
+function viewPortHeight() {
+    var de = document.documentElement;
+
+    if(!!window.innerWidth)
+    { return window.innerHeight; }
+    else if( de && !isNaN(de.clientHeight) )
+    { return de.clientHeight; }
+
+    return 0;
+}
+
+function scrollY() {
+    if( window.pageYOffset ) { return window.pageYOffset; }
+    return Math.max(document.documentElement.scrollTop, document.body.scrollTop);
+}
+
+function checkvisible( elm ) {
+    var vpH = viewPortHeight(), // Viewport Height
+        st = scrollY(), // Scroll Top
+        y = posY(elm);
+
+    return (y > (vpH + st));
+}
+
+document.body.innerHTML = document.body.innerHTML.replaceAll("\n", "").replace(/> *</gm, "><").trim();
+
+window.onscroll = () => {
+    if (window.innerWidth > 700) {
+        if (window.scrollY() > (window.innerHeight - 52)) {
+            document.getElementsByClassName("navbar")[0].classList.add("scrolled");
+        } else {
+            document.getElementsByClassName("navbar")[0].classList.remove("scrolled");
+        }
+    } else {
+        if (window.scrollY() > (window.innerHeight - 120)) {
+            document.getElementsByClassName("navbar")[0].classList.add("scrolled");
+        } else {
+            document.getElementsByClassName("navbar")[0].classList.remove("scrolled");
+        }
+    }
+}
+