Bootstrap 5 + Darkmode changes

app/plugins/blog/views/about.html

@@ -0,0 +1,6 @@
+<div class="p-4 mb-3 bg-light rounded">
+    <h4 class="fst-italic">About</h4>
+    <p class="mb-0">
+        The blog is mostly here to serve ass a simple way to link to long-form content on the site. There won't be any breaking news or tell-all stories here. Just good ole fashioned boring crap no one wants to read.
+    </p>
+</div>

app/plugins/blog/views/list.html

@@ -1,18 +1,15 @@
-{PAGINATION}
 {LOOP}
-    <div class="blog-post">
-        <h2 class="blog-post-title"><a href="{ROOT_URL}blog/post/{ID}">{title}</a></h2>
-        <hr>
+    <article class="blog-post">
+        <h2 class="blog-post-title mb-1">{title}</h2>
+        <p class="blog-post-meta">{DTC date}{created}{/DTC} by <a href="{ROOT_URL}home/profile/{author}">{authorName}</a></p>
         <div class="well">
-            <p class="blog-post-meta">
-                Posted on <i>{DTC date}{created}{/DTC}</i> by <a href="{ROOT_URL}home/profile/{author}"><strong>{authorName}</strong></a>
-            </p>
             {contentSummary}
         </div>
-    </div>
+    </article>
+    <hr>
 {/LOOP}
 {ALT}
-    <div class="blog-post">
+    <article class="blog-post">
         <p class="blog-post-meta">No Posts Found.</p>
-    </div>
+    </article>
 {/ALT}

app/plugins/blog/views/sidebar2.html

@@ -1,14 +1,11 @@
-<div class="card panel-info">
-    <div class="card-header">
-        <h3 class="card-title">Archives</h3>
-    </div>
-    <div class="card-body">
-        <ol class="list-unstyled">
-            {LOOP}
-                <li>({count}) <a href="{ROOT_URL}blog/month/{month}/{year}">{monthText} {year}</a></li>
-            {/LOOP}
-            {ALT}
-            {/ALT}
-        </ol>
-    </div>
+<div class="p-4">
+    <h4 class="fst-italic">Archives</h4>
+    <ul class="list-unstyled mb-0">
+        {LOOP}
+            <li>({count}) <a href="{ROOT_URL}blog/month/{month}/{year}">{monthText} {year}</a></li>
+        {/LOOP}
+        {ALT}
+            <li>None To Show</li>
+        {/ALT}
+    </ul>
 </div>