diff --git a/index.html b/index.html
index f89aca6..a74640c 100644
--- a/index.html
+++ b/index.html
@@ -2,6 +2,34 @@
 <head>
   <meta name=viewport content="width=device-width height=device-height">
   <title>BaseBand download server</title>
+  <style>
+    th, td {
+      border: 1px dotted red;
+      margin: 0;
+      padding: 0.3em;
+    }
+    table {
+      border-collapse: collapse;
+      margin: 1em;
+    }
+    a, a:visited {
+      color: blue;
+    }
+    a:active {
+      color: violet;
+    }
+    body {
+      margin: auto;
+      width: 90%;
+      max-width: 700px;
+    }
+    html {
+      padding-bottom: 20%;
+    }
+    div {
+      margin: 0 1em 0 1em;
+    }
+  </style>
 </head>
 <body>
   <h1>BaseBand downloads</h1>
@@ -10,37 +38,47 @@
 
   <h2>1.12.2</h2>
 
-  <h3>Artifacts</h3>
-  <ul>
-    <li><a href="/1.12.2/download/client/release">/1.12.2/download/client/release</a></li>
-    <li><a href="/1.12.2/download/client/main">   /1.12.2/download/client/main</a></li>
-    <li><a href="/1.12.2/download/loader">        /1.12.2/download/loader</a></li>
-  </ul>
+  <div>
+    <h3>Artifacts</h3>
+    <ul>
+      <li><a href="/1.12.2/download/client/release">/1.12.2/download/client/release</a></li>
+      <li><a href="/1.12.2/download/client/main">   /1.12.2/download/client/main</a></li>
+      <li><a href="/1.12.2/download/loader">        /1.12.2/download/loader</a></li>
+    </ul>
 
-  <h3>Version information</h3>
-  <a href="/1.12.2/branches">/1.12.2/branches</a>
+    <h3>Version information</h3>
+    <a href="/1.12.2/branches">/1.12.2/branches</a>
+  </div>
 
   <h2>Ednieva</h2>
 
-  <h3>Artifacts</h3>
-  <ul>
-    <li><a href="/ednieva/download/client/release">/ednieva/download/client/release</a></li>
-    <li><a href="/ednieva/download/client/main">   /ednieva/download/client/main</a></li>
-    <li><a href="/ednieva/download/loader">        /ednieva/download/loader</a></li>
-  </ul>
+  <div>
+    <h3>Artifacts</h3>
+    <ul>
+      <li><a href="/ednieva/download/client/release">/ednieva/download/client/release</a></li>
+      <li><a href="/ednieva/download/client/main">   /ednieva/download/client/main</a></li>
+      <li><a href="/ednieva/download/loader">        /ednieva/download/loader</a></li>
+    </ul>
 
-  <h3>Version information</h3>
-  <a href="/ednieva/branches">/ednieva/branches</a>
+    <h3>Version information</h3>
+    <a href="/ednieva/branches">/ednieva/branches</a>
+  </div>
 
   <h2>Events</h2>
 
-  The server lets you listen for some events, like refreshes (potential version updates).<br>
-  <br>
-  <a href="/listen">/listen</a><br>
-  <br>
-  <ul>
-    <li>init -- No data</li>
-    <li>refresh:[version] -- Same as /[version]/branches</li>
-  </ul>
+  <div>
+    The server lets you listen for some events, like refreshes (potential version updates).<br>
+    <br>
+    <a href="/listen">/listen</a><br>
+    <br>
+    Sends JSON objects separated by newlines. Your .readln() of choice will work to get the next event.
+    Each event contains `event-kind` (string) and `data` (json object).<br>
+    <br>
+    <table>
+      <tr><th>event-kind</th><th>data</th>
+      <tr><td>init</td><td>-</td></tr>
+      <tr><td>refresh:[version]</td><td>Same as /[version]/branches</td></tr>
+    </ul>
+  </div>
 
 </body>
