Update CSS & README

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

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;

assets/css/_print.scss

@@ -1,57 +1,33 @@
 /* Print */
 
 @media print {
-    @page {
-      size: A4;
+  @page {
+    size: A4;
+    margin: 0;
+  }
+
+  html, body {
+      background: #fff;
       margin: 0;
-    }
+      padding: 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;
+  }
 
-    .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 {
-      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;
-    }
-}
+  footer {
+    display: none;
+  }
+}

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 {

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;
+      }
+    }
+  }
 }

resources/_gen/assets/scss/css/main.scss_48b060fe05b0a273d182ef83c0605941.json

@@ -1 +0,0 @@
-{"Target":"css/main.min.ce35efa31d5a9b210d2d8611078223c82ed49d6f51a468abfe9c6445cabc56ef.css","MediaType":"text/css","Data":{"Integrity":"sha256-zjXvox1amyENLYYRB4IjyC7UnW9RpGir/pxkRcq8Vu8="}}