feat: print button

_layouts/default.html

@@ -9,6 +9,12 @@
       {%- include header.html -%}
       <main class="page-content" aria-label="Content">
         <div class="wrapper">
+          {%- if page.show_print_button -%}
+          <div class="print-button">
+            <img src="{{ "assets/pdf.svg" | relative_url }}">
+            <a href="javascript:window.print()"><span>Print the page</span></a>
+          </div>
+          {%- endif -%}
           {{ content }}
         </div>
       </main>

_sass/minima/_layout.scss

@@ -421,3 +421,22 @@ html {
   margin: 0 auto;
   display: block;
 }
+
+.print-button {
+  @media print {
+    display: none;
+  }
+
+  float: right;
+  color: #252525;
+  margin-right: 40px;
+  margin-top: 14px;
+
+  @include media-query($on-palm) {
+    display: none;
+  }
+
+  span {
+    padding-left: 5px;
+  }
+}
\ No newline at end of file

about.md

@@ -2,6 +2,7 @@
 layout: default
 title: about
 order: 3
+show_print_button: true
 ---
 
 # LCSB jekyll about page

assets/pdf.svg

+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v1.25c0 .41-.34.75-.75.75s-.75-.34-.75-.75V8c0-.55.45-1 1-1H10c.83 0 1.5.67 1.5 1.5v1zm5 2c0 .83-.67 1.5-1.5 1.5h-2c-.28 0-.5-.22-.5-.5v-5c0-.28.22-.5.5-.5h2c.83 0 1.5.67 1.5 1.5v3zm4-3.75c0 .41-.34.75-.75.75H19v1h.75c.41 0 .75.34.75.75s-.34.75-.75.75H19v1.25c0 .41-.34.75-.75.75s-.75-.34-.75-.75V8c0-.55.45-1 1-1h1.25c.41 0 .75.34.75.75zM9 9.5h1v-1H9v1zM3 6c-.55 0-1 .45-1 1v13c0 1.1.9 2 2 2h13c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1-.45-1-1V7c0-.55-.45-1-1-1zm11 5.5h1v-3h-1v3z"/></svg>
\ No newline at end of file