shimmer-systems/templates/base.html

<!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 horses", "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>