Update CSS & README

7 files changed, 68 insertions, 67 deletions

diff --git a/README.md b/README.md
index e3b3f8c..c435d28 100644
--- a/README.md
+++ b/README.md
@@ -1,9 +1,3 @@
-# !! Breaking Changes !!
-
-Thanks to [@raphendyr](https://gitlab.com/raphendyr), we can now add more than one page and change order of the sections. Also, there are tons of refactoring which made the theme more modular.
-
-**If you are already using a previous version of the theme, you will get an ERROR** after this update. Don't worry. The solution is very easy. You just need to edit ```projects.yaml```, ```features.yaml``` and ```config.yaml``` since their structure has changed. After that, all should be fine.
-
 # Features
 
 * Simple, easy to use, single or multi page, A4-sized Resume generator.
@@ -51,11 +45,18 @@ git submodule add https://gitlab.com/mertbakir/resume-a4.git themes/resume-a4
 Copy the ```\assets``` folder under the ```exampleSite``` directory if you like to make simple modifications.
 ### Avatar
 
-Set avatar link in `config.yaml`, you may keep the image under `static` folder.
+Set avatar link in `config.yaml`, you may keep the image under `static` folder. You can set it as ```false``` if you don't want to add a picture.
+
 ### Publications
 
 You can change `style` of the `publications` feature in the config file. There are options for APA and IEEE standards. Report me on gitlab or send a merge requests if standarts are erroneous. I'm no expert on citation standarts.
 
+## Print | Save As PDF
+
+There is a snippet in the ```exampleSite\assets\custom.scss``` file for printing the href attribute. It's not included as default. Because "save as pdf" is way more common usage than a hard copy. Also, I wouldn't prefer printing a long url on a hard copy.
+
+If you don't like the result of "save as pdf" in Mozilla Firefox, try Chrome or a Chromium-based browser. Probably, because Firefox doesn't support [this](https://developer.mozilla.org/en-US/docs/Web/CSS/%40page/size).
+
 # License
 
 This project is open-sourced and licensed under the terms of the MIT license. I would be happy though, if you give attribution. <3
diff --git a/assets/css/_layout.scss b/assets/css/_layout.scss
index b1bd8ee..b9b3388 100644
--- a/assets/css/_layout.scss
+++ b/assets/css/_layout.scss
@@ -66,6 +66,7 @@ main.paper {
   header {
     grid-area: 1 / 1 / 2 / 8;
     border-bottom: $border-color 0.05rem solid;
+    height: 12.75rem;
 
     .title {
       display: flex;
diff --git a/assets/css/_print.scss b/assets/css/_print.scss
index ed9e608..e1fa6b7 100644
--- a/assets/css/_print.scss
+++ b/assets/css/_print.scss
@@ -1,57 +1,33 @@
 /* Print */
 
 @media print {
-    @page {
-      size: A4;
-      margin: 0;
-    }
-
-    html, body {
-        background: #fff;
-        margin: 0;
-        padding: 0;
-    }
+  @page {
+    size: A4;
+    margin: 0;
+  }
 
-    .paper, main.paper {
+  html, body {
+      background: #fff;
       margin: 0;
-      width: 210mm;
-      height: 297mm;
-      overflow: hidden;
-      -moz-box-shadow: none;
-      -webkit-box-shadow: none;
-      box-shadow: none;
-      page-break-after: always;
-    }
-
-    a {
-      text-decoration: none;
-
-      &:not(.non-existing)::after {
-        content: " (" attr(href) ")";
-        margin: 0;
-        font-weight: 400;
-        font-size: 0.75rem;
-        color: scale-color($text-color, $lightness: 30%);
-      }
-
-      .item-title & {
-        &::after {
-          content: attr(href);
-          display: block;
-          margin: 0;
-        }
-      }
-
-      .section-publications & {
-        &::after {
-          content: attr(href);
-          display: block;
-          margin: 0 0.75rem;
-        }
-      }
-    }
-
-    footer {
-      display: none;
-    }
-}
+      padding: 0;
+  }
+
+  .paper, main.paper {
+    margin: 0;
+    width: 210mm;
+    height: 297mm;
+    overflow: hidden;
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    page-break-after: always;
+  }
+
+  a {
+    text-decoration: none;
+  }
+
+  footer {
+    display: none;
+  }
+}
\ No newline at end of file
diff --git a/assets/css/_section.scss b/assets/css/_section.scss
index 1affef6..7eba95d 100644
--- a/assets/css/_section.scss
+++ b/assets/css/_section.scss
@@ -11,13 +11,9 @@
 }
 
 .section-title {
-  border-left: solid 0.4rem $text-color;
-  padding-left: 0.5rem;
+  border-left: solid 0.35rem $text-color;
+  padding-left: 0.4rem;
   font-family: $font-1;
-
-  .right-column & {
-    border-left: solid 0.3rem $text-color;
-  }
 }
 
 .item {
diff --git a/exampleSite/assets/css/custom.scss b/exampleSite/assets/css/custom.scss
index ef7d192..2f161c0 100644
--- a/exampleSite/assets/css/custom.scss
+++ b/exampleSite/assets/css/custom.scss
@@ -16,4 +16,33 @@ main.paper {
 
 .job_title {
   // font-style: italic;
+}
+
+@media print {
+  a {
+    // use if you want to print the url
+    &:not(.non-existing)::after {
+      content: " (" attr(href) ")";
+      margin: 0;
+      font-weight: 400;
+      font-size: 0.75rem;
+      color: scale-color($text-color, $lightness: 30%);
+    }
+
+    .item-title & {
+      &::after {
+        content: attr(href);
+        display: block;
+        margin: 0;
+      }
+    }
+
+    .section-publications & {
+      &::after {
+        content: attr(href);
+        display: block;
+        margin: 0 0.75rem;
+      }
+    }
+  }
 }
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/css/main.scss_48b060fe05b0a273d182ef83c0605941.content b/resources/_gen/assets/scss/css/main.scss_48b060fe05b0a273d182ef83c0605941.content
deleted file mode 100644
index a66b75d..0000000
--- a/resources/_gen/assets/scss/css/main.scss_48b060fe05b0a273d182ef83c0605941.content
+++ /dev/null
@@ -1 +0,0 @@
-*{margin:0;padding:0}body{background:#fff;color:#202020;font-family:pt sans,ibm plex sans,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:#202020}a i{padding:0 .2rem 0 .25rem}a:hover{text-decoration:underline}a:not(.no-external-icon)::after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);margin:0 .2rem 0 .25rem}li{list-style-type:square;padding-left:0;list-style-position:inside;margin:.5rem 0}*::-webkit-scrollbar{width:12px;height:8px}*::-webkit-scrollbar-thumb{background-color:#b56b00;outline:1px solid #b56b00}*::-webkit-scrollbar-track{background-color:#ffe1b5}::selection{background:#b56b00;color:#fff}::-moz-selection{background:#b56b00;color:#fff}.paper{position:relative;margin:.5rem auto;padding:.45in .5in;width:210mm;height:297mm;background-color:#fff;-webkit-box-shadow:.2rem .2rem .6rem #aaa;-moz-box-shadow:.2rem .2rem .6rem #aaa;box-shadow:.2rem .2rem .6rem #aaa;box-sizing:border-box;font-size:.88rem}.paper h1,.paper h2,.paper h3{line-height:1.2}.paper h1{margin-bottom:.8rem;font-size:1.5rem}.paper h2{margin-bottom:.4rem;font-size:1.1rem}.paper h3{margin-bottom:.2rem;font-size:1rem}.paper p{margin:.5rem 0;font-size:.88rem;line-height:1.5;text-align:justify}.paper>*:first-child{margin-top:0}main.paper{margin-top:2.5rem;padding-top:0}main.paper .grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);grid-column-gap:0;grid-row-gap:0}main.paper .grid .flex-row{display:flex;flex-direction:row;justify-content:space-between}main.paper header{grid-area:1/1/2/8;border-bottom:#bfbfbf .05rem solid}main.paper header .title{display:flex;flex-direction:column;justify-content:center;font-family:pt sans,ibm plex sans,arial,sans-serif}main.paper header .title h1{margin-bottom:.4rem;font-size:4rem;color:#202020;letter-spacing:.15rem;text-transform:uppercase}main.paper header .title h2{margin-bottom:.3rem;font-size:1rem}main.paper header .avatar{display:block;margin:1rem auto;padding:1rem;object-fit:cover;height:8.75rem;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}main.paper header a i{padding:0}main.paper .left-column,main.paper .right-column{margin-top:.75rem}main.paper .left-column>*:first-child,main.paper .left-column>*:first-child>*:first-child,main.paper .right-column>*:first-child,main.paper .right-column>*:first-child>*:first-child{margin-top:0}main.paper .left-column{grid-area:2/1/7/6;display:flex;flex-direction:column;justify-content:flex-start;border-right:#bfbfbf .05rem solid;padding-right:1rem}main.paper .right-column{grid-area:2/6/7/8;display:flex;flex-direction:column;justify-content:flex-start;margin-left:.5rem}main.paper .right-column li{list-style-type:none;padding:0}main.paper .right-column h1{margin-bottom:.5rem;font-size:1.2rem}main.paper .right-column h2{margin-bottom:.2rem;font-size:1rem}main.paper .right-column h3{margin-bottom:.1rem;font-size:.8rem}main.paper .right-column p{font-size:.8rem;line-height:1.3}.section{margin-bottom:1.5rem}.section>*:last-child{margin-bottom:0}.right-column .section{margin-bottom:1rem}.section-title{border-left:solid .4rem #202020;padding-left:.5rem;font-family:pt sans,ibm plex sans,arial,sans-serif}.right-column .section-title{border-left:solid .3rem #202020}.item{margin-bottom:.6rem}.item dl dt{display:inline;font-weight:600}.item dl dt::after{content:': '}.item dl dd{display:inline}.item dl dd:not(:last-child)::after{content:"";display:block;margin-bottom:.4em}.item dl dd *:not(:last-child)::after{content:"; ";margin-right:.25rem}.item.group .item{margin-top:0}.item-title{font-weight:600;margin-bottom:2px}.item-info{font-weight:400;font-size:14px}.job-title{font-size:14px}.date{color:#636363}main.paper .right-column .section-education h2,main.paper .left-column .section-education h2,.paper .section-education h2{margin-bottom:0;font-size:1rem}main.paper .right-column .section-languages .item,main.paper .left-column .section-languages .item,.paper .section-languages .item{margin-bottom:.4rem}main.paper .right-column .section-languages h2,main.paper .left-column .section-languages h2,.paper .section-languages h2{margin-bottom:.1rem;font-size:.9rem;line-height:1.1}main.paper .right-column .section-languages h2 span,main.paper .left-column .section-languages h2 span,.paper .section-languages h2 span{font-weight:400;font-size:.8rem}footer{width:8.25in;margin:36px auto;text-align:center;display:flex;flex-flow:column}footer .footer-item{margin-bottom:.5rem}footer .footer-item a{color:#e30a17;padding:0 4px}footer .footer-item a span{font-weight:700}footer .footer-item a:hover{color:#fff;background-color:#e30a17;text-decoration:none;transition:all .35s ease-out;transition-property:all .35s ease-out;-webkit-transition-property:all .35s ease-out;-moz-transition-property:all .35s ease-out;-o-transition-property:all .35s ease-out}footer .footer-item .footer-link:not(:last-child)::after{content:"\00B7"}@media print{@page{size:A4;margin:0}html,body{background:#fff;margin:0;padding:0}.paper,main.paper{margin:0;width:210mm;height:297mm;overflow:hidden;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;page-break-after:always}a{text-decoration:none}a:not(.non-existing)::after{content:" (" attr(href)")";margin:0;font-weight:400;font-size:.75rem;color:#636363}.item-title a::after{content:attr(href);display:block;margin:0}.section-publications a::after{content:attr(href);display:block;margin:0 .75rem}footer{display:none}}
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/css/main.scss_48b060fe05b0a273d182ef83c0605941.json b/resources/_gen/assets/scss/css/main.scss_48b060fe05b0a273d182ef83c0605941.json
deleted file mode 100644
index 06d7b1d..0000000
--- a/resources/_gen/assets/scss/css/main.scss_48b060fe05b0a273d182ef83c0605941.json
+++ /dev/null
@@ -1 +0,0 @@
-{"Target":"css/main.min.ce35efa31d5a9b210d2d8611078223c82ed49d6f51a468abfe9c6445cabc56ef.css","MediaType":"text/css","Data":{"Integrity":"sha256-zjXvox1amyENLYYRB4IjyC7UnW9RpGir/pxkRcq8Vu8="}}
\ No newline at end of file