From cbaaad38c9e3775a60ac1a2868706cfa784b307f Mon Sep 17 00:00:00 2001
From: Brian Picciano <mediocregopher@gmail.com>
Date: Wed, 23 Nov 2022 18:53:40 +0100
Subject: Use unordered list instead of table on post index

---
 src/cmd/load-test-data/test-data.yml |  2 +-
 src/http/static/mediocre.css         |  4 ++++
 src/http/tpl/index.html              | 32 +++++++++++---------------------
 3 files changed, 16 insertions(+), 22 deletions(-)

diff --git a/src/cmd/load-test-data/test-data.yml b/src/cmd/load-test-data/test-data.yml
index 51a08c5..01030b7 100644
--- a/src/cmd/load-test-data/test-data.yml
+++ b/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
diff --git a/src/http/static/mediocre.css b/src/http/static/mediocre.css
index f588fa1..0187543 100644
--- a/src/http/static/mediocre.css
+++ b/src/http/static/mediocre.css
@@ -89,6 +89,10 @@ ul {
     list-style: circle;
 }
 
+ul li {
+    margin-bottom: 1rem;
+}
+
 hr {
   margin: 2rem 0 2rem 0;
   border-color: var(--nc-bg-3);
diff --git a/src/http/tpl/index.html b/src/http/tpl/index.html
index 224c6d9..c1aa1f4 100644
--- a/src/http/tpl/index.html
+++ b/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 }}
 
-- 
cgit v1.2.3