Inrease font size for small devices

src/cmd/load-test-data/test-data.yml

@@ -65,7 +65,7 @@ published_posts:
 
   - id: empty-test
     title: Empty Test
-    description: A post with no content. Might as well test it.
+    description:
     tags:
       - foo
       - bar

src/http/static/mediocre.css

@@ -61,6 +61,12 @@ html {
   font-size: 1em;
 }
 
+@media (max-width: 800px) {
+    html {
+        font-size: 1.3em;
+    }
+}
+
 header {
     background: var(--nc-bg-1);
     font-size: 1.5rem;
@@ -89,6 +95,10 @@ ul {
     list-style: circle;
 }
 
+ul li {
+    margin-bottom: 1rem;
+}
+
 hr {
   margin: 2rem 0 2rem 0;
   border-color: var(--nc-bg-3);

src/http/tpl/index.html

@@ -11,28 +11,18 @@
   </p>
   {{ end }}
 
-  <table>
-
-    <colgroup>
-       <col span="1" style="width: 7rem;">
-       <col span="1">
-       <col span="1" style="width: 50%;">
-    </colgroup>
-
-    {{ range .Payload.Posts }}
-    <tr>
-      <td>{{ DateTimeFormat .PublishedAt }}</td>
-      <td><a href="{{ PostURL .ID }}">{{ .Title }}</td>
-      <td><em>{{ .Description }}</em></td>
-    </tr>
-    {{ end }}
-  </table>
-
-  {{ if ge .Payload.NextPage 0 }}
-  <p>
-    <a href="?p={{ .Payload.NextPage}}">Next Page &gt; &gt;</a>
-  </p>
+  <ul>
+  {{ range .Payload.Posts }}
+    <li>
+      <a href="{{ PostURL .ID }}">
+        {{ DateTimeFormat .PublishedAt }} / {{ .Title }}
+      </a>
+      {{ if .Description }}
+        <br/><em>{{ .Description }}</em>
+      {{ end }}
+    </li>
   {{ end }}
+  </ul>
 
 {{ end }}