feat: reunification unix hist

1 files changed, 33 insertions, 16 deletions

diff --git a/themes/24-unification/layouts/_default/baseof.html b/themes/24-unification/layouts/_default/baseof.html
index 1d7ce0d..ac2c294 100644
--- a/themes/24-unification/layouts/_default/baseof.html
+++ b/themes/24-unification/layouts/_default/baseof.html
@@ -40,7 +40,8 @@
     
     <link rel="webmention" href="https://webmention.io/d-s.sh/webmention">
     <link rel="pingback" href="https://webmention.io/d-s.sh/xmlrpc">
-    
+
+    {{- $bg := resources.Get "bg.gif"  }}
     <style>
       :root {
           --bg-color: #738276;
@@ -56,14 +57,14 @@
 
           --breakpoint: 800px;
       }
+      html {
+          height: 100%;
+      }
       body {
+          height: 100%;
           width: 1000px;
-          margin-left: auto;
-          margin-right: auto;
-          margin-top: 20px;
+          margin: 0;
           background-color: var(--bg-color);
-          background-image: linear-gradient(0deg, #738276 25%, #4a524b 25%, #4a524b 50%, #738276 50%, #738276 75%, #4a524b 75%, #4a524b 100%);
-          background-size: 8.00px 8.00px;
           color: var(--text-color);
           background-attachment: fixed;
           max-width: 98%;
@@ -71,6 +72,7 @@
           font-size: 1.0em;
           display: flex;
           flex-direction: row;
+          align-items: stretch;
       }
 
       @media only screen and (max-width: 800px) {
@@ -86,9 +88,16 @@
       /* Left navigation */
 
       .nav {
+          background-image: linear-gradient(0deg, #738276 25%, #4a524b 25%, #4a524b 50%, #738276 50%, #738276 75%, #4a524b 75%, #4a524b 100%);
+          background-size: 4.00px 3.00px;
+          /* background-image: url({{ $bg.Permalink }}); */
+          background-attachment: fixed;
+          height: auto;
           flex-shrink: 0;
           flex-grow: 0;
           width: 200px;
+          padding: 10px;
+          border-right: var(--cool-border);
 
           .nav-box {
               border: var(--cool-border);
@@ -184,7 +193,9 @@
 
           .nav {
               width: 100%;
-              padding-bottom: 20px;;
+              margin-bottom: 20px;
+              border-bottom: var(--cool-border);
+              border-right: none;
               
               .nav-box {
                   width: 100%;
@@ -198,7 +209,7 @@
               }
               
               ol.subsection {
-                  display: none;
+                  display: none!important;
               }
 
               li {
@@ -224,13 +235,14 @@
           padding-left: 20px;
           box-sizing: border-box;
           width: 100%;
+          padding-top: 20px;
           
           article {
               background-color: var(--panel-color);
               margin-bottom: 20px;
               border: var(--cool-border);
               display: flow-root;
-      
+              
               h2 {
                   margin: 0;
                   padding-top: 10px;
@@ -261,7 +273,7 @@
                   padding-right: 20px;
 
                   pre {
-                  overflow-x: scroll;
+                      overflow-x: scroll;
 
                   }
               }
@@ -292,6 +304,11 @@
                   max-width: 100%;
                   height: auto;
               }
+
+              .button img {
+                  width: 88px;
+                  padding-left: 44px;
+              }
               
               .pull-left {
                   float: left;
@@ -335,13 +352,13 @@
           padding: 20px;
           background-color: var(--panel-color);
       }
-}
 
- @media only screen and (max-width: 800px) {
-     main {
-         padding: 0;
-     }
- }
+      @media only screen and (max-width: 800px) {
+          main {
+              padding: 10px;
+          }
+          
+      }
     </style>
   </head>