feat: link to github (#49)

Co-authored-by: Andrey <[email protected]>

Author: codenomnom

src/components/Footer.astro

@@ -1,12 +1,17 @@
 ---
 import Navigation from "./Navigation.astro";
+import { Icon } from "astro-icon/components";
 ---
 
 <footer>
   <section>
     @<a href="http://codenomnom.com" target="_blank">codenomnom</a>
     {["🔫", "❤️", "👋"][(3 * Math.random()) | 0]}
     <a href="/legal">cc by-sa 4.0</a>
+
+    <a href="https://github.com/codenomnom/quirks-mode/" target="_blank">
+      <Icon name="github" class="github" title="github" />
+    </a>
   </section>
   <Navigation location="footer" />
 </footer>
@@ -20,6 +25,21 @@ import Navigation from "./Navigation.astro";
     padding-top: 12px;
     padding-bottom: 12px;
 
+    section {
+      display: flex;
+      align-items: center;
+
+      a {
+        margin-right: 4px;
+        display: flex;
+        align-items: center;
+
+        &:not(:first-of-type) {
+          margin-left: 4px;
+        }
+      }
+    }
+
     @media (max-width: 486px) {
       flex-direction: column;
       flex-flow: column-reverse;

src/components/Navigation.astro

@@ -28,6 +28,7 @@ const { location } = Astro.props;
   </ul>
 
   <div class="icons">
+    <!-- <Icon name="github" class="github" title="github" /> -->
     <Icon name="sun" class="sun" title="turn lights on" />
     <Icon name="moon" class="moon" title="turn lights off" />
   </div>
@@ -65,7 +66,11 @@ const { location } = Astro.props;
 
     transition: color .2s ease;
 
-    &:hover {
+    .github {
+      margin-right: 4px;
+    }
+
+    svg:hover {
       color: var(--color-href-hover);
     }
   }