Rework styling of the web/print

14 files changed, 91 insertions, 56 deletions

diff --git a/assets/scss/print/_base.scss b/assets/scss/print/_base.scss
index ab0ca17..fba5300 100644
--- a/assets/scss/print/_base.scss
+++ b/assets/scss/print/_base.scss
@@ -13,6 +13,6 @@ a:link, a:visited, a:hover, a:active {
 }
 
 .section-header {
-  font-size: 18pt;
-  margin-bottom: -0.6em;
+  font-size: 14pt;
+  margin-bottom: -0.6rem;
 }
diff --git a/assets/scss/print/_education.scss b/assets/scss/print/_education.scss
index fd0ba28..8984bfa 100644
--- a/assets/scss/print/_education.scss
+++ b/assets/scss/print/_education.scss
@@ -1,11 +1,15 @@
 .education {
   // avoid page breaks inside the education section
   page-break-inside: avoid;
-  margin-top: 75px;
+  margin-top: 24pt;
   // remove the extra space added for the website
   margin-bottom: 0;
 }
 
+.education__degree {
+  font-size: 10pt;
+}
+
 .education__details {
   margin-top: 0.3em;
 }
diff --git a/assets/scss/print/_header.scss b/assets/scss/print/_header.scss
index a788ab8..ac63fdb 100644
--- a/assets/scss/print/_header.scss
+++ b/assets/scss/print/_header.scss
@@ -1,10 +1,7 @@
 .header__name {
-  margin-bottom: 0.1em;
-  margin-top: 1em;
-}
-
-.header__language {
-  display: none;
+  margin-bottom: 0.1rem;
+  margin-top: 1rem;
+  font-size: 24pt;
 }
 
 .header__tel,
