From 807c6187897d86867877128d1a085719d8cc3622 Mon Sep 17 00:00:00 2001 From: Ahmed Abdelhalim Date: Mon, 6 Jun 2022 23:17:20 +0200 Subject: Squashed commit of the following: commit 026e3956264da51ce35234f0dfba0f14205321c9 Author: a14m Date: Mon Jun 6 20:03:31 2022 +0200 Better styling to work on iOS and links commit fa4c6cb335874f3a3da2f071d0973c4d9f413516 Author: a14m Date: Mon Jun 6 16:19:52 2022 +0200 Update meta information for SEO and introduction paragraph commit 81b73232661e45167a25f3909edd8062b8e37e59 Author: a14m Date: Sun Jun 5 19:19:04 2022 +0200 Add styling spaces (margins) for better looking print Also allows flexibility of controlling the spaces later commit 1382bf636b23e99d7a1815903c81f16ea622f0c3 Author: a14m Date: Sun Jun 5 19:14:15 2022 +0200 Add the SN job description and tasks commit 0089eca138c6037a0ceedff86ac991a9688f9ab9 Author: a14m Date: Sun Jun 5 17:59:42 2022 +0200 Add styling for work__experience separator commit d3cba473d7c33dddd1fbf42e898123dc0f1069c0 Author: a14m Date: Sun Jun 5 16:41:41 2022 +0200 Update the header sections to reflect the current skills/job title --- app/stylesheets/print/education.styl | 1 + app/stylesheets/print/projects.styl | 6 +++++- app/stylesheets/print/skills.styl | 4 ++++ app/stylesheets/print/work.styl | 12 ++++++++++++ app/stylesheets/web/work.styl | 14 ++++++++++++++ 5 files changed, 36 insertions(+), 1 deletion(-) (limited to 'app/stylesheets') diff --git a/app/stylesheets/print/education.styl b/app/stylesheets/print/education.styl index c3d6fd8..ebefd27 100644 --- a/app/stylesheets/print/education.styl +++ b/app/stylesheets/print/education.styl @@ -1,6 +1,7 @@ .education { // avoid page breaks inside the education section page-break-inside: avoid + margin-top: 75px // remove the extra space added for the website margin-bottom: 0 } diff --git a/app/stylesheets/print/projects.styl b/app/stylesheets/print/projects.styl index 8ab284c..be9dd75 100644 --- a/app/stylesheets/print/projects.styl +++ b/app/stylesheets/print/projects.styl @@ -1,3 +1,7 @@ -.project { +.projects { + margin-top: 75px page-break-inside: avoid } + +.project { +} diff --git a/app/stylesheets/print/skills.styl b/app/stylesheets/print/skills.styl index 57c51fa..e5bba67 100644 --- a/app/stylesheets/print/skills.styl +++ b/app/stylesheets/print/skills.styl @@ -1,3 +1,7 @@ +.skills { + margin-top: 75px +} + .skills__content { margin-top: 1.5em } diff --git a/app/stylesheets/print/work.styl b/app/stylesheets/print/work.styl index 4e8a9be..2b57f74 100644 --- a/app/stylesheets/print/work.styl +++ b/app/stylesheets/print/work.styl @@ -1,3 +1,15 @@ +.work { + margin-top: 75px + margin-bottom: 180px +} + .work__experience { page-break-inside: avoid } + +// Style the Company name links in the PDF with thicker underline +.job-position__company { + a:link, a:visited, a:hover, a:active { + text-decoration-thickness: 2px + } +} diff --git a/app/stylesheets/web/work.styl b/app/stylesheets/web/work.styl index caa127d..a989349 100644 --- a/app/stylesheets/web/work.styl +++ b/app/stylesheets/web/work.styl @@ -7,6 +7,20 @@ .work__experience { } +.work__experience { + &:after { + display: flex + content: "" + border-bottom: 1px solid + margin: auto + max-width: 30% + } + &:last-of-type:after { + // remove the extra horizontal line after the last work__experience + display: none + } +} + .job-position { display: flex flex-flow: row wrap -- cgit v1.2.3