feat(blog): column

3 files changed, 63 insertions, 9 deletions

diff --git a/assets/webbuttons_31/joelchrono.gif b/assets/webbuttons_31/joelchrono.gif
new file mode 100644
index 0000000..5cb9c12
--- /dev/null
+++ b/assets/webbuttons_31/joelchrono.gif
diff --git a/assets/webbuttons_31/unix-history.png b/assets/webbuttons_31/unix-history.png
new file mode 100644
index 0000000..8b79322
--- /dev/null
+++ b/assets/webbuttons_31/unix-history.png
diff --git a/layouts/blog/baseof.html b/layouts/blog/baseof.html
index 373b998..68691cf 100644
--- a/layouts/blog/baseof.html
+++ b/layouts/blog/baseof.html
@@ -247,9 +247,38 @@
               border-right: var(--cool-border);
           }
       }
-      
-      article {
+
+
+      .main-body {
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+      }
+
+      main {
+          width: 800px;
+          max-width: 100%;
+          flex-grow: 1;      
+      }
+
+      .right-column {
+          flex-basis: 180px;
+          flex-grow: 1;
+          padding-left: 5px;
+          margin-bottom: 20px;
+          display: flex;
+       flex-direction: column;
+      }
+
+      .widget {
           border: var(--cool-border);
+          padding: 5px;
+          background-color: var(--panel-color);;
+          line-height: 1.5em;
+          margin-bottom: 10px;
+      }
+      article {
+          <!-- border: var(--cool-border); -->
           margin-bottom: 20px;
           padding: 20px;
           background-color: var(--panel-color);;
@@ -512,14 +541,39 @@
     </nav>
   </header>
 
-  <div class="other-sites">
-    <div class="other">My other sites:</div>
-    <a href="/brain-rot">Brain Rots</a>
-    <a href="/cool-emacs">Cool Emacs</a>
-    <a href="/unix-history">History of Unix</a>
+  <div class="main-body">
+    <main>
+      {{ block "main" . }}
+      {{ end }}
+    </main>
+
+    <aside class="right-column">
+      
+    <div class="widget">
+        <b>My other sites:</b>
+        <hr>
+        <nav style="text-align: center">
+          {{ partial "button-31" (dict "file" "unix-history.png" "alt" "History of Unix" "href" "/unix-history/") }}<br>
+          <a href="/brain-rot">Brain Rots</a><br>
+    <a href="/cool-emacs">Cool Emacs</a><br>
+        </nav>
+      </div>
+
+
+      <div class="widget">
+        <b>Links:</b>
+        <hr>
+        <nav style="text-align: center">        
+          {{ partial "button-31" (dict "file" "joelchrono.gif" "alt" "Joel Chrono" "href" "https://joelchrono.xyz") }}
+          <br>
+          <a href="https://rubenerd.com">Rubenerd</a><br>
+          <a href="https://wovenmemories.net/">Woven Memories</a><br>
+        </nav>
+      </div>
+
+  
   </div>
-  {{ block "main" . }}
-  {{ end }}
+  
 
   <footer class="buttons">
     {{ partial "buttons/valid_html" . }}