From 22ed55c820836427a22798131db8bdb4508d410f Mon Sep 17 00:00:00 2001
From: "Daniel J. Summers" <daniel@bitbadger.solutions>
Date: Sat, 30 Apr 2022 22:48:07 -0400
Subject: [PATCH] Tweak personal site theme

---
 .../themes/daniel-j-summers/index.liquid      | 22 ++++--
 .../themes/daniel-j-summers/layout.liquid     | 69 ++++++++++---------
 .../daniel-j-summers/single-post.liquid       | 16 +++--
 .../wwwroot/themes/daniel-j-summers/style.css | 19 ++++-
 4 files changed, 77 insertions(+), 49 deletions(-)

diff --git a/src/MyWebLog/themes/daniel-j-summers/index.liquid b/src/MyWebLog/themes/daniel-j-summers/index.liquid
index eb76ad9..e7d2d91 100644
--- a/src/MyWebLog/themes/daniel-j-summers/index.liquid
+++ b/src/MyWebLog/themes/daniel-j-summers/index.liquid
@@ -12,12 +12,20 @@
           {{ post.title }}
         </a>
       </h1>
-      <h4 class="text-center">
-        <i class="fa fa-calendar" title="Date"></i> {{ post.published_on | date: "MMMM d, yyyy" }} &nbsp;
-        <i class="fa fa-clock-o" title="Time"></i> {{ post.published_on | date: "h:mm tt" | downcase }} &nbsp;
-        <i class="fa fa-user" title="Author"></i> {{ model.authors | value: post.author_id }}
+      <h4 class="post-meta">
+        <span title="Published On">
+          <i class="fa fa-calendar"></i> {{ post.published_on | date: "dddd, MMMM d, yyyy" }}
+        </span>
+        <span title="Published At">
+          <i class="fa fa-clock-o" title="Time"></i> {{ post.published_on | date: "h:mm tt" | downcase }}
+        </span>
+        <span title="Author">
+          <i class="fa fa-user" title="Author"></i> {{ model.authors | value: post.author_id }}
+        </span>
         {% if logged_on %}
-          &nbsp; <a href="/post/{{ post.id }}/edit"><i class="fa fa-pencil-square-o"></i> Edit Post</a>
+          <span>
+            <a href="/post/{{ post.id }}/edit"><i class="fa fa-pencil-square-o"></i> Edit Post</a>
+          </span>
         {% endif %}
       </h4>
       {{ post.text }}
@@ -41,9 +49,9 @@
   <div class="item votd-item">
     <h4 class="item-heading votd-heading">Verse of the Day</h4>
     <div>
-      <span class="verse"> &ndash;</span>
+      <span class="verse"></span> &ndash;
       <a class="votd-reference" target="_blank" rel="noopener"></a>
-      <small> <a class="version-link" target="'_blank" rel="noopener">(ESV)</a></small><br>
+      <small> <a class="version-link" target="_blank" rel="noopener">(ESV)</a></small><br>
       <div class="votd-credits">
         <small>Powered by <a href="https://biblegateway.com" target="_blank" rel="noopener">Bible Gateway</a></small>
       </div>
diff --git a/src/MyWebLog/themes/daniel-j-summers/layout.liquid b/src/MyWebLog/themes/daniel-j-summers/layout.liquid
index 0af2e21..d4bc29e 100644
--- a/src/MyWebLog/themes/daniel-j-summers/layout.liquid
+++ b/src/MyWebLog/themes/daniel-j-summers/layout.liquid
@@ -74,43 +74,39 @@
       <div>
         <div class="item">
           <h4 class="item-heading">Tennessee Football</h4>
-          <div>
-            <table style="width:100%;"><tbody><tr>
-              <td style="width:75px;">
-                <a href="https://utsports.com" style="background:none;padding:0;" target="_blank" rel="noopener">
-                  <img src="/themes/{{ web_log.theme_path }}/tennessee.png" alt="T" title="Tennessee Sports"
-                       style="border:0;" width="75px">
-                </a>
-              </td>
-              <td class="text-center" style="line-height:1.3em;">
-                2021 Season &mdash; <strong>NR</strong><br>
-                <small>
-                  (7-6 &bull; 4-4 SEC/3<sup>rd</sup> East)<br><br>
-                  Last &mdash; L* (45-48) vs. Purdue<br>
-                  <em>Music City Bowl</em>
-                </small>
-              </td>
-            </tr></tbody></table>
+          <div class="football-panel">
+            <span>
+              <a href="https://utsports.com" style="background:none;padding:0;" target="_blank" rel="noopener">
+                <img src="/themes/{{ web_log.theme_path }}/tennessee.png" alt="T" title="Tennessee Sports"
+                     style="border:0;" width="75px">
+              </a>
+            </span>
+            <div>
+              2021 Season &mdash; <strong>NR</strong><br>
+              <small>
+                (7-6 &bull; 4-4 SEC/3<sup>rd</sup> East)<br><br>
+                Last &mdash; L* (45-48) vs. Purdue<br>
+                <em>Music City Bowl</em>
+              </small>
+            </div>
           </div>
         </div>
         <div class="item">
           <h4 class="item-heading">Colorado State Football</h4>
