diff --git a/public/index.html b/public/index.html
index dc3a0b0..9ef77d3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,31 +1,53 @@
-<!DOCTYPE html>
-<html lang="en">
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
     <head>
-        <meta charset="UTF-8" />
-	<meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="stylesheet" type="text/css" href="https://tilde.town/~lucidiot/theme.css" />
         <title>x-llenial generator</title>
-        <style>
+        <style type="text/css">
             input#prefix {
-                text-align: right;
-                width: 3em;
+              text-align: right;
+              width: 3em;
             }
             p#result {
-                text-align: center;
-                font-style: italic;
-                font-size: 200%;
+              font-style: italic;
+              font-size: 200%;
             }
         </style>
     </head>
     <body>
-        <h1>x-llenial generator</h1>
-        <form>
-            <input type="text" name="prefix" id="prefix" value="Mi" />llenials
-            <button type="button" id="randomize">randomize</button>
-            <button type="button" id="make">kill industries</button>
+      <div class="section">
+        <h2>x-llenial generator</h2>
+        <form action="">
+          <input type="text" name="prefix" id="prefix" value="Mi" />llenials
+          <button type="button" onclick="randomize()">randomize</button>
+          <button type="button" onclick="make()">kill industries</button>
         </form>
-        <p id="result"></p>
-        <hr />
-        <p>based on <a href="https://mst3k.interlinked.me/@sydneyfalk/99610830640620977">some random idea on mastodon</a> &mdash; under GNU GPL 3 &mdash; <a href="https://github.com/Lucidiot/millenial">github</a></p>
-        <script type="text/javascript" src="script.js"></script>
+        <p id="result">&nbsp;</p>
+      </div>
+      <div id="footer">
+        <p>
+          based on <a href="https://mst3k.interlinked.me/@sydneyfalk/99610830640620977" target="_blank">some random idea on mastodon</a>
+          &mdash; under <a href="https://gitlab.com/Lucidiot/millenial/raw/master/LICENSE" target="_blank">GNU GPL 3</a>
+          &mdash; <a href="https://github.com/Lucidiot/millenial" target="_blank">github</a>
+          &mdash; <a href="https://gitlab.com/Lucidiot/millenial" target="_blank">gitlab</a>
+          &mdash; <a href="https://tildegit.org/Lucidiot/millenial" target="_blank">tildegit</a>
+        </p>
+      </div>
+      <script type="text/javascript">
+        var prefixes = ["Mi", "Bi", "Tri"];
+        var industries = ["avocado", "beer", "napkins", "cereal", "golf", "motorcycles", "space", "yogurt", "soap", "diamond", "fabric softener", "bank", "gym", "newspaper", "football", "oil"];
+
+        function randomize() {
+          document.getElementById("prefix").value = prefixes[Math.floor(Math.random()*prefixes.length)];
+          make();
+        }
+
+        function make() {
+          var prefix = document.getElementById("prefix").value;
+          document.getElementById("result").innerHTML = prefix + "llenials are killing the " + industries[Math.floor(Math.random()*industries.length)] + " industry";
+        }
+      </script>
     </body>
 </html>
diff --git a/public/script.js b/public/script.js
deleted file mode 100644
index f2775f6..0000000
--- a/public/script.js
+++ /dev/null
@@ -1,16 +0,0 @@
-var prefixes = ["Mi", "Bi", "Tri"];
-var industries = ["avocado", "beer", "napkins", "cereal", "golf", "motorcycles", "space", "yogurt", "soap", "diamond", "fabric softener", "bank", "gym", "newspaper", "football", "oil"]
-
-function randomize() {
-    document.getElementById("prefix").value = prefixes[Math.floor(Math.random()*prefixes.length)];
-    make();
-}
-
-function make() {
-    var prefix = document.getElementById("prefix").value;
-    document.getElementById("result").innerHTML = prefix + "llenials are killing the " + 
-    industries[Math.floor(Math.random()*industries.length)] + " industry";
-}
-
-document.getElementById("randomize").addEventListener("click", randomize);
-document.getElementById("make").addEventListener("click", make);
\ No newline at end of file
