unfix footer

_werc/lib/default_master.tpl

@@ -8,6 +8,7 @@
 % if(! ~ $#handlers_bar_left 0) {
     <nav id="side-bar">
 %   for(h in $handlers_bar_left) {
+        <h2>Site Map</h2>
         <div>
 %       run_handler $$h
         </div>

_werc/lib/footer.inc

@@ -5,7 +5,6 @@
 <style>
 footer {
     width: 100%;
-    position: fixed;
     bottom: 0;
 }
 </style>

_werc/lib/top_bar.inc

@@ -1,4 +1,6 @@
     <div>
+      <a href="https://bergamotoil.net/">main</a>
+      <p style="display:inline"> | </p>
       <a href="https://git.bergamotoil.net/">git</a>
       <p style="display:inline"> | </p>
       <a href="https://files.bergamotoil.net/">filedumps</a>

_werc/pub/style.css

@@ -0,0 +1,28 @@
+body { display: flex; flex-wrap: wrap; font-family: sans; }
+header { flex-basis: 100%; flex-shrink: 0; }
+article { flex-basis: 60%; padding-left: 1em; }
+footer { flex-basis: 100%; flex-shrink: 0; }
+header nav { display: flex; justify-content: space-between; }
+nav a, header a { text-decoration: none ; color: inherit; }
+header h1 span { margin-left: 1em; font-size: 50%; font-style: italic; }
+body > nav { flex-basis: content; padding-right: 1vw; min-width: 16em; }
+nav ul { display: flex; flex-direction: column; list-style-type: none; list-style-position: outside; padding-left: 0;  }
+nav li ul { padding-left: 0.6em }
+footer { display: flex; justify-content: space-between; }
+
+/* body */
+body { background-color: #ffdab3 }
+
+/* header and top bar */
+header h1 { border: 2px solid #ac8760; background-color: #ffe6cc; border-radius: 25px; padding-left: 15px; padding-bottom: 5px }
+header nav { background-color: #ffe6cc; border: 2px solid #ac8760; border-radius: 15px; padding-left: 10px; padding-top: 2px; padding-bottom: 4px; }
+header nav div a { text-decoration: underline; color: #54402c; }
+
+/* sidebar */
+body > nav { background-color: #ffe6cc; margin-right: 25px; border: 2px solid #ac8760; border-radius: 25px; padding-left: 10px; }
+
+/* article */
+body > article { background-color: #ffe6cc; border: 2px solid #ac8760; border-radius: 25px; }
+
+/* footer */
+footer { margin: 5px }