diff --git a/src/footer/Footer.tsx b/src/footer/Footer.tsx
index f45d64b..0fcc2a6 100644
--- a/src/footer/Footer.tsx
+++ b/src/footer/Footer.tsx
@@ -5,6 +5,8 @@ import { ReactComponent as Linkedin } from "./icons/linkedin.svg";
 import { ReactComponent as Copy } from "./icons/clipboard.svg";
 import { ReactComponent as CopyFailed } from "./icons/clipboard-sad.svg";
 import { ReactComponent as CopySuccess } from "./icons/clipboard-check.svg";
+import { ReactComponent as SourceCode } from "./icons/code.svg";
+import { ReactComponent as PDF } from "./icons/pdf.svg";
 
 import callme from "./call-me.png";
 import hearts from "./hearts.png";
@@ -138,27 +140,29 @@ export function Footer() {
       </div>
       <div className="meta">
         <div className="social">
-          <a
-            href="https://github.com/theruther4d"
-            data-something="https://github.com/theruther4d"
-          >
-            <span className="offscreen">Github</span>
-            <Github width={36} height={36} />
+          <a href="https://github.com/theruther4d" title="Github">
+            <Github />
           </a>
-          <a
-            href="https://codepen.io/the_ruther4d"
-            data-something="https://codepen.io/the_ruther4d"
-          >
-            <span className="offscreen">Codepen</span>
-            <Codepen width={36} height={36} />
+          <a href="https://codepen.io/the_ruther4d" title="Codepen">
+            <Codepen />
           </a>
           <a
             href="https://www.linkedin.com/in/josh-rutherford-b10b2190"
-            data-something="https://www.linkedin.com/in/josh-rutherford-b10b2190"
+            title="Linkedin"
           >
-            <span className="offscreen">Linkedin</span>
-            <Linkedin width={36} height={36} />
+            <Linkedin />
           </a>
+          <div className="gap">
+            <a href="https://github.com/theruther4d/jushy" title="Source">
+              <SourceCode />
+            </a>
+            <a
+              href={`${process.env.PUBLIC_URL}/josh-rutherford-resume.pdf`}
+              title="Download as PDF"
+            >
+              <PDF />
+            </a>
+          </div>
         </div>
         <span className="copyright noprint">
           <img
diff --git a/src/footer/footer.scss b/src/footer/footer.scss
index e42abd9..457d4f0 100644
--- a/src/footer/footer.scss
+++ b/src/footer/footer.scss
@@ -136,6 +136,21 @@ $img_size: 173px;
     display: flex;
     justify-content: center;
 
+    svg {
+      width: 1rem;
+      height: 1rem;
+
+      @media all and (min-width: 275px) {
+        width: 1.5rem;
+        height: 1.5rem;
+      }
+
+      @media all and (min-width: 350px) {
+        width: 2rem;
+        height: 2rem;
+      }
+    }
+
     a {
       display: block;
 
@@ -160,6 +175,28 @@ $img_size: 173px;
         }
       }
     }
+
+    .gap {
+      position: relative;
+      margin-left: 2rem;
+      padding-left: 2rem;
+      display: flex;
+
+      &:before {
+        content: "";
+        width: 1px;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        position: absolute;
+        background: rgba(white, 0.5);
+
+        @media all and (min-width: 632px) {
+          top: -1.75rem;
+          bottom: -1.75rem;
+        }
+      }
+    }
   }
 
   .copyright {
@@ -180,7 +217,7 @@ $img_size: 173px;
     }
   }
 