@@ -15,6 +12,7 @@
 .header__stackoverflow,
 .header__linkedin {
   display: inline;
+  font-size: 8pt;
 }
 
 .header__pgp {
diff --git a/assets/scss/print/_projects.scss b/assets/scss/print/_projects.scss
index c7fa414..076dfcb 100644
--- a/assets/scss/print/_projects.scss
+++ b/assets/scss/print/_projects.scss
@@ -1,7 +1,18 @@
 .projects {
-  margin-top: 75px;
+  margin-top: 24pt;
   page-break-inside: avoid;
 }
 
 .project {
 }
+
+.project__title {
+  font-size: 9pt;
+  margin-bottom: 0.2rem;
+}
+
+.project__content {
+  font-size: 9pt;
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
diff --git a/assets/scss/print/_skills.scss b/assets/scss/print/_skills.scss
index 9d37b90..6dec13c 100644
--- a/assets/scss/print/_skills.scss
+++ b/assets/scss/print/_skills.scss
@@ -1,5 +1,5 @@
 .skills {
-  margin-top: 75px;
+  margin-top: 24pt;
 }
 
 .skills__content {
@@ -9,9 +9,11 @@
 .skills__title {
   min-width: 12%;
   margin-left: 15px;
+  font-size: 9pt;
 }
 
 .skills__items {
   margin-bottom: 0.1em;
   margin-left: 15px;
+  font-size: 9pt;
 }
diff --git a/assets/scss/print/_work.scss b/assets/scss/print/_work.scss
index 9495eb0..2189869 100644
--- a/assets/scss/print/_work.scss
+++ b/assets/scss/print/_work.scss
@@ -1,5 +1,9 @@
 .work {
-  margin-top: 75px;
+  margin-top: 24pt;
+}
+
+.work__header {
+  margin-bottom: 0.2rem;
 }
 
 .work__experience {
@@ -8,7 +12,26 @@
 
 // Style the Company name links in the PDF with thicker underline
 .job-position__company {
+  margin-top: 0.6rem;
+  font-size: 11pt;
   a:link, a:visited, a:hover, a:active {
-    text-decoration-thickness: 2px;
+    text-decoration-thickness: 1px;
   }
 }
+
+.job-position__title,
+.job-position__duration,
+.job-position__location {
+}
+
+.note {
+  max-width: 100%;
+}
+
+.tasks {
+  max-width: 90%;
+}
+
+.footnote {
+  font-size: 7pt;
+}
diff --git a/assets/scss/web/_base.scss b/assets/scss/web/_base.scss
index b2bbe02..d293dec 100644
--- a/assets/scss/web/_base.scss
+++ b/assets/scss/web/_base.scss
@@ -38,6 +38,7 @@ a:link, a:visited, a:hover, a:active {
 }
 
 .section-header {
+  font-size: 1.6rem;
   display: flex;
   flex-direction: row;
   margin-bottom: -0.3rem;
diff --git a/assets/scss/web/_header.scss b/assets/scss/web/_header.scss
index ae412d5..196afa0 100644
--- a/assets/scss/web/_header.scss
+++ b/assets/scss/web/_header.scss
@@ -3,17 +3,11 @@
   font-style: normal;
 }
 
-.header__language {
-  float: right;
-  margin-top: 1em;
-  margin-bottom: -0.3em;
-}
-
 .header__name {
   font-size: 3.3rem;
-  margin-bottom: -0.2em;
+  margin-bottom: -0.2rem;
   clear: right;
-  margin-top: 1.3em;
+  margin-top: 3.3rem;
   @media screen and (max-width: 780px) {
     font-size: 2rem;
   }
@@ -30,7 +24,7 @@
 .header__location {
   display: block;
   font-style: italic;
-  margin-bottom: 1em;
+  margin-bottom: 1rem;
 }
 
 .header__tel,
diff --git a/assets/scss/web/_projects.scss b/assets/scss/web/_projects.scss
index 236c4e3..54ebf07 100644
--- a/assets/scss/web/_projects.scss
+++ b/assets/scss/web/_projects.scss
@@ -9,13 +9,10 @@
 
 .project__title {
   margin-bottom: 0;
-  font-size: 1.1rem;
-
+  font-size: 1rem;
 }
 
 .project__content {
-  margin-left: 1.2em;
-  margin-right: 1.2em;
-  margin-top: 0.3em;
-  margin-bottom: 1.5em;
+  margin-top: 0;
+  margin-bottom: 1.5rem;
 }
diff --git a/assets/scss/web/_skills.scss b/assets/scss/web/_skills.scss
index 5ce9831..21e9ce3 100644
--- a/assets/scss/web/_skills.scss
+++ b/assets/scss/web/_skills.scss
@@ -21,11 +21,12 @@
 
 .skills__items {
   width: 80%;
-  margin-bottom: 0.1em;
+  margin-bottom: 0.1rem;
   margin-left: 25px;
+  font-size: 0.9rem;
 
   @media screen and (max-width: 780px) {
-    margin-bottom: 1em;
+    margin-bottom: 1rem;
     width: 100%;
   }
 }
diff --git a/assets/scss/web/_summary.scss b/assets/scss/web/_summary.scss
index 688945e..620f592 100644
--- a/assets/scss/web/_summary.scss
+++ b/assets/scss/web/_summary.scss
@@ -4,5 +4,5 @@
 
 .summary__content {
   text-align: justify;
-  margin-top: 1.5em;
+  margin-top: 1.5rem;
 }
diff --git a/assets/scss/web/_work.scss b/assets/scss/web/_work.scss
index 288ffef..c4d78d6 100644
--- a/assets/scss/web/_work.scss
+++ b/assets/scss/web/_work.scss
@@ -5,15 +5,12 @@
 }
 
 .work__experience {
-}
-
-.work__experience {
   &:after {
     display: flex;
     content: "";
     border-bottom: 1px solid;
     margin: auto;
-    max-width: 30%;
+    max-width: 75%;
   }
   &:last-of-type:after {
     // remove the extra horizontal line after the last work__experience
@@ -40,7 +37,7 @@
 .job-position__company {
   order: 0;
   margin-bottom: 0;
-  font-size: 1.4rem;
+  font-size: 1.2rem;
 }
 
 .job-position__title {
@@ -72,10 +69,17 @@
 }
 
 .note {
-  margin-top: 0.4em;
-  margin-bottom: 0.4em;
+  max-width: 93%;
+  margin-top: 0.6rem;
+  margin-bottom: 0.6rem;
 }
 
 .tasks {
-  margin-top: 0.4em;
+  max-width: 90%;
+  margin-top: 0.4rem;
+}
+
+.footnote {
+  margin-bottom: 0.8rem;
+  font-size: 0.8rem;
 }
diff --git a/data/home/work.yaml b/data/home/work.yaml
index 0b59d35..fca0e32 100644
--- a/data/home/work.yaml
+++ b/data/home/work.yaml
@@ -4,19 +4,19 @@ Work:
     Duration: Feb. 2022 - Aug. 2022
     Location: Berlin, Germany
     Note:
-      Working as part of the <b>Engineering Enablement</b> team, who provides infrastructure, internal tooling, docs,
-      CloudFoundry platform, and Kubernetes clusters, to help the development teams with their daily tasks.
+      Worked as part of the <b>Engineering Enablement</b> team, who provides infrastructure, internal tooling, docs,
+      CloudFoundry platform, and Kubernetes clusters, to help the development teams with their daily tasks and provide
+      them with a nice UX. These included&colon;
     Tasks:
-      - Worked on internal <a href="https://github.com/springernature/halfpipe">(halfpipe)</a>
+      - Workin on internal <a href="https://github.com/springernature/halfpipe">(halfpipe)</a>
         tooling for building CI/CD pipelines on Github actions and Concourse.
-      - Implemented reusable GitHub Actions workflows for deploying to CloudFoundry, Kubernetes, and Docker Registries.
-      - Implemented tooling to show and report Kubernetes deployment status (from CI/CD) to respective teams,
-        and notify them on failure.
-      - Implemented alert-routing service, to integrate with Prometheus
-        <a href="https://prometheus.io/docs/alerting/latest/alertmanager/">alert-manager</a>.
-        And sends alerts to different teams/projects, and preconfigured Slack channels or emails.
-      - Maintained team docs used by other development teams, to integrate with and use internal platforms.
-      - Maintained terraform-provisioned infrastructure of different parts of the platforms.
+      - Implementing reusable GitHub Actions workflows for deploying to CloudFoundry, Kubernetes, and Docker Registries.
+      - Implementing tooling to show and report Kubernetes deployment status (from CI/CD) to respective teams.
+      - Implementing alert-routing service, to integrate with Prometheus
+        <a href="https://prometheus.io/docs/alerting/latest/alertmanager/">alert-manager</a>,
+        and sending alerts to different teams/projects, and preconfigured communication channels.
+      - Maintaining the team docs used by other development teams, to integrate with and use internal platforms.
+      - Maintaining terraform-provisioned infrastructure.
 
   - Company: <a href="https://sapera.com/">Sapera GmbH.</a>
     Title: Senior Developer/DevOps
@@ -59,14 +59,15 @@ Work:
     Title: Full Stack Developer
     Duration: Jul. 2015 - Feb. 2016
     Location: Berlin, Germany
-    Note: Was acquired by <a href="https://airnow.com/">Airnow Data Ltd.</a>
     Tasks:
       - Maintained the Rails web (dashboard) app.
       - Optimized the scraping process of getting the data from Apple and GooglePlay stores.
-      - Reimplemented the queueing and monitoring around the scrapers.
+      - Reimplemented the scraping process completely to be 8-10 times faster.
+      - Reimplemented the queueing and monitoring around the scrapers for stability.
       - Migrated acquired data from different resources to Google BigQuery.
       - Maintained and provisioned different purpose VM instances on Google Cloud Platform (using chef).
-      - Reimplemented the “Extract” step in the ETL process (using an API based crawler instead of phantomJS browser).
+    FootNote: |
+      [2] Was acquired by <a href="https://airnow.com/">Airnow Data Ltd.</a>
 
   - Company: AskNative
     Title: Backend Developer/DevOps
@@ -77,5 +78,4 @@ Work:
       - Implemented events booking feature via Stripe.
       - Reimplemented caching for better response times.
       - Maintained the Heroku stacks for staging/production.
-      - Reimplemented large portions of the API to follow better design patterns
-        (Hexagonal Architecture, and <abbr title="Publish-Subscribe">Pub/Sub</abbr> pattern).
+      - Reimplemented large portions of the API to follow design patterns.
diff --git a/layouts/partials/home/work.html b/layouts/partials/home/work.html
index 4af88dc..c3e38be 100644
--- a/layouts/partials/home/work.html
+++ b/layouts/partials/home/work.html
@@ -14,7 +14,7 @@
           <li>{{ . | safeHTML }}</li>
         {{ end }}
       </ul>
-      <p class="note">{{ .FootNote | safeHTML }}</p>
+      <p class="footnote">{{ .FootNote | safeHTML }}</p>
     </article>
   {{ end }}
 </article>