styling changes

static/style.css

@@ -11,6 +11,7 @@
 
 html {
   font-size: 16px;
+  background-color: #222222;
 }
 
 body {
@@ -31,6 +32,10 @@ code {
   border: 1px solid var(--decoration);
 }
 
+strong {
+  text-decoration: underline;
+}
+
 h1,
 h2,
 h3 {
@@ -40,18 +45,26 @@ h3 {
 }
 
 h1.site-title {
-  font-size: 1.5em;
+  margin-top: 0;
+  font-size: 2em;
   line-height: 1;
 }
 
-h1:not(.site-title) {
-  border-bottom: 4px solid var(--foreground);
-  /*border-top: 4px solid var(--foreground);*/
+h1.post-title {
   padding-top: 0.5em;
 }
 
+h1:not(.site-title):not(.post-title) {
+  font-size: 1.25em;
+  text-decoration: underline;
+  /* border-bottom: 4px solid var(--foreground); */
+  /*border-top: 4px solid var(--foreground);*/
+}
+
+
 h2 {
-  border-bottom: 2px solid var(--foreground);
+  /* border-bottom: 2px solid var(--foreground); */
+  font-size: 1.25em;
 }
 
 h1:not(.site-title):not(.post-title)::before {
@@ -84,6 +97,10 @@ a.show-url::after {
   color: var(--link-fancy);
 }
 
+nav {
+  margin-bottom: 2em;
+}
+
 nav ul {
   list-style-type: none;
   margin: 0;
@@ -153,6 +170,10 @@ div.table-wrapper tr:nth-child(even) {
   cursor: pointer;
 }
 
+#toc {
+  border: 1px solid var(--decoration);
+}
+
 #toc ol {
   counter-reset: item;
   list-style-type: none;
@@ -175,9 +196,14 @@ h1.post-title {
   margin: 0;
 }
 
+li p.post-date {
+border-bottom: none;
+}
+
 p.post-date {
   color: var(--decoration);
   margin: 0;
+  border-bottom: 1px solid var(--decoration);
 }
 
 p.post-desc {
@@ -193,3 +219,4 @@ p.post-desc {
   margin-left: 1em;
   margin-right: 1em;
 }
+

templates/header.html

@@ -1,6 +1,6 @@
 <header>
     <h1 class="site-title">{{ config.title }}</h1>
-    <nav>
+    <nav id="navbar">
         <ul>
             {% for item in config.extra.menu %}
                 <li>