diff options
author | Ines Almeida <ines.almeida@perspectum.com> | 2020-08-29 14:16:29 +0300 |
---|---|---|
committer | Ines Almeida <ines.almeida@perspectum.com> | 2020-08-29 14:16:29 +0300 |
commit | 1ddc9113f8afe047cd8c342dfc1fcadb8828c9e0 (patch) | |
tree | 532bfd8ec55606e14c7012bffbb21c2b7d6cf321 | |
parent | 4eb7c332cd08ca8b95837e16ab519b17647cffc4 (diff) |
add more customization
21 files changed, 110 insertions, 661 deletions
diff --git a/assets/css/style.comp.css b/assets/css/style.comp.css deleted file mode 100644 index 07e1c34..0000000 --- a/assets/css/style.comp.css +++ /dev/null @@ -1,268 +0,0 @@ -.content { - position: absolute; - overflow: hidden; } - .content__left { - float: left; - width: 70%; - height: 100%; - padding: 3rem 4rem; } - .content__right { - position: absolute; - float: right; - width: 29%; - background-color: #f5f5f5; - height: 100%; - padding: 2rem 3rem; - right: 1rem; - -webkit-box-shadow: 0.5rem 1rem 1.5rem rgba(102, 102, 102, 0.15); - -moz-box-shadow: 0.5rem 1rem 1.5rem rgba(102, 102, 102, 0.15); - box-shadow: 0.5rem 1rem 1.5rem rgba(102, 102, 102, 0.15); } - -*, -*::after, -*::before { - margin: 0; - padding: 0; - box-sizing: inherit; } - -html { - font-size: 62.5%; - background-color: #ddd; } - @media print { - html { - background-color: #fff; } } - -.content { - width: 80rem; - min-height: 113.16129rem; - background-color: #fff; } - @media screen and (min-width: 60rem) { - .content { - margin: 6rem 0; - -webkit-box-shadow: 1rem 2rem 3rem rgba(102, 102, 102, 0.3); - -moz-box-shadow: 1rem 2rem 3rem rgba(102, 102, 102, 0.3); - box-shadow: 1rem 2rem 3rem rgba(102, 102, 102, 0.3); - position: absolute; - left: 50%; - transform: translateX(-50%); } } - @media print { - .content { - margin: 0; } } - -body { - box-sizing: border-box; } - -@media print { - @page { - margin: 0; - size: A4; } } - -::selection { - color: #fff; - background-color: rgba(213, 158, 147, 0.6); } - -body { - font-family: "Roboto", sans-serif; - font-weight: 300; - line-height: 1.7; - font-size: 1.12rem; - color: #666; } - -.mainHeading { - text-transform: uppercase; - font-size: 5rem; - color: #aaa; } - .mainHeading span { - color: #e3bfb8; } - -.section__title { - font-size: 2.1rem; - color: #aaa; } - -h1, h2 { - text-transform: uppercase; - font-family: "Oswald", sans-serif; } - -.section { - display: block; - margin-bottom: 2rem; } - .section__heading { - width: 100%; - overflow: hidden; } - .section__title { - position: relative; } - .section__title::after { - content: ""; - position: absolute; - border-top: 1px solid; - border-bottom: 1px solid; - border-color: #aaa; - width: 50rem; - height: 4px; - margin-left: 1.5rem; - margin-top: 1.5rem; - transition: all 0.5s ease-in-out; } - .section__title:hover::after { - border-color: #e3bfb8; } - -.sideSection { - display: block; - margin-bottom: 3rem; } - .sideSection__heading { - width: 100%; - overflow: hidden; - text-align: center; - margin-bottom: 1rem; } - .sideSection__title { - position: relative; } - .sideSection__title::after, .sideSection__title::before { - content: ""; - position: absolute; - border-top: 1px solid #aaa; - border-bottom: 1px solid #aaa; - width: 10rem; - height: 4px; - margin-top: 1.1rem; } - .sideSection__title::after { - margin-left: 1rem; } - .sideSection__title::before { - margin-left: -11rem; } - .sideSection li { - list-style: none; } - -.experience__item { - display: block; - margin-bottom: 1.5rem; } - -.experience__header, .experience__subheader { - display: block; - width: 100%; - height: 2.4rem; } - -.experience__job { - position: relative; - transition: transform 0.2s ease-in-out; } - .experience__job:hover { - transform: translateX(0.5rem); } - -.experience__company, .experience__position { - text-align: left; - width: 70%; - float: left; } - -.experience__company { - color: #999; } - -.experience__position { - text-transform: uppercase; - font-size: 1.3rem; - color: #666; } - -.experience__date, .experience__place { - float: right; - text-align: right; - width: 30%; - color: #aaa; } - -.experience__date { - font-weight: 400; } - -.experience__place::before { - font-family: 'Material Icons'; - color: #e3bfb8; - font-size: 1.4rem; - content: "place"; - display: inline-block; - padding-right: 3px; - vertical-align: middle; - font-weight: 900; } - -.experience__bullet { - list-style-position: inside; } - -.experience__badges { - display: block; - text-align: right; - margin-top: 0.5rem; - margin-bottom: 0.5rem; } - -.experience__badge { - font-size: 0.9rem; - font-weight: 400; - display: inline-block; - background-color: #e3bfb8; - color: white; - border-radius: 1rem; - padding: 0.1rem 0.6rem; } - -.contact { - line-height: 2rem; } - .contact__item { - position: relative; - font-size: 1rem; } - .contact__item > i { - background-color: #e3bfb8; - font-size: 1rem; - color: white; - text-align: center; - border-radius: 50%; - padding-top: 0.5rem; - width: 2rem; - height: 2rem; - margin-right: 0.5rem; - margin-bottom: 0.5rem; } - .contact__item > span { - position: absolute; - top: 50%; - transform: translateY(-50%); } - -.avatar { - display: block; } - .avatar__img { - object-fit: cover; - width: 100%; - overflow: hidden; - border-radius: 50%; } - .avatar__img:hover { - size: 110%; } - -.skills__group span { - font-weight: 700; - display: inline-block; } - .skills__group span::after { - content: ":"; } - .skills__group span:hover ~ li { - background-color: #e3bfb8; - color: #fff; } - -.skills__group li { - display: inline-block; - font-weight: 400; - transition: all 0.2s ease-in-out; - padding: 0 1px; - border-radius: 2px; } - .skills__group li:not(:last-child)::after { - content: ", "; } - .skills__group li:hover { - background-color: #e3bfb8; - color: #fff; } - -.language__item { - display: table; - width: 100%; } - -.language__name, .language__level { - display: table-cell; - width: 50%; } - -.language__level { - text-align: right; } - -.interests { - display: block; - -moz-column-count: 2; - column-count: 2; - width: 100%; - text-align: right; } - .interests__item:nth-child(n+4) { - text-align: left; } diff --git a/assets/css/style.css b/assets/css/style.css deleted file mode 100644 index 537bf93..0000000 --- a/assets/css/style.css +++ /dev/null @@ -1 +0,0 @@ -.content{position:absolute;overflow:hidden}.content__left{float:left;width:70%;height:100%;padding:3rem 4rem}.content__right{position:absolute;float:right;width:29%;background-color:#f5f5f5;height:100%;padding:2rem 3rem;right:1rem;-webkit-box-shadow:0.5rem 1rem 1.5rem rgba(102,102,102,0.15);box-shadow:0.5rem 1rem 1.5rem rgba(102,102,102,0.15)}*,*::after,*::before{margin:0;padding:0;-webkit-box-sizing:inherit;box-sizing:inherit}html{font-size:62.5%;background-color:#ddd}@media print{html{background-color:#fff}}.content{width:80rem;min-height:113.16129rem;background-color:#fff}@media screen and (min-width: 60rem){.content{margin:6rem 0;-webkit-box-shadow:1rem 2rem 3rem rgba(102,102,102,0.3);box-shadow:1rem 2rem 3rem rgba(102,102,102,0.3);position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media print{.content{margin:0}}body{-webkit-box-sizing:border-box;box-sizing:border-box}@media print{@page{margin:0;size:A4}}::-moz-selection{color:#fff;background-color:rgba(213,158,147,0.6)}::selection{color:#fff;background-color:rgba(213,158,147,0.6)}body{font-family:"Roboto", sans-serif;font-weight:300;line-height:1.7;font-size:1.12rem;color:#666}.mainHeading{text-transform:uppercase;font-size:5rem;color:#aaa}.mainHeading span{color:#e3bfb8}.section__title{font-size:2.1rem;color:#aaa}h1,h2{text-transform:uppercase;font-family:"Oswald", sans-serif}.section{display:block;margin-bottom:2rem}.section__heading{width:100%;overflow:hidden}.section__title{position:relative}.section__title::after{content:"";position:absolute;border-top:1px solid;border-bottom:1px solid;border-color:#aaa;width:50rem;height:4px;margin-left:1.5rem;margin-top:1.5rem;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.section__title:hover::after{border-color:#e3bfb8}.sideSection{display:block;margin-bottom:3rem}.sideSection__heading{width:100%;overflow:hidden;text-align:center;margin-bottom:1rem}.sideSection__title{position:relative}.sideSection__title::after,.sideSection__title::before{content:"";position:absolute;border-top:1px solid #aaa;border-bottom:1px solid #aaa;width:10rem;height:4px;margin-top:1.1rem}.sideSection__title::after{margin-left:1rem}.sideSection__title::before{margin-left:-11rem}.sideSection li{list-style:none}.experience__item{display:block;margin-bottom:1.5rem}.experience__header,.experience__subheader{display:block;width:100%;height:2.4rem}.experience__job{position:relative;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}.experience__job:hover{-webkit-transform:translateX(0.5rem);transform:translateX(0.5rem)}.experience__company,.experience__position{text-align:left;width:70%;float:left}.experience__company{color:#999}.experience__position{text-transform:uppercase;font-size:1.3rem;color:#666}.experience__date,.experience__place{float:right;text-align:right;width:30%;color:#aaa}.experience__date{font-weight:400}.experience__place::before{font-family:'Material Icons';color:#e3bfb8;font-size:1.4rem;content:"place";display:inline-block;padding-right:3px;vertical-align:middle;font-weight:900}.experience__bullet{list-style-position:inside}.experience__badges{display:block;text-align:right;margin-top:0.5rem;margin-bottom:0.5rem}.experience__badge{font-size:0.9rem;font-weight:400;display:inline-block;background-color:#e3bfb8;color:white;border-radius:1rem;padding:0.1rem 0.6rem}.contact{line-height:2rem}.contact__item{position:relative;font-size:1rem}.contact__item>i{background-color:#e3bfb8;font-size:1rem;color:white;text-align:center;border-radius:50%;padding-top:0.5rem;width:2rem;height:2rem;margin-right:0.5rem;margin-bottom:0.5rem}.contact__item>span{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.avatar{display:block}.avatar__img{-o-object-fit:cover;object-fit:cover;width:100%;overflow:hidden;border-radius:50%}.avatar__img:hover{size:110%}.skills__group span{font-weight:700;display:inline-block}.skills__group span::after{content:":"}.skills__group span:hover ~ li{background-color:#e3bfb8;color:#fff}.skills__group li{display:inline-block;font-weight:400;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;padding:0 1px;border-radius:2px}.skills__group li:not(:last-child)::after{content:", "}.skills__group li:hover{background-color:#e3bfb8;color:#fff}.language__item{display:table;width:100%}.language__name,.language__level{display:table-cell;width:50%}.language__level{text-align:right}.interests{display:block;-moz-column-count:2;-webkit-column-count:2;column-count:2;width:100%;text-align:right}.interests__item:nth-child(n+4){text-align:left} diff --git a/assets/css/style.prefix.css b/assets/css/style.prefix.css deleted file mode 100644 index 6b3688a..0000000 --- a/assets/css/style.prefix.css +++ /dev/null @@ -1,284 +0,0 @@ -.content { - position: absolute; - overflow: hidden; } - .content__left { - float: left; - width: 70%; - height: 100%; - padding: 3rem 4rem; } - .content__right { - position: absolute; - float: right; - width: 29%; - background-color: #f5f5f5; - height: 100%; - padding: 2rem 3rem; - right: 1rem; - -webkit-box-shadow: 0.5rem 1rem 1.5rem rgba(102, 102, 102, 0.15); - box-shadow: 0.5rem 1rem 1.5rem rgba(102, 102, 102, 0.15); } - -*, -*::after, -*::before { - margin: 0; - padding: 0; - -webkit-box-sizing: inherit; - box-sizing: inherit; } - -html { - font-size: 62.5%; - background-color: #ddd; } - @media print { - html { - background-color: #fff; } } - -.content { - width: 80rem; - min-height: 113.16129rem; - background-color: #fff; } - @media screen and (min-width: 60rem) { - .content { - margin: 6rem 0; - -webkit-box-shadow: 1rem 2rem 3rem rgba(102, 102, 102, 0.3); - box-shadow: 1rem 2rem 3rem rgba(102, 102, 102, 0.3); - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); } } - @media print { - .content { - margin: 0; } } - -body { - -webkit-box-sizing: border-box; - box-sizing: border-box; } - -@media print { - @page { - margin: 0; - size: A4; } } - -::-moz-selection { - color: #fff; - background-color: rgba(213, 158, 147, 0.6); } - -::selection { - color: #fff; - background-color: rgba(213, 158, 147, 0.6); } - -body { - font-family: "Roboto", sans-serif; - font-weight: 300; - line-height: 1.7; - font-size: 1.12rem; - color: #666; } - -.mainHeading { - text-transform: uppercase; - font-size: 5rem; - color: #aaa; } - .mainHeading span { - color: #e3bfb8; } - -.section__title { - font-size: 2.1rem; - color: #aaa; } - -h1, h2 { - text-transform: uppercase; - font-family: "Oswald", sans-serif; } - -.section { - display: block; - margin-bottom: 2rem; } - .section__heading { - width: 100%; - overflow: hidden; } - .section__title { - position: relative; } - .section__title::after { - content: ""; - position: absolute; - border-top: 1px solid; - border-bottom: 1px solid; - border-color: #aaa; - width: 50rem; - height: 4px; - margin-left: 1.5rem; - margin-top: 1.5rem; - -webkit-transition: all 0.5s ease-in-out; - transition: all 0.5s ease-in-out; } - .section__title:hover::after { - border-color: #e3bfb8; } - -.sideSection { - display: block; - margin-bottom: 3rem; } - .sideSection__heading { - width: 100%; - overflow: hidden; - text-align: center; - margin-bottom: 1rem; } - .sideSection__title { - position: relative; } - .sideSection__title::after, .sideSection__title::before { - content: ""; - position: absolute; - border-top: 1px solid #aaa; - border-bottom: 1px solid #aaa; - width: 10rem; - height: 4px; - margin-top: 1.1rem; } - .sideSection__title::after { - margin-left: 1rem; } - .sideSection__title::before { - margin-left: -11rem; } - .sideSection li { - list-style: none; } - -.experience__item { - display: block; - margin-bottom: 1.5rem; } - -.experience__header, .experience__subheader { - display: block; - width: 100%; - height: 2.4rem; } - -.experience__job { - position: relative; - -webkit-transition: -webkit-transform 0.2s ease-in-out; - transition: -webkit-transform 0.2s ease-in-out; - transition: transform 0.2s ease-in-out; - transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } - .experience__job:hover { - -webkit-transform: translateX(0.5rem); - transform: translateX(0.5rem); } - -.experience__company, .experience__position { - text-align: left; - width: 70%; - float: left; } - -.experience__company { - color: #999; } - -.experience__position { - text-transform: uppercase; - font-size: 1.3rem; - color: #666; } - -.experience__date, .experience__place { - float: right; - text-align: right; - width: 30%; - color: #aaa; } - -.experience__date { - font-weight: 400; } - -.experience__place::before { - font-family: 'Material Icons'; - color: #e3bfb8; - font-size: 1.4rem; - content: "place"; - display: inline-block; - padding-right: 3px; - vertical-align: middle; - font-weight: 900; } - -.experience__bullet { - list-style-position: inside; } - -.experience__badges { - display: block; - text-align: right; - margin-top: 0.5rem; - margin-bottom: 0.5rem; } - -.experience__badge { - font-size: 0.9rem; - font-weight: 400; - display: inline-block; - background-color: #e3bfb8; - color: white; - border-radius: 1rem; - padding: 0.1rem 0.6rem; } - -.contact { - line-height: 2rem; } - .contact__item { - position: relative; - font-size: 1rem; } - .contact__item > i { - background-color: #e3bfb8; - font-size: 1rem; - color: white; - text-align: center; - border-radius: 50%; - padding-top: 0.5rem; - width: 2rem; - height: 2rem; - margin-right: 0.5rem; - margin-bottom: 0.5rem; } - .contact__item > span { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); } - -.avatar { - display: block; } - .avatar__img { - -o-object-fit: cover; - object-fit: cover; - width: 100%; - overflow: hidden; - border-radius: 50%; } - .avatar__img:hover { - size: 110%; } - -.skills__group span { - font-weight: 700; - display: inline-block; } - .skills__group span::after { - content: ":"; } - .skills__group span:hover ~ li { - background-color: #e3bfb8; - color: #fff; } - -.skills__group li { - display: inline-block; - font-weight: 400; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - padding: 0 1px; - border-radius: 2px; } - .skills__group li:not(:last-child)::after { - content: ", "; } - .skills__group li:hover { - background-color: #e3bfb8; - color: #fff; } - -.language__item { - display: table; - width: 100%; } - -.language__name, .language__level { - display: table-cell; - width: 50%; } - -.language__level { - text-align: right; } - -.interests { - display: block; - -moz-column-count: 2; - -webkit-column-count: 2; - column-count: 2; - width: 100%; - text-align: right; } - .interests__item:nth-child(n+4) { - text-align: left; } - -/*# sourceMappingURL=data:application/json;base64,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O0lBQ0UsY0FBYyxFQUFFO0VBQ2xCO0lBQ0UsMEJBQTBCO0lBQzFCLFlBQVksRUFBRTs7QUFFbEI7RUFDRSxlQUFlO0VBQ2YsWUFBWSxFQUFFOztBQUVoQjtFQUNFLG9CQUFvQjtFQUNwQixXQUFXLEVBQUU7O0FBRWY7RUFDRSxrQkFBa0IsRUFBRTs7QUFFdEI7RUFDRSxlQUFlO0VBQ2YscUJBQXFCO0VBQ3JCLHdCQUFnQjtVQUFoQixnQkFBZ0I7RUFDaEIsWUFBWTtFQUNaLGtCQUFrQixFQUFFO0VBQ3BCO0lBQ0UsaUJBQWlCLEVBQUUiLCJmaWxlIjoic3R5bGUucHJlZml4LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5jb250ZW50IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBvdmVyZmxvdzogaGlkZGVuOyB9XG4gIC5jb250ZW50X19sZWZ0IHtcbiAgICBmbG9hdDogbGVmdDtcbiAgICB3aWR0aDogNzAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBwYWRkaW5nOiAzcmVtIDRyZW07IH1cbiAgLmNvbnRlbnRfX3JpZ2h0IHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZmxvYXQ6IHJpZ2h0O1xuICAgIHdpZHRoOiAyOSU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2Y1ZjVmNTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgcGFkZGluZzogMnJlbSAzcmVtO1xuICAgIHJpZ2h0OiAxcmVtO1xuICAgIC13ZWJraXQtYm94LXNoYWRvdzogMC41cmVtIDFyZW0gMS41cmVtIHJnYmEoMTAyLCAxMDIsIDEwMiwgMC4xNSk7XG4gICAgLW1vei1ib3gtc2hhZG93OiAwLjVyZW0gMXJlbSAxLjVyZW0gcmdiYSgxMDIsIDEwMiwgMTAyLCAwLjE1KTtcbiAgICBib3gtc2hhZG93OiAwLjVyZW0gMXJlbSAxLjVyZW0gcmdiYSgxMDIsIDEwMiwgMTAyLCAwLjE1KTsgfVxuXG4qLFxuKjo6YWZ0ZXIsXG4qOjpiZWZvcmUge1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGJveC1zaXppbmc6IGluaGVyaXQ7IH1cblxuaHRtbCB7XG4gIGZvbnQtc2l6ZTogNjIuNSU7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkZGQ7IH1cbiAgQG1lZGlhIHByaW50IHtcbiAgICBodG1sIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7IH0gfVxuXG4uY29udGVudCB7XG4gIHdpZHRoOiA4MHJlbTtcbiAgbWluLWhlaWdodDogMTEzLjE2MTI5cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOyB9XG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDYwcmVtKSB7XG4gICAgLmNvbnRlbnQge1xuICAgICAgbWFyZ2luOiA2cmVtIDA7XG4gICAgICAtd2Via2l0LWJveC1zaGFkb3c6IDFyZW0gMnJlbSAzcmVtIHJnYmEoMTAyLCAxMDIsIDEwMiwgMC4zKTtcbiAgICAgIC1tb3otYm94LXNoYWRvdzogMXJlbSAycmVtIDNyZW0gcmdiYSgxMDIsIDEwMiwgMTAyLCAwLjMpO1xuICAgICAgYm94LXNoYWRvdzogMXJlbSAycmVtIDNyZW0gcmdiYSgxMDIsIDEwMiwgMTAyLCAwLjMpO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgbGVmdDogNTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpOyB9IH1cbiAgQG1lZGlhIHByaW50IHtcbiAgICAuY29udGVudCB7XG4gICAgICBtYXJnaW46IDA7IH0gfVxuXG5ib2R5IHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDsgfVxuXG5AbWVkaWEgcHJpbnQge1xuICBAcGFnZSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHNpemU6IEE0OyB9IH1cblxuOjpzZWxlY3Rpb24ge1xuICBjb2xvcjogI2ZmZjtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyMTMsIDE1OCwgMTQ3LCAwLjYpOyB9XG5cbmJvZHkge1xuICBmb250LWZhbWlseTogXCJSb2JvdG9cIiwgc2Fucy1zZXJpZjtcbiAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgbGluZS1oZWlnaHQ6IDEuNztcbiAgZm9udC1zaXplOiAxLjEycmVtO1xuICBjb2xvcjogIzY2NjsgfVxuXG4ubWFpbkhlYWRpbmcge1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBmb250LXNpemU6IDVyZW07XG4gIGNvbG9yOiAjYWFhOyB9XG4gIC5tYWluSGVhZGluZyBzcGFuIHtcbiAgICBjb2xvcjogI2UzYmZiODsgfVxuXG4uc2VjdGlvbl9fdGl0bGUge1xuICBmb250LXNpemU6IDIuMXJlbTtcbiAgY29sb3I6ICNhYWE7IH1cblxuaDEsIGgyIHtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgZm9udC1mYW1pbHk6IFwiT3N3YWxkXCIsIHNhbnMtc2VyaWY7IH1cblxuLnNlY3Rpb24ge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLWJvdHRvbTogMnJlbTsgfVxuICAuc2VjdGlvbl9faGVhZGluZyB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjsgfVxuICAuc2VjdGlvbl9fdGl0bGUge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuICAgIC5zZWN0aW9uX190aXRsZTo6YWZ0ZXIge1xuICAgICAgY29udGVudDogXCJcIjtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZDtcbiAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZDtcbiAgICAgIGJvcmRlci1jb2xvcjogI2FhYTtcbiAgICAgIHdpZHRoOiA1MHJlbTtcbiAgICAgIGhlaWdodDogNHB4O1xuICAgICAgbWFyZ2luLWxlZnQ6IDEuNXJlbTtcbiAgICAgIG1hcmdpbi10b3A6IDEuNXJlbTtcbiAgICAgIHRyYW5zaXRpb246IGFsbCAwLjVzIGVhc2UtaW4tb3V0OyB9XG4gICAgLnNlY3Rpb25fX3RpdGxlOmhvdmVyOjphZnRlciB7XG4gICAgICBib3JkZXItY29sb3I6ICNlM2JmYjg7IH1cblxuLnNpZGVTZWN0aW9uIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi1ib3R0b206IDNyZW07IH1cbiAgLnNpZGVTZWN0aW9uX19oZWFkaW5nIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBtYXJnaW4tYm90dG9tOiAxcmVtOyB9XG4gIC5zaWRlU2VjdGlvbl9fdGl0bGUge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuICAgIC5zaWRlU2VjdGlvbl9fdGl0bGU6OmFmdGVyLCAuc2lkZVNlY3Rpb25fX3RpdGxlOjpiZWZvcmUge1xuICAgICAgY29udGVudDogXCJcIjtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAjYWFhO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNhYWE7XG4gICAgICB3aWR0aDogMTByZW07XG4gICAgICBoZWlnaHQ6IDRweDtcbiAgICAgIG1hcmdpbi10b3A6IDEuMXJlbTsgfVxuICAgIC5zaWRlU2VjdGlvbl9fdGl0bGU6OmFmdGVyIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAxcmVtOyB9XG4gICAgLnNpZGVTZWN0aW9uX190aXRsZTo6YmVmb3JlIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAtMTFyZW07IH1cbiAgLnNpZGVTZWN0aW9uIGxpIHtcbiAgICBsaXN0LXN0eWxlOiBub25lOyB9XG5cbi5leHBlcmllbmNlX19pdGVtIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTsgfVxuXG4uZXhwZXJpZW5jZV9faGVhZGVyLCAuZXhwZXJpZW5jZV9fc3ViaGVhZGVyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDIuNHJlbTsgfVxuXG4uZXhwZXJpZW5jZV9fam9iIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDsgfVxuICAuZXhwZXJpZW5jZV9fam9iOmhvdmVyIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMC41cmVtKTsgfVxuXG4uZXhwZXJpZW5jZV9fY29tcGFueSwgLmV4cGVyaWVuY2VfX3Bvc2l0aW9uIHtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgd2lkdGg6IDcwJTtcbiAgZmxvYXQ6IGxlZnQ7IH1cblxuLmV4cGVyaWVuY2VfX2NvbXBhbnkge1xuICBjb2xvcjogIzk5OTsgfVxuXG4uZXhwZXJpZW5jZV9fcG9zaXRpb24ge1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBmb250LXNpemU6IDEuM3JlbTtcbiAgY29sb3I6ICM2NjY7IH1cblxuLmV4cGVyaWVuY2VfX2RhdGUsIC5leHBlcmllbmNlX19wbGFjZSB7XG4gIGZsb2F0OiByaWdodDtcbiAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gIHdpZHRoOiAzMCU7XG4gIGNvbG9yOiAjYWFhOyB9XG5cbi5leHBlcmllbmNlX19kYXRlIHtcbiAgZm9udC13ZWlnaHQ6IDQwMDsgfVxuXG4uZXhwZXJpZW5jZV9fcGxhY2U6OmJlZm9yZSB7XG4gIGZvbnQtZmFtaWx5OiAnTWF0ZXJpYWwgSWNvbnMnO1xuICBjb2xvcjogI2UzYmZiODtcbiAgZm9udC1zaXplOiAxLjRyZW07XG4gIGNvbnRlbnQ6IFwicGxhY2VcIjtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBwYWRkaW5nLXJpZ2h0OiAzcHg7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIGZvbnQtd2VpZ2h0OiA5MDA7IH1cblxuLmV4cGVyaWVuY2VfX2J1bGxldCB7XG4gIGxpc3Qtc3R5bGUtcG9zaXRpb246IGluc2lkZTsgfVxuXG4uZXhwZXJpZW5jZV9fYmFkZ2VzIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHRleHQtYWxpZ246IHJpZ2h0O1xuICBtYXJnaW4tdG9wOiAwLjVyZW07XG4gIG1hcmdpbi1ib3R0b206IDAuNXJlbTsgfVxuXG4uZXhwZXJpZW5jZV9fYmFkZ2Uge1xuICBmb250LXNpemU6IDAuOXJlbTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZTNiZmI4O1xuICBjb2xvcjogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDFyZW07XG4gIHBhZGRpbmc6IDAuMXJlbSAwLjZyZW07IH1cblxuLmNvbnRhY3Qge1xuICBsaW5lLWhlaWdodDogMnJlbTsgfVxuICAuY29udGFjdF9faXRlbSB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZvbnQtc2l6ZTogMXJlbTsgfVxuICAgIC5jb250YWN0X19pdGVtID4gaSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZTNiZmI4O1xuICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgY29sb3I6IHdoaXRlO1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgcGFkZGluZy10b3A6IDAuNXJlbTtcbiAgICAgIHdpZHRoOiAycmVtO1xuICAgICAgaGVpZ2h0OiAycmVtO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG4gICAgICBtYXJnaW4tYm90dG9tOiAwLjVyZW07IH1cbiAgICAuY29udGFjdF9faXRlbSA+IHNwYW4ge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiA1MCU7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7IH1cblxuLmF2YXRhciB7XG4gIGRpc3BsYXk6IGJsb2NrOyB9XG4gIC5hdmF0YXJfX2ltZyB7XG4gICAgb2JqZWN0LWZpdDogY292ZXI7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7IH1cbiAgICAuYXZhdGFyX19pbWc6aG92ZXIge1xuICAgICAgc2l6ZTogMTEwJTsgfVxuXG4uc2tpbGxzX19ncm91cCBzcGFuIHtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrOyB9XG4gIC5za2lsbHNfX2dyb3VwIHNwYW46OmFmdGVyIHtcbiAgICBjb250ZW50OiBcIjpcIjsgfVxuICAuc2tpbGxzX19ncm91cCBzcGFuOmhvdmVyIH4gbGkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNlM2JmYjg7XG4gICAgY29sb3I6ICNmZmY7IH1cblxuLnNraWxsc19fZ3JvdXAgbGkge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIHRyYW5zaXRpb246IGFsbCAwLjJzIGVhc2UtaW4tb3V0O1xuICBwYWRkaW5nOiAwIDFweDtcbiAgYm9yZGVyLXJhZGl1czogMnB4OyB9XG4gIC5za2lsbHNfX2dyb3VwIGxpOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgICBjb250ZW50OiBcIiwgXCI7IH1cbiAgLnNraWxsc19fZ3JvdXAgbGk6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNlM2JmYjg7XG4gICAgY29sb3I6ICNmZmY7IH1cblxuLmxhbmd1YWdlX19pdGVtIHtcbiAgZGlzcGxheTogdGFibGU7XG4gIHdpZHRoOiAxMDAlOyB9XG5cbi5sYW5ndWFnZV9fbmFtZSwgLmxhbmd1YWdlX19sZXZlbCB7XG4gIGRpc3BsYXk6IHRhYmxlLWNlbGw7XG4gIHdpZHRoOiA1MCU7IH1cblxuLmxhbmd1YWdlX19sZXZlbCB7XG4gIHRleHQtYWxpZ246IHJpZ2h0OyB9XG5cbi5pbnRlcmVzdHMge1xuICBkaXNwbGF5OiBibG9jaztcbiAgLW1vei1jb2x1bW4tY291bnQ6IDI7XG4gIGNvbHVtbi1jb3VudDogMjtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IHJpZ2h0OyB9XG4gIC5pbnRlcmVzdHNfX2l0ZW06bnRoLWNoaWxkKG4rNCkge1xuICAgIHRleHQtYWxpZ246IGxlZnQ7IH1cbiJdfQ== */
\ No newline at end of file diff --git a/assets/sass/_abstract.scss b/assets/sass/_abstract.scss index 884e172..ffa098a 100644 --- a/assets/sass/_abstract.scss +++ b/assets/sass/_abstract.scss @@ -1,14 +1,7 @@ -// COLORS -$color-white: #fff; -$color-grey: #aaa; -$color-grey-2: #999; -$color-grey-light: #ddd; -$color-grey-dark: #666; - -// WIDTHS -$width-left-col: 56rem; // 70% +// WIDTHS +$width-left-col: 56rem; // 70% $page-width: 80rem; $width-right-col: $page-width - $width-left-col; // ANIMATIONS -$cubic: .63, .21, .76, 1.58
\ No newline at end of file +$cubic: 0.63, 0.21, 0.76, 1.58; diff --git a/assets/sass/_base.scss b/assets/sass/_base.scss index 4e48662..127b986 100644 --- a/assets/sass/_base.scss +++ b/assets/sass/_base.scss @@ -9,8 +9,10 @@ html { font-size: 62.5%; background-color: $color-background; - - @media print {background-color: $color-white;} + + @media print { + background-color: $color-white; + } } .content { @@ -24,7 +26,10 @@ html { @include shadow(1); @include hz-center; } - @media print {margin: 0;} + @media print { + margin: 0; + height: paper_height($page-width) * $pages; + } } body { @@ -32,13 +37,13 @@ body { } @media print { - @page { - margin: 0; + @page { + margin: 0; size: A4; } } ::selection { - color: $color-white; - background-color: darken(rgba($color-primary, 0.6), 10%); -}
\ No newline at end of file + color: $color-white; + background-color: darken(rgba($color-primary, 0.6), 10%); +} diff --git a/assets/sass/_layout.scss b/assets/sass/_layout.scss index a10b18d..6d95037 100644 --- a/assets/sass/_layout.scss +++ b/assets/sass/_layout.scss @@ -9,13 +9,13 @@ padding: 3rem 4rem; @media screen { - &::after{ - content: "2020 © by Inês Almeida | ines-almeida.com"; + &::after { + content: '2020 © by Inês Almeida | ines-almeida.com'; height: 4rem; width: 100%; position: absolute; bottom: 0.5rem; - color: $color-grey-light; + color: darken($color-white, 10%); } } } @@ -23,12 +23,12 @@ &__right { position: absolute; float: right; - width: $width-right-col; + width: $width-right-col; background-color: $color-right-col; height: 100%; padding: 2rem 3rem; right: 1rem; - + @include shadow(0.5); } -}
\ No newline at end of file +} diff --git a/assets/sass/_typography.scss b/assets/sass/_typography.scss index 8a7c40c..20c6034 100644 --- a/assets/sass/_typography.scss +++ b/assets/sass/_typography.scss @@ -1,5 +1,5 @@ body { - font-family: "Roboto", sans-serif; + font-family: 'Roboto', sans-serif; font-weight: 300; line-height: 1.7; font-size: 1.12rem; @@ -9,7 +9,7 @@ body { .mainHeading { text-transform: uppercase; font-size: 5rem; - color: $color-grey; + color: $color-secondary; & span { color: $color-primary; @@ -18,10 +18,11 @@ body { .section__title { font-size: 2.1rem; - color: $color-grey; + color: $color-grey-dark; } -h1, h2 { +h1, +h2 { text-transform: uppercase; - font-family: "Oswald", sans-serif; -}
\ No newline at end of file + font-family: 'Oswald', sans-serif; +} diff --git a/assets/sass/components/_experience.scss b/assets/sass/components/_experience.scss index 36a07e0..8071cec 100644 --- a/assets/sass/components/_experience.scss +++ b/assets/sass/components/_experience.scss @@ -31,7 +31,7 @@ } &__company { - color: $color-grey-2; + color: $color-grey-dark; } &__position { @@ -39,13 +39,13 @@ font-size: 1.3rem; color: $color-grey-dark; } - + &__date, &__place { float: right; text-align: right; width: 30%; - color: $color-grey; + color: $color-secondary; } &__date { @@ -57,7 +57,7 @@ font-family: 'Material Icons'; color: $color-primary; font-size: 1.4rem; - content: "place"; + content: 'place'; display: inline-block; padding-right: 3px; vertical-align: middle; @@ -85,4 +85,4 @@ border-radius: 1rem; padding: 0.1rem 0.6rem; } -}
\ No newline at end of file +} diff --git a/assets/sass/components/_section.scss b/assets/sass/components/_section.scss index 28529bf..e93846b 100644 --- a/assets/sass/components/_section.scss +++ b/assets/sass/components/_section.scss @@ -3,7 +3,7 @@ margin-bottom: 2rem; &__heading { - width:100%; + width: 100%; overflow: hidden; } @@ -11,11 +11,11 @@ position: relative; &::after { - content: ""; + content: ''; position: absolute; border-top: 1px solid; border-bottom: 1px solid; - border-color: $color-grey; + border-color: $color-secondary; width: 50rem; height: 4px; margin-left: 1.5rem; diff --git a/assets/sass/components/_side_section.scss b/assets/sass/components/_side_section.scss index 33e6108..3eae328 100644 --- a/assets/sass/components/_side_section.scss +++ b/assets/sass/components/_side_section.scss @@ -4,7 +4,7 @@ @include avoid-break; &__heading { - width:100%; + width: 100%; overflow: hidden; text-align: center; margin-bottom: 1rem; @@ -15,20 +15,20 @@ &::after, &::before { - content: ""; + content: ''; position: absolute; - border-top: 1px solid $color-grey; - border-bottom: 1px solid $color-grey; + border-top: 1px solid $color-secondary; + border-bottom: 1px solid $color-secondary; width: 10rem; height: 4px; margin-top: 1.1rem; } - &::after{ + &::after { margin-left: 1rem; } - &::before{ + &::before { margin-left: -11rem; } } diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 2fe438c..37b6fed 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -4,6 +4,10 @@ $color-primary: {{ .Site.Params.colorPrimary | default "#e3bfb8"}} !default; $color-primary-text: {{ .Site.Params.colorPrimaryText | default "#fff"}} !default; $color-background: {{ .Site.Params.colorPageBackground | default "#ddd" }} !default; $color-right-col: {{ .Site.Params.colorRightColumnBackground | default "#f5f5f5" }} !default; +$color-white: {{ .Site.Params.colorLight | default "#fff"}} !default; +$color-secondary: {{ .Site.Params.colorSecondary | default "#aaa"}} !default; +$color-grey-dark: {{ .Site.Params.colorDark | default "#666"}} !default; +$pages: {{ .Site.Params.pages | default 1}} !default; @import "abstract"; @import "functions"; diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 5366e2e..fbbfcc4 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -1,10 +1,14 @@ baseURL = "https://example.com/" languageCode = "en-us" -title = "Example - CV" theme = "almeida-cv" +title = "Example - CV" [params] +colorDark = "#666" +colorLight = "#fff" +colorPageBackground = "#ddd" colorPrimary = "#e3bfb8" colorPrimaryText = "#fff" -colorPageBackground = "#ddd" colorRightColumnBackground = "#f5f5f5" +colorSecondary = "#aaa" +pages = 1 diff --git a/exampleSite/resources/_gen/assets/scss/sass/main.scss_545d7c693f5b5f74d129019eb310e64e.content b/exampleSite/resources/_gen/assets/scss/sass/main.scss_545d7c693f5b5f74d129019eb310e64e.content index 1080331..cd3c2fa 100644 --- a/exampleSite/resources/_gen/assets/scss/sass/main.scss_545d7c693f5b5f74d129019eb310e64e.content +++ b/exampleSite/resources/_gen/assets/scss/sass/main.scss_545d7c693f5b5f74d129019eb310e64e.content @@ -1 +1 @@ -@charset "UTF-8";.content{position:absolute;overflow:hidden}.content__left{float:left;width:56rem;height:100%;padding:3rem 4rem}@media screen{.content__left::after{content:"2020 © by Inês Almeida | ines-almeida.com";height:4rem;width:100%;position:absolute;bottom:.5rem;color:#ddd}}.content__right{position:absolute;float:right;width:24rem;background-color:#f5f5f5;height:100%;padding:2rem 3rem;right:1rem;-webkit-box-shadow:.5rem 1rem 1.5rem rgba(102,102,102,.15);-moz-box-shadow:.5rem 1rem 1.5rem rgba(102,102,102,.15);box-shadow:.5rem 1rem 1.5rem rgba(102,102,102,.15)}*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;background-color:#ddd}@media print{html{background-color:#fff}}.content{width:80rem;min-height:113.16129036rem;background-color:#fff}@media screen and (min-width:60rem){.content{margin:6rem 0;-webkit-box-shadow:1rem 2rem 3rem rgba(102,102,102,.3);-moz-box-shadow:1rem 2rem 3rem rgba(102,102,102,.3);box-shadow:1rem 2rem 3rem rgba(102,102,102,.3);position:absolute;left:50%;transform:translateX(-50%)}}@media print{.content{margin:0}}body{box-sizing:border-box}@media print{@page{margin:0;size:A4}}::selection{color:#fff;background-color:rgba(213,158,147,.6)}body{font-family:roboto,sans-serif;font-weight:300;line-height:1.7;font-size:1.12rem;color:#666}.mainHeading{text-transform:uppercase;font-size:5rem;color:#aaa}.mainHeading span{color:#e3bfb8}.section__title{font-size:2.1rem;color:#aaa}h1,h2{text-transform:uppercase;font-family:oswald,sans-serif}.section{display:block;margin-bottom:2rem}.section__heading{width:100%;overflow:hidden}.section__title{position:relative}.section__title::after{content:"";position:absolute;border-top:1px solid;border-bottom:1px solid;border-color:#aaa;width:50rem;height:4px;margin-left:1.5rem;margin-top:1.5rem;transition:all .5s ease-in-out}.section__title:hover::after{border-color:#e3bfb8}.sideSection{display:block;margin-bottom:3rem}@media print{.sideSection{page-break-inside:avoid}}.sideSection__heading{width:100%;overflow:hidden;text-align:center;margin-bottom:1rem}.sideSection__title{position:relative}.sideSection__title::after,.sideSection__title::before{content:"";position:absolute;border-top:1px solid #aaa;border-bottom:1px solid #aaa;width:10rem;height:4px;margin-top:1.1rem}.sideSection__title::after{margin-left:1rem}.sideSection__title::before{margin-left:-11rem}.sideSection li{list-style:none}.experience__item{display:block}@media print{.experience__item{page-break-inside:avoid}}.experience__item:not(:first-child){padding-top:1.5rem}.experience__header,.experience__subheader{display:block;width:100%;height:2.4rem}.experience__job{position:relative;transition:transform .2s cubic-bezier(0.63,0.21,0.76,1.58)}.experience__job:hover{transform:translateX(0.5rem)}.experience__company,.experience__position{text-align:left;width:70%;float:left}.experience__company{color:#999}.experience__position{text-transform:uppercase;font-size:1.3rem;color:#666}.experience__date,.experience__place{float:right;text-align:right;width:30%;color:#aaa}.experience__date{font-weight:400}.experience__place::before{font-family:material icons;color:#e3bfb8;font-size:1.4rem;content:"place";display:inline-block;padding-right:3px;vertical-align:middle;font-weight:900}.experience__bullet{list-style-position:inside}.experience__badges{display:block;text-align:right;margin-top:.5rem;margin-bottom:.5rem}.experience__badge{font-size:.9rem;font-weight:400;display:inline-block;background-color:#e3bfb8;color:#fff;border-radius:1rem;padding:.1rem .6rem}@media print{.education__item{page-break-inside:avoid}}.contact{line-height:2rem}.contact__item{position:relative;font-size:1rem}.contact__item>i{background-color:#e3bfb8;color:#fff;font-size:1rem;text-align:center;border-radius:50%;padding-top:.5rem;width:2rem;height:2rem;margin-right:.5rem;margin-bottom:.5rem}.contact__item>span{position:absolute;top:50%;transform:translateY(-50%)}.avatar{width:100%;height:18rem;position:relative;overflow:hidden}.avatar__container{position:absolute;left:50%;transform:translateX(-50%);width:100%;clip-path:circle(50% at 50% 56%);height:16rem;text-align:center;transition:all .3s cubic-bezier(0.63,0.21,0.76,1.58)}.avatar__container:hover{width:110%}.avatar__img{object-fit:cover;width:110%;transition:all .3s cubic-bezier(0.63,0.21,0.76,1.58);position:absolute;top:50%;left:50%;transform:translateX(-50%)translateY(-50%)}.avatar__img:hover{width:105%}.skills__group span{font-weight:700;display:inline-block}.skills__group span::after{content:":"}.skills__group span:hover~li{background-color:#e3bfb8;color:#fff}.skills__group li{display:inline-block;font-weight:400;transition:all .2s ease-in-out;padding:0 1px;border-radius:2px}.skills__group li:not(:last-child)::after{content:", "}.skills__group li:hover{background-color:#e3bfb8;color:#fff}.language__item{display:table;width:100%}.language__name,.language__level{display:table-cell;width:50%}.language__level{text-align:right}.interests{display:block;-moz-column-count:2;column-count:2;width:100%;text-align:right}@media print{.interests{page-break-inside:avoid}}.interests__item:nth-child(n+4){text-align:left}.pageNotFound{padding-top:8rem;position:absolute;left:50%;transform:translateX(-50%)}.pageNotFound__text{padding-top:3rem}
\ No newline at end of file +@charset "UTF-8";.content{position:absolute;overflow:hidden}.content__left{float:left;width:56rem;height:100%;padding:3rem 4rem}@media screen{.content__left::after{content:'2020 © by Inês Almeida | ines-almeida.com';height:4rem;width:100%;position:absolute;bottom:.5rem;color:#e6e6e6}}.content__right{position:absolute;float:right;width:24rem;background-color:#f5f5f5;height:100%;padding:2rem 3rem;right:1rem;-webkit-box-shadow:.5rem 1rem 1.5rem rgba(102,102,102,.15);-moz-box-shadow:.5rem 1rem 1.5rem rgba(102,102,102,.15);box-shadow:.5rem 1rem 1.5rem rgba(102,102,102,.15)}*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;background-color:#ddd}@media print{html{background-color:#fff}}.content{width:80rem;min-height:113.16129036rem;background-color:#fff}@media screen and (min-width:60rem){.content{margin:6rem 0;-webkit-box-shadow:1rem 2rem 3rem rgba(102,102,102,.3);-moz-box-shadow:1rem 2rem 3rem rgba(102,102,102,.3);box-shadow:1rem 2rem 3rem rgba(102,102,102,.3);position:absolute;left:50%;transform:translateX(-50%)}}@media print{.content{margin:0;height:113.16129036rem}}body{box-sizing:border-box}@media print{@page{margin:0;size:A4}}::selection{color:#fff;background-color:rgba(197,137,125,.6)}body{font-family:roboto,sans-serif;font-weight:300;line-height:1.7;font-size:1.12rem;color:#666}.mainHeading{text-transform:uppercase;font-size:5rem;color:#b4aeae}.mainHeading span{color:#d5a9a0}.section__title{font-size:2.1rem;color:#666}h1,h2{text-transform:uppercase;font-family:oswald,sans-serif}.section{display:block;margin-bottom:2rem}.section__heading{width:100%;overflow:hidden}.section__title{position:relative}.section__title::after{content:'';position:absolute;border-top:1px solid;border-bottom:1px solid;border-color:#b4aeae;width:50rem;height:4px;margin-left:1.5rem;margin-top:1.5rem;transition:all .5s ease-in-out}.section__title:hover::after{border-color:#d5a9a0}.sideSection{display:block;margin-bottom:3rem}@media print{.sideSection{page-break-inside:avoid}}.sideSection__heading{width:100%;overflow:hidden;text-align:center;margin-bottom:1rem}.sideSection__title{position:relative}.sideSection__title::after,.sideSection__title::before{content:'';position:absolute;border-top:1px solid #b4aeae;border-bottom:1px solid #b4aeae;width:10rem;height:4px;margin-top:1.1rem}.sideSection__title::after{margin-left:1rem}.sideSection__title::before{margin-left:-11rem}.sideSection li{list-style:none}.experience__item{display:block}@media print{.experience__item{page-break-inside:avoid}}.experience__item:not(:first-child){padding-top:1.5rem}.experience__header,.experience__subheader{display:block;width:100%;height:2.4rem}.experience__job{position:relative;transition:transform .2s cubic-bezier(0.63,0.21,0.76,1.58)}.experience__job:hover{transform:translateX(0.5rem)}.experience__company,.experience__position{text-align:left;width:70%;float:left}.experience__company{color:#666}.experience__position{text-transform:uppercase;font-size:1.3rem;color:#666}.experience__date,.experience__place{float:right;text-align:right;width:30%;color:#b4aeae}.experience__date{font-weight:400}.experience__place::before{font-family:material icons;color:#d5a9a0;font-size:1.4rem;content:'place';display:inline-block;padding-right:3px;vertical-align:middle;font-weight:900}.experience__bullet{list-style-position:inside}.experience__badges{display:block;text-align:right;margin-top:.5rem;margin-bottom:.5rem}.experience__badge{font-size:.9rem;font-weight:400;display:inline-block;background-color:#d5a9a0;color:#fff;border-radius:1rem;padding:.1rem .6rem}@media print{.education__item{page-break-inside:avoid}}.contact{line-height:2rem}.contact__item{position:relative;font-size:1rem}.contact__item>i{background-color:#d5a9a0;color:#fff;font-size:1rem;text-align:center;border-radius:50%;padding-top:.5rem;width:2rem;height:2rem;margin-right:.5rem;margin-bottom:.5rem}.contact__item>span{position:absolute;top:50%;transform:translateY(-50%)}.avatar{width:100%;height:18rem;position:relative;overflow:hidden}.avatar__container{position:absolute;left:50%;transform:translateX(-50%);width:100%;clip-path:circle(50% at 50% 56%);height:16rem;text-align:center;transition:all .3s cubic-bezier(0.63,0.21,0.76,1.58)}.avatar__container:hover{width:110%}.avatar__img{object-fit:cover;width:110%;transition:all .3s cubic-bezier(0.63,0.21,0.76,1.58);position:absolute;top:50%;left:50%;transform:translateX(-50%)translateY(-50%)}.avatar__img:hover{width:105%}.skills__group span{font-weight:700;display:inline-block}.skills__group span::after{content:":"}.skills__group span:hover~li{background-color:#d5a9a0;color:#fff}.skills__group li{display:inline-block;font-weight:400;transition:all .2s ease-in-out;padding:0 1px;border-radius:2px}.skills__group li:not(:last-child)::after{content:", "}.skills__group li:hover{background-color:#d5a9a0;color:#fff}.language__item{display:table;width:100%}.language__name,.language__level{display:table-cell;width:50%}.language__level{text-align:right}.interests{display:block;-moz-column-count:2;column-count:2;width:100%;text-align:right}@media print{.interests{page-break-inside:avoid}}.interests__item:nth-child(n+4){text-align:left}.pageNotFound{padding-top:8rem;position:absolute;left:50%;transform:translateX(-50%)}.pageNotFound__text{padding-top:3rem}
\ No newline at end of file diff --git a/exampleSite/resources/_gen/assets/scss/sass/main.scss_545d7c693f5b5f74d129019eb310e64e.json b/exampleSite/resources/_gen/assets/scss/sass/main.scss_545d7c693f5b5f74d129019eb310e64e.json index 175f838..e49f825 100644 --- a/exampleSite/resources/_gen/assets/scss/sass/main.scss_545d7c693f5b5f74d129019eb310e64e.json +++ b/exampleSite/resources/_gen/assets/scss/sass/main.scss_545d7c693f5b5f74d129019eb310e64e.json @@ -1 +1 @@ -{"Target":"style.main.min.d1da0df9af98e8ce03359be8bbe767771f25a4b16d1711caa3a90b838987d6f8.css","MediaType":"text/css","Data":{"Integrity":"sha256-0doN+a+Y6M4DNZvou+dndx8lpLFtFxHKo6kLg4mH1vg="}}
\ No newline at end of file +{"Target":"style.main.min.33da6b12aa464369a4d67eff5abf33f911e1a5d1c1fb8b3959f6049be2321f60.css","MediaType":"text/css","Data":{"Integrity":"sha256-M9prEqpGQ2mk1n7/Wr8z+RHhpdHB+4s5WfYEm+IyH2A="}}
\ No newline at end of file diff --git a/layouts/partials/_contacts.html b/layouts/partials/_contacts.html index 7fe6663..8089052 100644 --- a/layouts/partials/_contacts.html +++ b/layouts/partials/_contacts.html @@ -2,8 +2,10 @@ <div class="sideSection contact"> <ul> {{ range .Site.Data.content.BasicInfo.Contacts }} - <li class="contact__item"><i class="{{ .Icon }}"></i><span>{{ .Info }}</span></li> + <li class="contact__item"> + <i class="{{ .Icon }}"></i><span>{{ .Info | safeHTML }}</span> + </li> {{ end }} </ul> </div> -{{ end }}
\ No newline at end of file +{{ end }} diff --git a/layouts/partials/_diplomas.html b/layouts/partials/_diplomas.html index fc6a806..1e945fe 100644 --- a/layouts/partials/_diplomas.html +++ b/layouts/partials/_diplomas.html @@ -1,16 +1,14 @@ {{ if .Site.Data.content.Diplomas }} <div class="sideSection"> <div class="sideSection__heading"> - <h2 class="sideSection__title"> - Diplomas - </h2> + <h2 class="sideSection__title">Diplomas</h2> </div> <div class="sideSection__content"> <ul> {{ range .Site.Data.content.Diplomas }} - <li>{{ . }}</li> + <li>{{ . | safeHTML }}</li> {{ end }} </ul> </div> </div> -{{ end }}
\ No newline at end of file +{{ end }} diff --git a/layouts/partials/_experience.html b/layouts/partials/_experience.html index 0a5140f..2217e2b 100644 --- a/layouts/partials/_experience.html +++ b/layouts/partials/_experience.html @@ -1,41 +1,43 @@ {{ if .Site.Data.content.Experience }} <div id="experience" class="section"> <div class="section__heading"> - <h2 class="section__title"> - Experience - </h2> + <h2 class="section__title">Experience</h2> </div> <div class="section__content"> <div class="experience"> {{ range .Site.Data.content.Experience }} - <div class="experience__item"> - <div class="experience__header"> - <h3 class="experience__company">{{ .Employer }}</h3> - <h3 class="experience__place">{{ .Place }}</h3> + <div class="experience__item"> + <div class="experience__header"> + <h3 class="experience__company"> + {{ .Employer | safeHTML }} + </h3> + <h3 class="experience__place">{{ .Place | safeHTML }}</h3> + </div> + {{ range .Positions }} + <div class="experience__job"> + <div class="experience__subheader"> + <h3 class="experience__position"> + {{ .Title | safeHTML}} + </h3> + <h3 class="experience__date">{{ .Date | safeHTML }}</h3> + </div> + <ul> + {{ range .Details }} + <li class="experience__bullet">{{ . }}</li> + {{ end }} + </ul> + <div class="experience__badges"> + <ul> + {{ range .Badges }} + <li class="experience__badge">{{ . }}</li> + {{ end }} + </ul> </div> - {{ range .Positions }} - <div class="experience__job"> - <div class="experience__subheader"> - <h3 class="experience__position">{{ .Title }}</h3> - <h3 class="experience__date">{{ .Date }}</h3> - </div> - <ul> - {{ range .Details }} - <li class="experience__bullet">{{ . }}</li> - {{ end }} - </ul> - <div class="experience__badges"> - <ul> - {{ range .Badges }} - <li class="experience__badge">{{ . }}</li> - {{ end }} - </ul> - </div> - </div> - {{ end }} </div> + {{ end }} + </div> {{ end }} </div> </div> </div> -{{ end }}
\ No newline at end of file +{{ end }} diff --git a/layouts/partials/_interests.html b/layouts/partials/_interests.html index abcba77..739ed57 100644 --- a/layouts/partials/_interests.html +++ b/layouts/partials/_interests.html @@ -1,16 +1,14 @@ {{ if .Site.Data.content.Interests }} <div class="sideSection"> <div class="sideSection__heading"> - <h2 class="sideSection__title"> - Interests - </h2> + <h2 class="sideSection__title">Interests</h2> </div> <div class="sideSection__content"> <ul class="interests"> {{ range .Site.Data.content.Interests }} - <li class="interests__item">{{ . }}</li> + <li class="interests__item">{{ . | safeHTML }}</li> {{ end }} </ul> </div> </div> -{{ end }}
\ No newline at end of file +{{ end }} diff --git a/layouts/partials/_languages.html b/layouts/partials/_languages.html index 494a44d..89efa9e 100644 --- a/layouts/partials/_languages.html +++ b/layouts/partials/_languages.html @@ -1,16 +1,17 @@ {{ if .Site.Data.content.Languages }} <div class="sideSection"> <div class="sideSection__heading"> - <h2 class="sideSection__title"> - Languages - </h2> + <h2 class="sideSection__title">Languages</h2> </div> <div class="sideSection__content"> <ul class="language"> {{ range .Site.Data.content.Languages }} - <li class="language__item"><div class="language__name">{{ .Name }}</div><div class="language__level">{{ .Level }}</div></li> + <li class="language__item"> + <div class="language__name">{{ .Name | safeHTML }}</div> + <div class="language__level">{{ .Level | safeHTML }}</div> + </li> {{ end }} </ul> </div> </div> -{{ end }}
\ No newline at end of file +{{ end }} diff --git a/layouts/partials/_profile.html b/layouts/partials/_profile.html index 7d310f5..65b34aa 100644 --- a/layouts/partials/_profile.html +++ b/layouts/partials/_profile.html @@ -1,14 +1,10 @@ {{ if .Site.Data.content.Profile }} <div id="profile" class="section"> <div class="section__heading"> - <h2 class="section__title"> - Profile - </h2> + <h2 class="section__title">Profile</h2> </div> <div class="section__content"> - <p> - {{.Site.Data.content.Profile}} - </p> + <p>{{.Site.Data.content.Profile | safeHTML }}</p> </div> </div> -{{ end }}
\ No newline at end of file +{{ end }} diff --git a/layouts/partials/_skills.html b/layouts/partials/_skills.html index 7ff831e..8cdb62f 100644 --- a/layouts/partials/_skills.html +++ b/layouts/partials/_skills.html @@ -1,23 +1,21 @@ {{ if .Site.Data.content.Skills }} <div class="sideSection"> <div class="sideSection__heading"> - <h2 class="sideSection__title"> - Skills - </h2> + <h2 class="sideSection__title">Skills</h2> </div> <div class="sideSection__content"> <ul class="skills"> <li> - {{ range .Site.Data.content.Skills }} + {{ range .Site.Data.content.Skills }} <ul class="skills__group"> - <span>{{ .Family }}</span> + <span>{{ .Family | safeHTML }}</span> {{ range .Items }} - <li>{{ . }}</li> + <li>{{ . | safeHTML }}</li> {{ end }} </ul> - {{ end }} + {{ end }} </li> </ul> </div> </div> -{{ end }}
\ No newline at end of file +{{ end }} |