diff --git a/site/templates/index.j2 b/site/templates/index.j2
index 1d6cccc..38ee748 100644
--- a/site/templates/index.j2
+++ b/site/templates/index.j2
@@ -1,111 +1,112 @@
 <!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>
+      Nyx's personal site
+    </title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="assets/index.css" rel="stylesheet" type="text/css">
+  </head>
 
-<head>
-  <title>
-    Nyx's personal site
-  </title>
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link href="assets/index.css" rel="stylesheet" type="text/css">
-</head>
-
-<body>
-  <center>
+  <body>
+    <center>
+      <p>
+      hello, visitor number <b>{{ visitor }}</b>! this one is glad to see you.
+      </p>
+      <br>
+      <small>
+        this counter doesn't use javascript, it's just a text file with a digit in it that gets increased by 1 on every page load.
+      </small>
+    </center>
+    <h1>
+      Nyx Tutt
+    </h1>
+    <h2>
+      about it
+    </h2>
     <p>
-    hello, visitor number <b>{{ visitor }}</b>! this one is glad to see you.
+    it is a cat-robot-girl-thing. it likes to speak about itself in the third person.
+    it likes linux and uses nixos. it lives in texas, but hates it here. its favorite
+    color is pink.
     </p>
+    <h2>
+      contact
+    </h2>
+    <p>
+    this one has a few forms of contact:<br>
+    <ul>
+      <li>
+        <a href="xmpp:nyx@everypizza.im">xmpp</a><br>
+      </li>
+      <li>
+        <a href="matrix:u/n:everypizza.im">matrix</a><br>
+      </li>
+      <li>
+        <a href="mailto:me@everypizza.im">email</a> (it has a pgp key over in <a href="https://keys.openpgp.org/search?q=me%40everypizza.im">keys.openpgp.org</a>.)<br>
+      </li>
+      <li>
+        <a href="https://sharkey.everypizza.im">fedi</a><br>
+      </li>
+    </ul>
+    </p>
+    <h2>
+      links
+    </h2>
+    <p>
+    <ul>
+      <li>
+        <a href="https://listenbrainz.org/user/everypizza">listenbrainz</a>
+      </li>
+      <li>
+        <a href="https://everypizza.im/">everypizza.im</a>
+      </li>
+      <li>
+        <a href="https://git.everypizza.im/n/">git</a>
+      </li>
+    </ul>
+    </p>
+    <h2>
+      pages
+    </h2>
+    <p>
+    <ul>
+      <li>
+        <a href="todo">to-do list</a>
+      </li>
+      <li>
+        <a href="https://blog.everypizza.im/">blog</a>
+      </li>
+    </ul>
+    </p>
+    <h2>
+      now playing
+    </h2>
+    <p>
+    {{ np }}
     <br>
     <small>
-      this counter doesn't use javascript, it's just a text file with a digit in it that gets increased by 1 on every page load.
+      data is from listenbrainz.
     </small>
-  </center>
-  <h1>
-    Nyx Tutt
-  </h1>
-  <h2>
-    about it
-  </h2>
-  <p>
-  it is a cat-robot-girl-thing. it likes to speak about itself in the third person.
-  it likes linux and uses nixos. it lives in texas, but hates it here. its favorite
-  color is pink.
-  </p>
-  <h2>
-    contact
-  </h2>
-  <p>
-  this one has a few forms of contact:<br>
-  <ul>
-    <li>
-      <a href="xmpp:nyx@everypizza.im">xmpp</a><br>
-    </li>
-    <li>
-      <a href="matrix:u/n:everypizza.im">matrix</a><br>
-    </li>
-    <li>
-      <a href="mailto:me@everypizza.im">email</a> (it has a pgp key over in <a href="https://keys.openpgp.org/search?q=me%40everypizza.im">keys.openpgp.org</a>.)<br>
-    </li>
-    <li>
-      <a href="https://sharkey.everypizza.im">fedi</a><br>
-    </li>
-  </ul>
-  </p>
-  <h2>
-    links
-  </h2>
-  <p>
-  <ul>
-    <li>
-      <a href="https://listenbrainz.org/user/everypizza">listenbrainz</a>
-    </li>
-    <li>
-      <a href="https://everypizza.im/">everypizza.im</a>
-    </li>
-    <li>
-      <a href="https://git.everypizza.im/n/">git</a>
-    </li>
-  </ul>
-  </p>
-  <h2>
-    pages
-  </h2>
-  <p>
-  <ul>
-    <li>
-      <a href="todo">to-do list</a>
-    </li>
-    <li>
-      <a href="https://blog.everypizza.im/">blog</a>
-    </li>
-  </ul>
-  </p>
-  <h2>
-    now playing
-  </h2>
-  <p>
-  {{ np }}
-  <br>
-  <small>
-    data is from listenbrainz.
-  </small>
-  </p>
-  <h2>
-    88x31s
-  </h2>
-  <p>
-  {% for image, link in buttons %}
-  <a href="{{ link }}">
-    <img src="/static/{{ image }}" alt="{{ image }}" width="88" height="31">
-  </a>
-  {% endfor %}
-  </p>
-  <h3>
-    this one's 88x31
-  </h3>
-  <p>
-  {% for image, link in nyxbuttons %}
-  <a href="{{ link }}">
-    <img src="/static/{{ image }}" alt="{{ image }}" width="88" height="31">
-  </a>
-  {% endfor %}
-  </p>
-</body>
+    </p>
+    <h2>
+      88x31s
+    </h2>
+    <p>
+    {% for image, link in buttons %}
+    <a href="{{ link }}">
+      <img src="/static/{{ image }}" alt="{{ image }}" width="88" height="31">
+    </a>
+    {% endfor %}
+    </p>
+    <h3>
+      this one's 88x31
+    </h3>
+    <p>
+    {% for image, link in nyxbuttons %}
+    <a href="{{ link }}">
+      <img src="/static/{{ image }}" alt="{{ image }}" width="88" height="31">
+    </a>
+    {% endfor %}
+    </p>
+  </body>
+</html>
