From f0cd329901009d3b69f7e4b7815f3023427a2543 Mon Sep 17 00:00:00 2001
From: BBaoVanC <bbaovanc@bbaovanc.com>
Date: Mon, 27 Sep 2021 14:16:52 -0500
Subject: [PATCH] Update the internals of the styling a little

Fixes #4
---
 layouts/_default/baseof.html |  2 +-
 layouts/_default/list.html   |  5 +++--
 layouts/_default/single.html | 23 +++++++++++++++++++----
 layouts/partials/navbar.html |  4 ++--
 static/css/bobatheme.css     | 12 ++++++------
 5 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index d9032bb..f5743bd 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -6,7 +6,7 @@
         {{- partial "header.html" . -}}
         {{ partial "navbar.html" . }}
 
-        <div class="row">
+        <div class="page">
             {{ if and (ne .Params.Toc false) .IsPage }}
             <div class="side">
                 <h3>Table of Contents</h3>
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 6ef258c..ddd2755 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -27,11 +27,12 @@
 {{ else }}
 <small>
     Site-wide tags:
-    <div>
+    <span class="tags">
+        <br />
         {{ range .Site.Taxonomies.tags }}
         <a href="{{ .Page.Permalink }}">#{{ .Page.Title }}</a>&nbsp;
         {{ end }}
-    </div>
+    </span>
 </small>
 {{ end }}
 {{ end }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 659dd0f..b2ad7e1 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,12 +1,27 @@
 {{ define "main" }}
 <h1>{{ .Title | markdownify }}</h1>
+<!-- I'd like to get rid of the unnaturally large gap between the
+     header and the metadata (date, tags, etc) -->
 {{ if .Date }}
-<time datetime="{{ .Date.Format "2006-01-02" }}" pubdate>
-    {{ .Date.Format "2006-01-02" }}
+<time datetime="{{ .Date.Format "January 2, 2006" }}" pubdate>
+    {{ .Date.Format "January 2, 2006" }}
 </time>
+{{ if ne .Lastmod .Date }}
+( Modified
+<time datetime="{{ .Lastmod.Format "January 2, 2006" }}" pubdate>
+    {{ .Lastmod.Format "January 2, 2006" }}
+</time>
+) <!-- I don't know how to get rid of the whitespace in between here,
+       so I'll just live with it for now. -->
 {{ end }}
-{{ range (.GetTerms "tags") }}
-<a href="{{ .Permalink }}">#{{ .LinkTitle }}</a>
 {{ end }}
+
+<br />
+<span class="tags">
+    {{ range (.GetTerms "tags") }}
+    <a href="{{ .Permalink }}">#{{ .LinkTitle }}</a>
+    {{ end }}
+</span>
+
 {{ .Content }}
 {{ end }}
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index c914cbb..8e4dfcc 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -1,6 +1,6 @@
-<div class="navbar">
+<nav id="main">
     <a href="{{ "/" | relURL }}">Home</a>
     {{ range .Site.Menus.main }}
     <a href="{{ .URL }}">{{ .Name }}</a>
     {{ end }}
-</div>
+</nav>
diff --git a/static/css/bobatheme.css b/static/css/bobatheme.css
index 6759b7c..d171f77 100644
--- a/static/css/bobatheme.css
+++ b/static/css/bobatheme.css
@@ -1,10 +1,10 @@
 @media screen and (max-width: 700px) {
-  .row {
+  .page {
     flex-direction: column;
   }
 }
 @media screen and (max-width: 400px) {
-  .navbar a {
+  #main a {
     float: none;
     width: 100%;
   }
@@ -35,11 +35,11 @@ blockquote {
   font-size: 40px;
 }
 
-.navbar {
+#main {
   overflow: hidden;
   background-color: #222;
 }
-.navbar a {
+#main a {
   float: left;
   display: block;
   color: lightgray;
@@ -47,7 +47,7 @@ blockquote {
   padding: 14px 20px;
   text-decoration: none;
 }
-.navbar a:hover {
+#main a:hover {
   background-color: #444;
   color: white;
 }
@@ -55,7 +55,7 @@ blockquote {
 * {
   box-sizing: border-box;
 }
-.row {
+.page {
   flex: 1;
   display: flex;
   flex-wrap: wrap;