-  @media all and (min-width: $horizontal_breakpoint) {
+  @media all and (min-width: 632px) {
     .meta {
       justify-content: space-between;
       padding: 0.5rem $gutter 0;
diff --git a/src/footer/icons/code.svg b/src/footer/icons/code.svg
new file mode 100644
index 0000000..7647f6d
--- /dev/null
+++ b/src/footer/icons/code.svg
@@ -0,0 +1,7 @@
+<svg width="90px" height="90px" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="noun_source_118634" transform="translate(-5.000000, 0.000000)" class="fill-target" fill-rule="nonzero">
+            <path d="M50,0 C24.9,0.2 4.8,20.5 5,45.3 C5.2,69.9 25.3,90 50,90 C50,90 50.3,90 50.3,90 C62.3,89.9 73.6,85.2 82,76.6 C90.4,68 95.1,56.7 95,44.7 C94.8,20.1 74.7,0 50,0 Z M36.2,57.7 C37.3,58.8 37.3,60.7 36.2,61.8 C35.6,62.4 34.9,62.6 34.2,62.6 C33.5,62.6 32.7,62.3 32.1,61.7 L17.4,47 C16.3,45.9 16.3,44 17.4,42.9 L32,28.1 C33.1,27 35,27 36.1,28.1 C37.2,29.2 37.2,31.1 36.1,32.2 L23.6,45 L36.2,57.7 Z M57.8,23.6 L46.2,67.9 C45.9,69.2 44.7,70.1 43.4,70.1 C43.2,70.1 42.9,70.1 42.7,70 C41.2,69.6 40.2,68 40.6,66.5 L52.2,22.2 C52.6,20.7 54.2,19.7 55.7,20.1 C57.3,20.5 58.2,22 57.8,23.6 Z M82.6,47 L67.9,61.8 C67.3,62.4 66.6,62.7 65.8,62.7 C65.1,62.7 64.3,62.4 63.8,61.9 C62.7,60.8 62.7,58.9 63.8,57.8 L76.4,45 L63.8,32.3 C62.7,31.2 62.7,29.3 63.8,28.2 C64.9,27.1 66.8,27.1 67.9,28.2 L82.6,43 C83.7,44.1 83.7,45.9 82.6,47 Z" id="Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/footer/icons/pdf.svg b/src/footer/icons/pdf.svg
new file mode 100644
index 0000000..5636321
--- /dev/null
+++ b/src/footer/icons/pdf.svg
@@ -0,0 +1,13 @@
+<svg width="74px" height="98px" viewBox="0 0 74 98" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="noun_PDF_3071298" transform="translate(-13.000000, 0.000000)" class="fill-target" fill-rule="nonzero">
+            <g id="Group" transform="translate(13.000000, 0.000000)">
+                <path d="M19.1,37.7 C21.9,37.7 24,37.1 25.3,35.9 C26.7,34.7 27.3,32.8 27.3,30.3 C27.3,27.7 26.6,25.8 25.3,24.6 C24,23.4 21.9,22.7 19,22.7 L12.3,22.7 L12.3,43.5 L16.5,43.5 L16.5,37.7 L19.1,37.7 Z M16.5,26.7 L18.9,26.7 C20.3,26.7 21.3,27 22,27.5 C22.7,28 23,28.9 23,30.1 C23,31.3 22.7,32.2 22.2,32.8 C21.7,33.4 20.7,33.7 19.3,33.7 L16.5,33.7 L16.5,26.7 Z" id="Shape"></path>
+                <path d="M43.8,40.6 C45.6,38.7 46.4,36.2 46.4,32.9 C46.4,29.7 45.5,27.1 43.7,25.3 C41.9,23.5 39.3,22.6 35.9,22.6 L29.2,22.6 L29.2,43.4 L35.7,43.4 C39.3,43.5 42,42.5 43.8,40.6 Z M40.6,37.8 C39.6,38.9 38.1,39.4 36.2,39.4 L33.5,39.4 L33.5,26.7 L35.9,26.7 C38,26.7 39.6,27.3 40.7,28.4 C41.7,29.5 42.3,31.1 42.3,33.1 C42.2,35.1 41.6,36.7 40.6,37.8 Z" id="Shape"></path>
+                <polygon id="Shape" points="61.7 26.8 61.7 22.7 48.7 22.7 48.7 43.5 52.9 43.5 52.9 35.3 61.2 35.3 61.2 31.3 52.9 31.3 52.9 26.8"></polygon>
+                <path d="M67.2,0.8 L6.8,0.8 C3.3,0.8 0.5,3.6 0.5,7.1 L0.5,80.9 C0.5,84.4 3.3,87.2 6.8,87.2 L20.7,87.2 L18.8,85.3 L16.9,83.4 L6.9,83.4 C5.5,83.4 4.4,82.3 4.4,80.9 L4.4,7.1 C4.4,5.7 5.5,4.6 6.9,4.6 L67.4,4.6 C68.8,4.6 69.9,5.7 69.9,7.1 L69.9,80.9 C69.9,82.3 68.8,83.4 67.4,83.4 L58.8,83.4 L56.9,85.3 L55,87.2 L67.4,87.2 C70.9,87.2 73.7,84.4 73.7,80.9 L73.7,7.1 C73.6,3.6 70.7,0.8 67.2,0.8 Z" id="Shape"></path>
+                <polygon id="Shape" points="59.1 75.4 46 75.3 46 53.7 28 53.7 28 75 14.9 74.8 37.3 97.2"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/todo.md b/todo.md
index a6c88ff..74931c7 100644
--- a/todo.md
+++ b/todo.md
@@ -1,22 +1,24 @@
 # TODO:
 
-- clean up copy
 - css vars + shifting $primary color animation? slowly hue rotate?
 
 ## General
 
-- print version => resume
-- downloadable pdf for resume
+- downloadable pdf link
 - clean up repetitive styling for sections
 
 ## Contributions
 
 - overflow indicator
-- legend
-- backwards/forwards arrows?
 - disclaimer?
 - better loading state
 - error state - use error boundary, link to github version?
+- fix month label issue on iOS after adding a few pages
+
+# Self Taught
+
+- add more LOC
+- script to do syntax highlighting for easier changes?
 
 ## Stats