cv updates for print

src/_data/myself.json

@@ -1,6 +1,6 @@
 {
   "currentLocation": "on the road",
-  "currently": "I've recently started working at <a href='https://leanlibrary.com'>Lean Library</a>, a browser extension for libraries.",
+  "currently": "I've currently at <a href='https://leanlibrary.com'>Lean Library</a>, a browser extension for libraries.",
   "fe": "Working primary with React/Vue.js, with a mix of the latest ES/ECMA spec, TypeScript, S/CSS, and a sprinkle of magic.",
   "resume": "<a href='/resume/'>Take a look at my resume.</a>"
 }

src/_includes/partials/cv-social.njk

@@ -1,4 +1,6 @@
 <ul class='social'>
   <li><a class='link--social' href='https://github.com/nothingrandom' target='_blank' rel='noopener noreferrer' aria-label='Find Benjamin on GitHub'><i class='fab fa-github'></i> Github - @nothingrandom</a></li>
-  <li><a class='link--social' href='https://instagram.com/nothingrandom' target='_blank' rel='noopener noreferrer' aria-label='Find Benjamin on Instagram'><i class='fab fa-instagram'></i> Instagram - @nothingrandom</a></li>
+  <li><a class='link--social' href='https://www.linkedin.com/in/benjaminhollway/' target='_blank' rel='noopener noreferrer' aria-label='Find Benjamin on Linkedin'><i class='fab fa-linkedin'></i> Linkedin - /benjaminhollway</a></li>
+  <li><a class='link--social' href='mailto:[email protected]' target='_blank' rel='noopener noreferrer' aria-label='Email Benjamin'><i class='fat fa-at'></i>[email protected]</a></li>
+  <li><a class='link--social' href='https://b.nothingrandom.studio/' target='_blank' rel='noopener noreferrer' aria-label='Find Benjamin online'><i class='fat fa-id-card'></i>https://b.nothingrandom.studio</a></li>
 </ul>

src/css/_typography.scss

@@ -153,6 +153,11 @@ p a,
     background-size: auto 3px;
     text-decoration: none;
   }
+
+  @media print {
+    background-image: none;
+    text-shadow: none !important;
+  }
 }
 
 a {

src/css/pages/_cv.scss

@@ -1,12 +1,26 @@
 .section--cv {
+  .section__intro {
+    @media print {
+      margin-bottom: 0;
+    }
+  }
+
   .social {
     margin-top: 0;
-    margin-bottom: 60px;
+    // margin-bottom: 60px;
+  }
+
+  li {
+    line-height: 2;
+
+    @media print {
+      line-height: 1;
+    }
   }
 }
 
 .cv__item {
-  margin-bottom: 100px;
+  margin-bottom: 75px;
 
   h3 {
     margin-bottom: 5px;
@@ -22,8 +36,12 @@
   }
 
   li {
-    font-size: 1.25em;
+    font-size: em(20px);
     line-height: 1.5;
+
+    @media print {
+      font-size: em(16px);
+    }
   }
 
   .flex-spread {

src/js/modules/fa.js

@@ -5,9 +5,12 @@ import {
   faGithub,
   faInstagram,
   faTwitter,
+  faLinkedin,
 } from '@fortawesome/free-brands-svg-icons';
 
 import {
+  faAt,
+  faIdCard,
   faMusic,
   faSearch,
   faBurgerCheese,
@@ -26,6 +29,9 @@ library.add(
   faGithub,
   faInstagram,
   faTwitter,
+  faLinkedin,
+  faAt,
+  faIdCard,
   faMusic,
   faSearch,
   faBurgerCheese,

src/pages/cv.njk

@@ -32,7 +32,7 @@ permalink: /resume/index.html
                 <span class='section__item__detail'>{{ experience.location }}<br />{{ experience.start | cvDate }} - {% if experience.end %}{{ experience.end | cvDate }}{% else %}Present{% endif %}</span>
               </div>
               {% for para in experience.description %}
-                <p>{{ para | safe }}</p><br />
+                <p>{{ para | safe }}</p>
               {% endfor %}
             </div>
           </li>