From 49f22c0acc1841c976c9548a8de3e6e9cdd39e05 Mon Sep 17 00:00:00 2001
From: Benny Mei <meibenny@gmail.com>
Date: Mon, 25 Jul 2022 18:35:31 -0400
Subject: use tables to show post dates and post

---
 layouts/_default/list.html     | 24 +++++++++++++-----------
 layouts/_default/taxonomy.html | 22 ++++++++++++----------
 layouts/index.html             | 32 ++++++++++++++++----------------
 static/css/stylesheet.css      |  8 ++++----
 4 files changed, 45 insertions(+), 41 deletions(-)

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index c2004b4..8214e8c 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -2,17 +2,19 @@
 
 <section id="content">
   <ul>
-    <div id="posts">
-      {{ range .Pages.ByPublishDate.Reverse }}
-        <div class="post-container">
- 	      <div class="date-time-title date-time-font">
-		    <time>{{ .Date.Format (.Site.Params.datefrom | default "Jan 02 2006") }}</time>
-          </div>
-          <div class="date-time-title post">
-		    <a href="{{ .Permalink }}">{{ .Title }}</a>
-		  </div>
-        </div>
+    <table>
+      {{ range .Site.RegularPages.ByPublishDate.Reverse }}
+      <tr>
+        <td class="post-date-time date-time-font">
+          <time>{{ .Date.Format (.Site.Params.dateform | default "Jan 02 2006") }}</time>
+        </td>
+        <td class="post">
+          <a href="{{ .Permalink }}">{{ .Title }}</a>
+        </td>
+      </tr>
       {{ end }}
-	</div>
+    </table>
   </ul>
 </section>
+
+{{ partial "footer.html" . }}
diff --git a/layouts/_default/taxonomy.html b/layouts/_default/taxonomy.html
index c2004b4..e61517e 100644
--- a/layouts/_default/taxonomy.html
+++ b/layouts/_default/taxonomy.html
@@ -2,17 +2,19 @@
 
 <section id="content">
   <ul>
-    <div id="posts">
+    <table>
       {{ range .Pages.ByPublishDate.Reverse }}
-        <div class="post-container">
- 	      <div class="date-time-title date-time-font">
-		    <time>{{ .Date.Format (.Site.Params.datefrom | default "Jan 02 2006") }}</time>
-          </div>
-          <div class="date-time-title post">
-		    <a href="{{ .Permalink }}">{{ .Title }}</a>
-		  </div>
-        </div>
+      <tr>
+        <td class="post-date-time date-time-font">
+		  <time>{{ .Date.Format (.Site.Params.datefrom | default "Jan 02 2006") }}</time>
+        </td>
+        <td class="post">
+		  <a href="{{ .Permalink }}">{{ .Title }}</a>
+        </td>
+      </tr>
       {{ end }}
-	</div>
+    </table>
   </ul>
 </section>
+
+{{ partial "footer.html" . }}
diff --git a/layouts/index.html b/layouts/index.html
index 235530f..8214e8c 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,20 +1,20 @@
 {{ partial "header.html" . }}
 
-<section id=content>
-    <ul class=posts_listing>
-      <div id="posts">
-        {{ range .Site.RegularPages.ByPublishDate.Reverse }}
-          <div class="post-conatiner">
-            <div class="date-time-title date-time-font">
-                <time>{{ .Date.Format (.Site.Params.dateform | default "Jan 02 2006") }}</time>
-            </div>
-            <div class="date-time-title post">
-              <a href="{{ .Permalink }}">{{ .Title }}</a>
-            </div>
-          </div>
-        {{ end }}
-      </div>
-    </ul>
-  </section>
+<section id="content">
+  <ul>
+    <table>
+      {{ range .Site.RegularPages.ByPublishDate.Reverse }}
+      <tr>
+        <td class="post-date-time date-time-font">
+          <time>{{ .Date.Format (.Site.Params.dateform | default "Jan 02 2006") }}</time>
+        </td>
+        <td class="post">
+          <a href="{{ .Permalink }}">{{ .Title }}</a>
+        </td>
+      </tr>
+      {{ end }}
+    </table>
+  </ul>
+</section>
 
 {{ partial "footer.html" . }}
diff --git a/static/css/stylesheet.css b/static/css/stylesheet.css
index ad5966e..3a73493 100644
--- a/static/css/stylesheet.css
+++ b/static/css/stylesheet.css
@@ -21,10 +21,6 @@ a {
     text-decoration: underline;
 }
 
-.date-time-title {
-    display: inline-block;
-}
-
 .date-time-font {
     font-family: 'Ubuntu Mono';
 }
@@ -59,3 +55,7 @@ a {
     white-space: nowrap;
     display: inline-block;
 }
+
+.post-date-time {
+    white-space: nowrap;
+}
-- 
cgit v1.2.3