some site updates

2025-03-24 20:47:06 -04:00
parent 175efe81d8
commit 853c0775e3
19 changed files with 169 additions and 343 deletions
--- a/site/config.stx
+++ b/site/config.stx
@@ -0,0 +1,8 @@
+[?]
+
+[=config-]
+    [=baseurl "http://localhost:8080"]
+    [i production]
+        [=baseurl "https://clarkeis.com"]
+    [/]
+[/]
--- a/site/default.html
+++ b/site/default.html
@@ -0,0 +1,22 @@
+[?]
+[#config.stx]
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>[^title] | Clarke Information Systems</title>
+        <meta charset="utf-8" />
+        <link rel="stylesheet" href="[^config.baseurl]/main.css" />
+    </head>
+    <body>
+        <div id="header">
+            header stuff!
+        </div>
+        <div id="main">
+            [^content]
+        </div>
+        <div id="footer">
+            footer stuff!
+        </div>
+        <script src="[^config.baseurl]/header-hider.js"></script>
+    </body>
+</html>
--- a/site/header-hider.js
+++ b/site/header-hider.js
@@ -0,0 +1,18 @@
+[!]
+
+
+let old_scroll_top = document.documentElement.scrollTop;
+
+function onscroll() {
+    if (document.documentElement.scrollTop > old_scroll_top + 100) {
+        document.getElementById("header").classList.add("hide");
+        old_scroll_top = document.documentElement.scrollTop;
+    }
+    if (document.documentElement.scrollTop < old_scroll_top) {
+        old_scroll_top = document.documentElement.scrollTop;
+        document.getElementById("header").classList.remove("hide");
+    }
+}
+
+window.addEventListener("wheel", onscroll);
+window.addEventListener("scroll", onscroll);
--- a/site/index.html
+++ b/site/index.html
@@ -0,0 +1,7 @@
+[!]
+[=title "Home"]
+[=content-]
+    hi!
+    lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>
+[/]
+[#default.html]
--- a/site/main.css
+++ b/site/main.css
@@ -0,0 +1,23 @@
+body {
+    margin: 0px;
+    padding: 0px;
+    display: flex;
+    flex-direction: column;
+}
+
+#header {
+    position: sticky;
+    top: 0px;
+    padding: 10px;
+    background-color: white;
+    box-shadow: 0px 0px 5px 5px black;
+    transition: transform 0.5s;
+}
+
+#footer {
+    margin-top: auto;
+}
+
+#header.hide {
+    transform: translateY(-100%);
+}
--- a/site/main.js
+++ b/site/main.js
@@ -0,0 +1 @@
+[!]