mirror of
https://github.com/ineesalmeida/almeida-cv.git
synced 2024-11-23 07:47:55 +00:00
add more customization
This commit is contained in:
Ines Almeida
parent
4eb7c332cd
commit
1ddc9113f8
21 changed files with 111 additions and 662 deletions
|
|
@ -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; }
|
||||
|
|
@ -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}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -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%
|
||||
$page-width: 80rem;
|
||||
$width-right-col: $page-width - $width-left-col;
|
||||
|
||||
// ANIMATIONS
|
||||
$cubic: .63, .21, .76, 1.58
|
||||
$cubic: 0.63, 0.21, 0.76, 1.58;
|
||||
|
|
|
|||
|
|
@ -10,7 +10,9 @@ 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 {
|
||||
|
|
|
|||
|
|
@ -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%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
font-family: 'Oswald', sans-serif;
|
||||
}
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
}
|
||||
|
||||
&__company {
|
||||
color: $color-grey-2;
|
||||
color: $color-grey-dark;
|
||||
}
|
||||
|
||||
&__position {
|
||||
|
|
@ -45,7 +45,7 @@
|
|||
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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1 +1 @@
|
|||
{"Target":"style.main.min.d1da0df9af98e8ce03359be8bbe767771f25a4b16d1711caa3a90b838987d6f8.css","MediaType":"text/css","Data":{"Integrity":"sha256-0doN+a+Y6M4DNZvou+dndx8lpLFtFxHKo6kLg4mH1vg="}}
|
||||
{"Target":"style.main.min.33da6b12aa464369a4d67eff5abf33f911e1a5d1c1fb8b3959f6049be2321f60.css","MediaType":"text/css","Data":{"Integrity":"sha256-M9prEqpGQ2mk1n7/Wr8z+RHhpdHB+4s5WfYEm+IyH2A="}}
|
||||
|
|
@ -2,7 +2,9 @@
|
|||
<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>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,12 @@
|
|||
{{ 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>
|
||||
|
|
|
|||
|
|
@ -1,23 +1,25 @@
|
|||
{{ 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>
|
||||
<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 }}</h3>
|
||||
<h3 class="experience__date">{{ .Date }}</h3>
|
||||
<h3 class="experience__position">
|
||||
{{ .Title | safeHTML}}
|
||||
</h3>
|
||||
<h3 class="experience__date">{{ .Date | safeHTML }}</h3>
|
||||
</div>
|
||||
<ul>
|
||||
{{ range .Details }}
|
||||
|
|
|
|||
|
|
@ -1,14 +1,12 @@
|
|||
{{ 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>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,15 @@
|
|||
{{ 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>
|
||||
|
|
|
|||
|
|
@ -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 }}
|
||||
|
|
@ -1,18 +1,16 @@
|
|||
{{ 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 }}
|
||||
<ul class="skills__group">
|
||||
<span>{{ .Family }}</span>
|
||||
<span>{{ .Family | safeHTML }}</span>
|
||||
{{ range .Items }}
|
||||
<li>{{ . }}</li>
|
||||
<li>{{ . | safeHTML }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
|
|
|
|||
Loading…
Reference in a new issue