teeny tiny copyright footer

public/index.html

@@ -36,6 +36,7 @@
         <p>You can find some of my work on <a href="https://github.com/jakejarvis" id="github" target="_blank" rel="noopener noreferrer nofollow">GitHub</a> or <a href="https://www.linkedin.com/in/jakejarvis/" id="linkedin" target="_blank" rel="noopener noreferrer nofollow">LinkedIn</a>, my adventures on <a href="https://twitter.com/jakejarvis" class="twitter" target="_blank" rel="noopener noreferrer nofollow">Twitter</a>, <a href="https://www.facebook.com/jakejarvis" id="facebook" target="_blank" rel="noopener noreferrer nofollow">Facebook</a>, or <a href="https://www.instagram.com/jakejarvis/" id="instagram" target="_blank" rel="noopener noreferrer nofollow">Instagram</a>, and my boring PDF resume <a href="https://drive.google.com/file/d/0B0VTe_b5fqnSRVEzZDJoUHZxMnM/view" id="resume" rel="nofollow">right here</a>.</p>
         <p>I've been <a href="https://profiles.udacity.com/u/jakejarvis" id="udacity" target="_blank" rel="noopener noreferrer nofollow">spending my free time</a> dipping my toes into the waters of <a href="https://www.symantec.com/security-center/threat-report" id="infosec" target="_blank" rel="noopener noreferrer nofollow">information security</a> and <a href="https://martinfowler.com/articles/serverless.html" id="serverless" target="_blank" rel="noopener noreferrer nofollow">serverless cloud architecture</a>, especially the <a href="https://cloud.google.com/containers/" id="containerization" target="_blank" rel="noopener noreferrer nofollow">containerization of everything</a>.</p>
         <p>If any of this jibes with what you're looking for, I'd love to hear from you via <a href="http://www.google.com/recaptcha/mailhide/d?k=01ZzhlmsGArcg71LQvaD9fPA==&amp;c=qY-Y4H2c3dNzvkLjmkK-DiOt8wwynhvZK2GFaGP1pSQ=" onclick="window.open('http://www.google.com/recaptcha/mailhide/d?k\x3d01ZzhlmsGArcg71LQvaD9fPA\x3d\x3d\x26c\x3dqY-Y4H2c3dNzvkLjmkK-DiOt8wwynhvZK2GFaGP1pSQ\x3d', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=300'); return false;" id="email">email</a><sup><a href="https://keybase.io/jakejarvis/pgp_keys.asc?fingerprint=87fb4b6006dd1beb3ed47fabd36cb66f4002b25b" id="pgp" target="_blank" rel="noopener noreferrer nofollow">D36C B66F 4002 B25B</a></sup>, <a href="https://twitter.com/messages/compose?recipient_id=229769022" class="twitter" target="_blank" rel="noopener noreferrer nofollow">DM</a>, or <a href="sms:+1-908-444-6655" id="sms">text</a>!</p>
+        <p id="copyright">&copy; 1999 &ndash; 2018 Jake Jarvis.<span>&#x1F43C;</span><a href="https://github.com/jakejarvis/jakejarvis.com" target="_blank" rel="noopener noreferrer nofollow">View source on GitHub.</a></p>
       </div>
     </div>
     <script>

public/style.css

@@ -1,4 +1,5 @@
 /*! normalize.css v2.1.3 | MIT License | git.io/normalize */
+
 article,
 aside,
 details,
@@ -208,6 +209,7 @@ table {
 }
 
 /* open-sans-light 300 */
+
 @font-face {
   font-family: 'Open Sans';
   font-style: normal;
@@ -221,6 +223,8 @@ table {
        url('fonts/open-sans-light.svg#OpenSans') format('svg'); /* Legacy iOS */
 }
 
+/* custom CSS */
+
 body {
   color: #1a1a1a;
   font-family: 'Open Sans', sans-serif;
@@ -500,10 +504,10 @@ a#resume:hover {
 }
 
 a#email {
-  color: #fad509;
+  color: #d54b3d;
 }
 a#email:hover {
-  border-color: #fad509;
+  border-color: #d54b3d;
 }
 
 a#pgp {
@@ -520,3 +524,18 @@ a#sms {
 a#sms:hover {
   border-color: #93d841;
 }
+
+p#copyright {
+  margin: 40px 0 0 0;
+  font-size: 12px;
+  color: #999;
+}
+
+p#copyright a {
+  color: #999;
+  border-bottom: 1px solid #ddd;
+}
+
+p#copyright span {
+  margin: 0 5px;
+}