Add a print button and print styling for articles

Part 1 of #17

_layouts/blogpost.html

@@ -10,6 +10,7 @@
     -
     <a href="https://www.linkedin.com/sharing/share-offsite/?url={{ page.url | absolute_url }}"><img src="{{ "assets/img/linkedinlogo.png" | relative_url }}" alt="LinkedIn icon" /></a>
 </p>
+<p class="printbutton" onclick="print()">:printer:</p>
 <h2>{{page.title}}</h2>
 <span class="timestamp">Published {{page.date | date: "%a %b %d %Y"}}</span>
 <p class="tags">Tags:

_sass/main.scss

@@ -174,6 +174,10 @@ body {
 		padding-right: 0;
 	}
 
+    .printbutton {
+        display: none;
+    }
+
     .tag-toggle {
         display: inline-block;
         font-weight: normal;
@@ -213,6 +217,12 @@ body {
     }
 }
 
+.printbutton {
+    float: right;
+    display: inline-block;
+    cursor: pointer;
+}
+
 .content .tags {
 	font-size: medium;
 }
@@ -382,3 +392,33 @@ body {
         margin-bottom: 0.5vh;
     }
 }
+
+// Experimental printing support
+@media print {
+    .menu, .footer, .color-mode-toggle, .sharebuttons, .printbutton, .related_posts, #commento {
+        display: none;
+        margin: 0;
+    }
+
+    .content {
+        width: 95vw;
+        padding: 0;
+        margin: 0;
+        box-shadow: none;
+
+        hr {
+            display: none;
+        }
+    }
+
+    .banner {
+        width: auto;
+        height: 10vh;
+        margin: 0;
+        padding: 0;
+    }
+
+    .notebox {
+        width: 100%;
+    }
+}