Update nav bar and enable theme toggle

assets/css/template-styles.css

@@ -11,7 +11,6 @@
 *::before,
 *::after {
     font-family: inherit;
-    background-color: inherit;
     color: inherit;
     margin: 0;
     padding: 0;
@@ -21,9 +20,7 @@ html {
     font-size: calc(1em + 0.25vw);
     font-family: Didact Gothic, Arial, Helvetica Neue, sans-serif;
     line-height: 1.2;
-    color: rgb(255, 255, 255);
-    opacity: .85;
-    background-color: #39424E;
+    background-color: #dfdfdf;
 }
 template {
   display: none !important;
@@ -134,7 +131,6 @@ h3 {
 h4,
 h5 {
     font-size: 1rem;
-    font-family: PT Sans, sans-serif;
 }
 h5 {
     font-size: 0.85rem;
@@ -323,8 +319,8 @@ caption {
     overflow-x: hidden;
 }
 .intro-and-nav {
-    font-size: 1rem;
-    width: 20rem;
+    font-size: .9rem;
+    width: 15rem;
     height: 100vh;
     position: fixed;
     top: 0;
@@ -345,7 +341,6 @@ caption {
 }
 .logo {
     border: 0;
-    margin : 2.25rem;
 }
 .logo img {
     width: 100%;
@@ -362,7 +357,7 @@ caption {
     max-width: 25rem;
 }
 .main-and-footer {
-    margin-left: 20rem;
+    margin-left: 15rem;
 }
 .main-and-footer > div {
     max-width: 55rem;
@@ -1129,6 +1124,5 @@ main p {
   margin-bottom: 1em;
   line-height: 1.5;
   letter-spacing: .2px;
-  opacity: 0.8;
 }
 

layouts/index.html

@@ -6,7 +6,7 @@
     	    {{ .Content }}
         </nav>
         <nav class="inf-border" aria-labelledby="toc-heading">
-	        <h3> Check My Recent Posts </h3>
+            <h3> <a href="/post"> Check My Recent Posts </a> </h3>
             <table>
             <ul class="inf-patterns-list" id="list">
 	            {{ range (.Paginator 5).Pages.ByPublishDate.Reverse }}