hugo.toml

@@ -28,10 +28,15 @@ name = 'writing'
 pageRef = '/writing'
 weight = 50
 
+[[menus.main]]
+name = 'music'
+pageRef = '/music'
+weight = 60
+
 [[menus.main]]
 name = 'links'
 pageRef = '/links'
-weight = 60
+weight = 70
 
 enableGitInfo = true
 

themes/aviary/assets/css/main.scss

@@ -2,48 +2,26 @@
 
 html {
     background: #238e23;
-    display: flex;
-    justify-content: center;
 }
 
 body {
     color: #151515;
-    font-family: "Assistant", sans-serif;
+    font-family: 'Assistant', sans-serif;
     line-height: 1.5;
-    margin: 0.666rem;
+    margin: 1rem auto;
     max-width: 666px;
     padding: 1rem;
-    border: 0.42rem solid #b68024;
+    border: 0.420rem solid #b68024;
     background: #eee;
     border-radius: 1rem;
 }
 
 header {
-    display: flex;
+    border-bottom: 1px solid #222;
-    flex-direction: column;
+    margin-bottom: 1rem;
     h1 {
         color: #ee871c;
     }
-    nav {
-        max-width: 80vw;
-        align-self: center;
-        ul {
-            display: flex;
-            flex-direction: row;
-            list-style-type: none;
-            justify-content: center;
-            align-items: center;
-            margin: 0;
-            padding: 0;
-            li {
-                padding: 0.1rem;
-            }
-            li .active {
-                text-decoration: underline;
-            }
-            overflow-x: scroll;
-        }
-    }
 }
 
 footer {
@@ -55,33 +33,39 @@ h1 {
     text-align: center;
 }
 
-h1,
+h1, h2, h3, h4, h5, h6 {
-h2,
+    font-family: 'Balsamiq Sans', display;
-h3,
-h4,
-h5,
-h6 {
-    font-family: "Balsamiq Sans", display;
 }
 
 a {
-    color: #238e23;
+    color: #00e;
     text-decoration: none;
 }
 
 main {
     max-width: 666px;
+    overflow-x: scroll;
 }
 
 img {
     max-width: 100%;
 }
 
-table {
+nav {
-    max-width: 80vw;
+    ul {
-    display: block;
+        display: flex;
-    overflow-x: auto;
+        flex-direction: row;
-    white-space: nowrap;
+        list-style-type: none;
+        justify-content: center;
+        margin: 0;
+        padding: 0;
+        li {
+            margin: 1rem;
+        }
+        li .active {
+            text-decoration: underline;
+        }
+    }
 }
 
 figure {

themes/aviary/layouts/partials/footer.html

@@ -20,14 +20,12 @@
             >CC BY-NC 4.0</a
         >
     </p>
-</small>
+        <p>
-<small>
+            &nbsp; &#45; this website is
-    <p>
+            <a
-        this website is
+                href="https://git.tacowolf.net/TacoWolf/birdcat.online"
-        <a
+                target="_blank"
-            href="https://git.tacowolf.net/TacoWolf/birdcat.online"
+                >open source</a
-            target="_blank"
+            >
-            >open source</a
+        </p>
-        >
-    </p>
 </small>