ok

2023-04-11 21:48:18 -04:00 · 2023-04-11 21:48:18 -04:00 · 220d96a287
commit 220d96a287
16 changed files with 260 additions and 0 deletions
--- a/templates/base.html
+++ b/templates/base.html
@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <title>shimmer systems</title>
+  <link rel="stylesheet" href="/style.css" />
+  <script>
+    const flavortexts = ["9007537936493663", "Can You Hear Me?", "          ",
+      "causing mayhem since 2006", "kind of pretty gay", "tgirl swag edition",
+      "girls girls girls girls girls girls girls", "pony central", "listen to vylet pony :3",
+      "3 simple rules for causing problems in your daily life", "not actually real",
+      "a cause for concern", "hello?           hello?", 
+      "JPEG Compression is a simple and efficient way to reduce image filesize!",
+      "dude are we talking ponies", "now in v2: 100% static!"]
+    let index = 0
+    let current_flavortext = flavortexts[Math.floor(Math.random() * flavortexts.length)]
+    function scroll_title() {
+      // console.log(index)
+      const full_str = "shimmer systems - " + current_flavortext + " - "
+      
+      index += 1
+      if(index > full_str.length) {
+        index -= full_str.length;
+      }
+
+      const title = document.querySelector("title")
+
+      let finalText = ""
+      for (let i = index; i < index + full_str.length; i++) {
+        let v = i;
+        if (v > full_str.length - 1) v -= full_str.length
+        finalText += full_str[v]
+      }
+      // console.log(finalText)
+      title.innerText = finalText 
+    }
+
+    setInterval(scroll_title, 250);
+  </script>
+</head>
+
+<body>
+  <section class="section">
+    <div class="container">
+      <div class="centered">
+        <div>
+        {% block content %} {% endblock %}
+        </div>
+      </div>
+    </div>
+  </section>
+  <footer>hosted using <a href="https://www.getzola.org/">zola</a>. disclaimer: i do not own my little pony, nor any of its characters. hasbro does (probably). this is a personal website.</footer>
+</body>
+
+</html>