From c140d401bbc8d8edba6ac70de1630a40f60c8c06 Mon Sep 17 00:00:00 2001 From: mertbakir <2335694-mertbakir@users.noreply.gitlab.com> Date: Sat, 23 Oct 2021 02:39:32 +0300 Subject: [PATCH] Update CSS & README --- README.md | 15 ++-- assets/css/_layout.scss | 1 + assets/css/_print.scss | 76 +++++++------------ assets/css/_section.scss | 8 +- exampleSite/assets/css/custom.scss | 29 +++++++ ...s_48b060fe05b0a273d182ef83c0605941.content | 1 - ...scss_48b060fe05b0a273d182ef83c0605941.json | 1 - 7 files changed, 66 insertions(+), 65 deletions(-) delete mode 100644 resources/_gen/assets/scss/css/main.scss_48b060fe05b0a273d182ef83c0605941.content delete mode 100644 resources/_gen/assets/scss/css/main.scss_48b060fe05b0a273d182ef83c0605941.json 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; + @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; + } +} \ 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