feat: add better dividers and flavor to footer/header

themes/aviary/assets/css/main.scss

@@ -1,7 +1,12 @@
 @import url(https://fonts.bunny.net/css?family=assistant:500|balsamiq-sans:400,400i,700,700i);
 
+$dark-green: #238e23;
+$brown: #b68024;
+$background: #eeeeee;
+$foreground: #151515;
+
 html {
-    background: #238e23;
+    background: $dark-green;
     display: flex;
     justify-content: center;
 }
@@ -13,18 +18,18 @@ body {
     margin: 0.666rem;
     max-width: 666px;
     padding: 1rem;
-    border: 0.42rem solid #b68024;
+    border: 0.42rem solid $brown;
     background: #eee;
     border-radius: 1rem;
 }
 
 header {
     padding-bottom: 1rem;
-    border-bottom: 0.24rem solid #b68024;
     display: flex;
     flex-direction: column;
+    font-weight: bold;
     h1 {
-        color: #ee871c;
+        color: $brown;
     }
     nav {
         max-width: 80vw;
@@ -46,10 +51,25 @@ header {
             overflow-x: scroll;
         }
     }
+    .bird {
+        color: #F0B441;
+    }
+    .cat {
+        color: #653931;
+    }
+    .online {
+        color: #69BD30;
+    }
+}
+header, footer {
+    hr {
+        width: 100%;
+        border: 0.2rem solid $brown;
+        border-radius: 1rem;
+    }
 }
 
 footer {
-    border-top: 0.24rem solid #b68024;
     margin-top: 1rem;
 }
 
@@ -67,7 +87,7 @@ h6 {
 }
 
 a {
-    color: #238e23;
+    color: $dark-green;
     text-decoration: none;
 }
 

themes/aviary/layouts/partials/footer.html

@@ -1,3 +1,4 @@
+<hr>
 <small>
     <a rel="noreferrer noopener" href="https://birdcat.online" target="_blank"
         ><img

themes/aviary/layouts/partials/header.html

@@ -1,2 +1,6 @@
-<h1>{{ site.Title }}</h1>
+<h1>
+    🐥😺 <span class="bird">bird</span><span class="cat">cat</span> dot <span class="online">online</span> 🌐
+</h1>
+<hr />
 {{ partial "menu.html" (dict "menuID" "main" "page" .) }}
+<hr />