From 6ceeea53891fc90607119161ee6f6d650f54694a Mon Sep 17 00:00:00 2001
From: Benjamin Hollway <benjamin@nothingrandom.com>
Date: Wed, 11 May 2022 01:52:39 +0100
Subject: [PATCH] cv updates for print

---
 src/_data/myself.json                |  2 +-
 src/_includes/partials/cv-social.njk |  4 +++-
 src/css/_typography.scss             |  5 +++++
 src/css/pages/_cv.scss               | 24 +++++++++++++++++++++---
 src/js/modules/fa.js                 |  6 ++++++
 src/pages/cv.njk                     |  2 +-
 6 files changed, 37 insertions(+), 6 deletions(-)

diff --git a/src/_data/myself.json b/src/_data/myself.json
index a371810e..6f5e0b85 100644
--- a/src/_data/myself.json
+++ b/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>"
 }
diff --git a/src/_includes/partials/cv-social.njk b/src/_includes/partials/cv-social.njk
index a786a23e..7c4f886c 100644
--- a/src/_includes/partials/cv-social.njk
+++ b/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:benjamin@nothingrandom.com' target='_blank' rel='noopener noreferrer' aria-label='Email Benjamin'><i class='fat fa-at'></i>benjamin@nothingrandom.com</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>
\ No newline at end of file
diff --git a/src/css/_typography.scss b/src/css/_typography.scss
index c44a7942..c79c2e07 100644
--- a/src/css/_typography.scss
+++ b/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 {
diff --git a/src/css/pages/_cv.scss b/src/css/pages/_cv.scss
index acd0c8ed..3252caf5 100644
--- a/src/css/pages/_cv.scss
+++ b/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 {
diff --git a/src/js/modules/fa.js b/src/js/modules/fa.js
index d79c637f..49e543a6 100644
--- a/src/js/modules/fa.js
+++ b/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,
diff --git a/src/pages/cv.njk b/src/pages/cv.njk
index 02da6066..2c9644f3 100644
--- a/src/pages/cv.njk
+++ b/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>