From 37a26f2a313778c0bd50328db883382e0e80e36e Mon Sep 17 00:00:00 2001
From: Cassie Jones <code@witchoflight.com>
Date: Tue, 12 Nov 2019 00:35:23 -0500
Subject: [PATCH] Add more footer links

---
 _includes/layouts/layout.njk | 8 ++++++--
 _includes/style.css          | 4 ++++
 static/github.svg            | 1 +
 static/twitter.svg           | 1 +
 4 files changed, 12 insertions(+), 2 deletions(-)
 create mode 100644 static/github.svg
 create mode 100644 static/twitter.svg

diff --git a/_includes/layouts/layout.njk b/_includes/layouts/layout.njk
index a7f77a8..7fcb4fa 100644
--- a/_includes/layouts/layout.njk
+++ b/_includes/layouts/layout.njk
@@ -53,9 +53,13 @@
         {{ content | safe }}
     </main>
     <div class="spacer"></div>
-    <footer class="row hcenter">
+    <footer class="col hcenter">
         Copyright &copy; 2019 Cassie Jones.
-        - <a href="https://twitter.com/porglezomp">@porglezomp</a>
+        <div class="row hcenter">
+            <a class="hov-fade" href="https://twitter.com/porglezomp"><img class="im-icon" src="/static/twitter.svg" alt="Twitter"></a>
+            <div class="block-1"></div>
+            <a class="hov-fade" href="https://github.com/porglezomp"><img class="im-icon" src="/static/github.svg" alt="GitHub"></a>
+        </div>
     </footer>
     <link rel="stylesheet" type="text/css" href="/static/prism.css">
 </body>
diff --git a/_includes/style.css b/_includes/style.css
index a2879fa..3efb598 100644
--- a/_includes/style.css
+++ b/_includes/style.css
@@ -49,6 +49,10 @@ aside.warning { background: #ffecbf; }
 .baseline { align-items: baseline; }
 .spacer { flex-grow: 1; }
 .ls-none { list-style: none; padding: 0; margin: 0; }
+.im-icon { background: none; width: 2em; }
+.hov-fade:hover { filter: invert(50%); }
+.row > .block-1 { width: 1em; }
+.col > .block-1 { height: 1em; }
 
 /* Barebones un-highlighted code blocks */
 pre > code {
diff --git a/static/github.svg b/static/github.svg
new file mode 100644
index 0000000..3899712
--- /dev/null
+++ b/static/github.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub icon</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
\ No newline at end of file
diff --git a/static/twitter.svg b/static/twitter.svg
new file mode 100644
index 0000000..af5b7c3
--- /dev/null
+++ b/static/twitter.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter icon</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg>
\ No newline at end of file
-- 
2.47.0