-          <div>
-            <table style="width:100%;"><tbody><tr>
-              <td style="width:75px;">
-                <a href="https://csurams.com" style="background:none;padding:0;" target="_blank" rel="noopener">
-                  <img src="/themes/{{ web_log.theme_path }}/csurams.png" alt="CSU Rams Logo"
-                       title="Colorado State Sports" style="border:0;" height="75px" width="75px">
-                </a>
-              </td>
-              <td class="text-center" style="line-height:1.3em;">
-                2021 Season &mdash; <strong>NR</strong><br>
-                <small>
-                  (3-9 &bull; 2-6 MWC/5<sup>th</sup> Mountain)<br><br>
-                  Last &mdash; L (10-52) at Nevada
-                </small>
-              </td>
-            </tr></tbody></table>
+          <div class="football-panel">
+            <span>
+              <a href="https://csurams.com" style="background:none;padding:0;" target="_blank" rel="noopener">
+                <img src="/themes/{{ web_log.theme_path }}/csurams.png" alt="CSU Rams Logo"
+                     title="Colorado State Sports" style="border:0;" height="75px" width="75px">
+              </a>
+            </span>
+            <div>
+              2021 Season &mdash; <strong>NR</strong><br>
+              <small>
+                (3-9 &bull; 2-6 MWC/5<sup>th</sup> Mountain)<br><br>
+                Last &mdash; L (10-52) at Nevada
+              </small>
+            </div>
           </div>
         </div>
       </div>
@@ -145,7 +141,12 @@
         <a href="https://bitbadger.solutions" title="Building the site you need to ensure your success!">
           Bit Badger Solutions
         </a>
-        &bull; Powered by <a href="https://github.com/bit-badger/myWebLog/tree/v2">myWebLog</a>
+        &bull; Powered by <a href="https://github.com/bit-badger/myWebLog/tree/v2">myWebLog</a> &bull;
+        {% if logged_on %}
+          <a href="/admin">Dashboard</a>
+        {% else %}
+          <a href="/user/log-on">Log On</a>
+        {%- endif %}
       </div>
     </footer>
   </body>
diff --git a/src/MyWebLog/themes/daniel-j-summers/single-post.liquid b/src/MyWebLog/themes/daniel-j-summers/single-post.liquid
index 5b81e6d..f9d0b14 100644
--- a/src/MyWebLog/themes/daniel-j-summers/single-post.liquid
+++ b/src/MyWebLog/themes/daniel-j-summers/single-post.liquid
@@ -2,16 +2,20 @@
 <div class="content single">
   <article class="item">
     <h1 class="item-heading">{{ post.title }}</h1>
-    <h4 class="text-center">
+    <h4 class="post-meta">
       {% if post.published_on -%}
-        <i class="fa fa-calendar" title="Date"></i> {{ post.published_on | date: "MMMM d, yyyy" }} &nbsp;
-        <i class="fa fa-clock-o" title="Time"></i> {{ post.published_on | date: "h:mm tt" | downcase }} &nbsp;
+        <span title="Published On">
+          <i class="fa fa-calendar"></i> {{ post.published_on | date: "dddd, MMMM d, yyyy" }}
+        </span>
+        <span title="Published At">
+          <i class="fa fa-clock-o"></i> {{ post.published_on | date: "h:mm tt" | downcase }}
+        </span>
       {%- else -%}
-        **DRAFT** &nbsp;
+        <span>**DRAFT**</span>
       {% endif %}
-      <i class="fa fa-user" title="Author"></i> {{ model.authors | value: post.author_id }}
+      <span title="Author"><i class="fa fa-user"></i> {{ model.authors | value: post.author_id }}</span>
       {% if logged_on %}
-        &nbsp; <a href="/post/{{ post.id }}/edit"><i class="fa fa-pencil-square-o"></i> Edit Post</a>
+        <span><a href="/post/{{ post.id }}/edit"><i class="fa fa-pencil-square-o"></i> Edit Post</a></span>
       {% endif %}
     </h4>
     <div>{{ post.text }}</div>
diff --git a/src/MyWebLog/wwwroot/themes/daniel-j-summers/style.css b/src/MyWebLog/wwwroot/themes/daniel-j-summers/style.css
index 9103a5c..c1cc720 100644
--- a/src/MyWebLog/wwwroot/themes/daniel-j-summers/style.css
+++ b/src/MyWebLog/wwwroot/themes/daniel-j-summers/style.css
@@ -54,7 +54,7 @@ blockquote {
   padding-left: 1rem;
 }
 sup, sub {
-  font-size: .85rem;
+  font-size: smaller;
 }
 sup {
   vertical-align: text-top;
@@ -130,6 +130,11 @@ sub {
   color: var(--accent-color);
   background-color: var(--hdr-bkg-color);
 }
+.post-meta {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-evenly;
+}
 .pager {
   display: flex;
   flex-flow: row wrap;
@@ -160,7 +165,7 @@ sub {
 }
 .cat-list li {
   list-style-type: none;
-  padding-bottom: .2rem;
+  padding-bottom: .25rem;
 }
 .cat-list ul li ul > li {
   padding-top: .2rem;
@@ -219,6 +224,16 @@ footer.part-3 {
 .copy a:hover {
   text-decoration: underline;
 }
+.football-panel {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: space-around;
+  align-items: center;
+}
+.football-panel div {
+  text-align: center;
+  line-height: 1.6rem;
+}
 
 /* ----- UTILITY CLASSES ----- */
 .desktop {