add floating link and PDF download

Author: chadbaldwin

_includes/resume.html

@@ -15,6 +15,12 @@
 
       document.write(`${years} yrs ${months} mos`);
   }
+
+  document.addEventListener("click", function(e) {
+    if (e.target.className.indexOf("bottom-bar__close") !== -1) {
+      document.getElementsByClassName("bottom-bar")[0].remove();
+    }
+  });
 </script>
 
 <link href="https://fonts.googleapis.com/css?family=Lora:400,700|Open+Sans:400,300,800,700" rel="stylesheet" type="text/css">
@@ -263,6 +269,17 @@ <h4 class="resume-item-details" itemprop="description">{{ association.role }} &b
   </section>
 {%- endif -%}
 
+<div class="bottom-bar no-print">
+  <div class="bottom-bar__content">
+    <div class="bottom-bar__text">
+      <a href="/assets/Chad Baldwin, MCSA - Senior Database Developer - Resume.pdf" >
+        PDF version available here
+      </a>
+    </div>
+    <button class="bottom-bar__close" type="button">&times;</button>
+  </div>
+</div>
+
 {%- comment -%}
 <footer class="page-footer">
   <p class="footer-line">Made by <a href="http://twitter.com/jglovier">@jglovier</a>. Fork me on <a href="https://github.com/jglovier/resume-template">GitHub</a>.</p>

assets/Chad Baldwin, MCSA - Senior Database Developer - Resume.pdf

@@ -180,6 +180,39 @@ ul, ol {
             }
         }
     }
+
+    .bottom-bar {
+        position: fixed;
+        bottom: 0;
+        right: 0;
+        background: #333333;
+        color: #ffffff;
+        //box-sizing: border-box;
+        padding: 10px;
+
+        .bottom-bar__content > * {
+            display: flex;
+            align-items: center;
+        }
+
+        .bottom-bar__content {
+            margin: 0 auto;
+            display: flex;
+            justify-content: space-between;
+
+            .bottom-bar__text {
+                padding-right: 10px;
+            }
+
+            .bottom-bar__close {
+                background: none;
+                border: none;
+                color: #ffffff;
+                cursor: pointer;
+                font-size: 2rem;
+            }
+        }
+    }
 }
 
 .print-only {