Add theme content

2024-11-22 23:37:53 +00:00 · 2020-08-16 13:21:35 +01:00 · 2020-08-16 13:21:35 +01:00 · b908fbf421
commit b908fbf421
parent 7391f4377f
38 changed files with 1232 additions and 0 deletions
--- a/20
+++ b/20
@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2020 Inês Almeida
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
--- a/assets/css/style.comp.css
+++ b/assets/css/style.comp.css
@ -0,0 +1,268 @@
+.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; }
--- a/assets/css/style.css
+++ b/assets/css/style.css
@ -0,0 +1 @@
+.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}
--- a/assets/css/style.prefix.css
+++ b/assets/css/style.prefix.css
--- a/assets/sass/_abstract.scss
+++ b/assets/sass/_abstract.scss
@ -0,0 +1,13 @@
+// COLORS 
+$color-white: #fff;
+$color-grey: #aaa;
+$color-grey-2: #999;
+$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
--- a/assets/sass/_base.scss
+++ b/assets/sass/_base.scss
@ -0,0 +1,44 @@
+*,
+*::after,
+*::before {
+    margin: 0;
+    padding: 0;
+    box-sizing: inherit;
+}
+
+html {
+    font-size: 62.5%;
+    background-color: $color-background;
+    
+    @media print {background-color: $color-white;}
+}
+
+.content {
+    // A4 paper
+    width: $page-width;
+    min-height: paper_height($page-width);
+    background-color: $color-white;
+
+    @media screen and (min-width: 60rem) {
+        margin: 6rem 0;
+        @include shadow(1);
+        @include hz-center;
+    }
+    @media print {margin: 0;}
+}
+
+body {
+    box-sizing: border-box;
+}
+
+@media print {
+    @page { 
+        margin: 0; 
+        size: A4;
+    }
+}
+
+::selection {
+	color: $color-white;
+	background-color: darken(rgba($color-primary, 0.6), 10%);
+}
--- a/assets/sass/_functions.scss
+++ b/assets/sass/_functions.scss
@ -0,0 +1,3 @@
+@function paper_height($width) {
+    @return $width / 0.70695553;
+}
--- a/assets/sass/_layout.scss
+++ b/assets/sass/_layout.scss
@ -0,0 +1,23 @@
+.content {
+    position: absolute;
+    overflow: hidden;
+
+    &__left {
+        float: left;
+        width: $width-left-col;
+        height: 100%;
+        padding: 3rem 4rem;
+    }
+
+    &__right {
+        position: absolute;
+        float: right;
+        width: $width-right-col;   
+        background-color: $color-right-col;
+        height: 100%;
+        padding: 2rem 3rem;
+        right: 1rem;
+        
+        @include shadow(0.5);
+    }
+}
--- a/assets/sass/_mixins.scss
+++ b/assets/sass/_mixins.scss
@ -0,0 +1,24 @@
+@mixin shadow($distance) {
+    -webkit-box-shadow: $distance * 1rem $distance * 2rem $distance * 3rem rgba($color-grey-dark, $distance * 0.3);
+    -moz-box-shadow: $distance * 1rem $distance * 2rem $distance * 3rem rgba($color-grey-dark, $distance * 0.3);
+    box-shadow: $distance * 1rem $distance * 2rem $distance * 3rem rgba($color-grey-dark, $distance * 0.3);
+}
+
+@mixin hz-center {
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+@mixin vt-center {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+@mixin all-center {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+}
--- a/assets/sass/_typography.scss
+++ b/assets/sass/_typography.scss
@ -0,0 +1,27 @@
+body {
+    font-family: "Roboto", sans-serif;
+    font-weight: 300;
+    line-height: 1.7;
+    font-size: 1.12rem;
+    color: $color-grey-dark;
+}
+
+.mainHeading {
+    text-transform: uppercase;
+    font-size: 5rem;
+    color: $color-grey;
+
+    & span {
+        color: $color-primary;
+    }
+}
+
+.section__title {
+    font-size: 2.1rem;
+    color: $color-grey;
+}
+
+h1, h2 {
+    text-transform: uppercase;
+    font-family: "Oswald", sans-serif;
+}
--- a/assets/sass/components/_404.scss
+++ b/assets/sass/components/_404.scss
@ -0,0 +1,8 @@
+.pageNotFound {
+    padding-top: 8rem;
+    @include hz-center;
+    
+    &__text {
+        padding-top: 3rem;
+    }
+}
--- a/assets/sass/components/_avatar.scss
+++ b/assets/sass/components/_avatar.scss
@ -0,0 +1,30 @@
+.avatar {
+    width: 100%;
+    height: $width-right-col - 6rem;
+    position: relative;
+    overflow: hidden;
+
+    &__container {
+        @include hz-center;
+        width: 100%;
+        clip-path: circle(50% at 50% 56%);
+        height: $width-right-col - 8rem;
+        text-align: center;
+        transition: all 0.3s cubic-bezier($cubic);
+
+        &:hover {
+            width: 110%;
+        }
+    }
+
+    &__img {
+        object-fit: cover;
+        width: 110%;
+        transition: all 0.3s cubic-bezier($cubic);
+        @include all-center;
+
+        &:hover {
+            width: 105%;
+        }
+    }
+}
--- a/assets/sass/components/_contact.scss
+++ b/assets/sass/components/_contact.scss
@ -0,0 +1,24 @@
+.contact {
+    line-height: 2rem;
+
+    &__item {
+        position: relative;
+        font-size: 1rem;
+
+        & > i {
+            background-color: $color-primary;
+            color: $color-primary-text;
+            font-size: 1rem;
+            text-align: center;
+            border-radius: 50%;
+            padding-top: 0.5rem;
+            width: 2rem;
+            height: 2rem;
+            margin-right: 0.5rem;
+            margin-bottom: 0.5rem;
+        }
+        & > span {
+            @include vt-center;
+        }
+    }
+}
--- a/assets/sass/components/_experience.scss
+++ b/assets/sass/components/_experience.scss
@ -0,0 +1,85 @@
+.experience {
+    &__item {
+        display: block;
+        margin-bottom: 1.5rem;
+    }
+
+    &__header,
+    &__subheader {
+        display: block;
+        width: 100%;
+        height: 2.4rem;
+    }
+
+    &__job {
+        position: relative;
+        transition: transform 0.2s cubic-bezier($cubic);
+
+        &:hover {
+            transform: translateX(0.5rem);
+        }
+    }
+
+    &__company,
+    &__position {
+        text-align: left;
+        width: 70%;
+        float: left;
+    }
+
+    &__company {
+        color: $color-grey-2;
+    }
+
+    &__position {
+        text-transform: uppercase;
+        font-size: 1.3rem;
+        color: $color-grey-dark;
+    }
+    
+    &__date,
+    &__place {
+        float: right;
+        text-align: right;
+        width: 30%;
+        color: $color-grey;
+    }
+
+    &__date {
+        font-weight: 400;
+    }
+
+    &__place {
+        &::before {
+            font-family: 'Material Icons';
+            color: $color-primary;
+            font-size: 1.4rem;
+            content: "place";
+            display: inline-block;
+            padding-right: 3px;
+            vertical-align: middle;
+            font-weight: 900;
+        }
+    }
+
+    &__bullet {
+        list-style-position: inside;
+    }
+
+    &__badges {
+        display: block;
+        text-align: right;
+        margin-top: 0.5rem;
+        margin-bottom: 0.5rem;
+    }
+
+    &__badge {
+        font-size: 0.9rem;
+        font-weight: 400;
+        display: inline-block;
+        background-color: $color-primary;
+        color: $color-primary-text;
+        border-radius: 1rem;
+        padding: 0.1rem 0.6rem;
+    }
+}
--- a/assets/sass/components/_interests.scss
+++ b/assets/sass/components/_interests.scss
@ -0,0 +1,11 @@
+.interests {
+    display: block;
+    -moz-column-count: 2;
+    column-count: 2;
+    width: 100%;
+    text-align: right;
+
+    &__item:nth-child(n+4) {
+        text-align: left;
+    }
+}
--- a/assets/sass/components/_languages.scss
+++ b/assets/sass/components/_languages.scss
@ -0,0 +1,15 @@
+.language {
+    &__item {
+        display: table;
+        width: 100%;
+    }
+
+    &__name,
+    &__level {
+        display: table-cell;
+        width: 50%;
+    }
+    &__level {
+        text-align: right;
+    }
+}
--- a/assets/sass/components/_section.scss
+++ b/assets/sass/components/_section.scss
@ -0,0 +1,30 @@
+.section {
+    display: block;
+    margin-bottom: 2rem;
+
+    &__heading {
+        width:100%;
+        overflow: hidden;
+    }
+
+    &__title {
+        position: relative;
+
+        &::after {
+            content: "";
+            position: absolute;
+            border-top: 1px solid;
+            border-bottom: 1px solid;
+            border-color: $color-grey;
+            width: 50rem;
+            height: 4px;
+            margin-left: 1.5rem;
+            margin-top: 1.5rem;
+            transition: all 0.5s ease-in-out;
+        }
+
+        &:hover::after {
+            border-color: $color-primary;
+        }
+    }
+}
--- a/assets/sass/components/_side_section.scss
+++ b/assets/sass/components/_side_section.scss
@ -0,0 +1,38 @@
+.sideSection {
+    display: block;
+    margin-bottom: 3rem;
+
+    &__heading {
+        width:100%;
+        overflow: hidden;
+        text-align: center;
+        margin-bottom: 1rem;
+    }
+
+    &__title {
+        position: relative;
+
+        &::after,
+        &::before {
+            content: "";
+            position: absolute;
+            border-top: 1px solid $color-grey;
+            border-bottom: 1px solid $color-grey;
+            width: 10rem;
+            height: 4px;
+            margin-top: 1.1rem;
+        }
+
+        &::after{
+            margin-left: 1rem;
+        }
+
+        &::before{
+            margin-left: -11rem;
+        }
+    }
+
+    & li {
+        list-style: none;
+    }
+}
--- a/assets/sass/components/_skills.scss
+++ b/assets/sass/components/_skills.scss
@ -0,0 +1,35 @@
+.skills {
+    &__group {
+        & span {
+            font-weight: 700;
+            display: inline-block;
+
+            &::after{
+                content: ":"
+            }
+
+            &:hover ~ li {
+                background-color: $color-primary;
+                color: $color-white;
+            }
+
+        }
+
+        & li{
+            display: inline-block;
+            font-weight: 400;
+            transition: all 0.2s ease-in-out;
+            padding: 0 1px;
+            border-radius: 2px;
+
+            &:not(:last-child)::after{
+                content: ", "
+            }
+
+            &:hover {
+                background-color: $color-primary;
+                color: $color-white;
+            }
+        }
+    }
+}
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@ -0,0 +1,24 @@
+
+// HUGO variables
+$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;
+
+@import "abstract";
+@import "functions";
+@import "mixins";
+@import "layout";
+@import "base";
+@import "typography";
+
+@import "components/section";
+@import "components/side_section";
+@import "components/experience";
+@import "components/contact";
+@import "components/avatar";
+@import "components/skills";
+@import "components/languages";
+@import "components/interests";
+
+@import "components/404";
--- a/layouts/404.html
+++ b/layouts/404.html
@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+    {{ partial "head.html" . }}
+<body>
+    <div class="content">
+        <div class="pageNotFound">
+            <h1>Page not found :(</h1>
+            <p class="pageNotFound__text">
+                You're an explorer, aren't ya?<br>
+                But the page you are attempting to access cannot be found.<br>
+                Go back to the <a href="{{ "/" | relURL }}">main page</a>
+            </p>
+        </div>
+    </div>
+</body>
+</html>
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    {{- partial "head.html" . -}}
+    <body>
+        {{- partial "header.html" . -}}
+        <div id="content">
+        {{- block "main" . }}{{- end }}
+        </div>
+        {{- partial "footer.html" . -}}
+    </body>
+</html>
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
--- a/layouts/content/_redirects
+++ b/layouts/content/_redirects
@ -0,0 +1 @@
+/* /404.html 404
--- a/layouts/index.html
+++ b/layouts/index.html
@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+    {{ partial "head.html" . }}
+<body>
+    <div class="content">
+        <div class="content__left">
+            <h1 class="mainHeading">{{.Site.Data.content.BasicInfo.FirstName}} <span>{{.Site.Data.content.BasicInfo.LastName}}</span></h1>
+
+            {{ partial "_profile.html" . }}
+            {{ partial "_experience.html" . }}
+            {{ partial "_education.html" . }}
+
+        </div>
+        <div class="content__right">
+
+            {{ partial "_avatar.html" . }}
+            {{ partial "_contacts.html" . }}
+            {{ partial "_skills.html" . }}
+            {{ partial "_languages.html" . }}
+            {{ partial "_diplomas.html" . }}
+            {{ partial "_interests.html" . }}
+        </div>
+    </div>
+</body>
+</html>
--- a/layouts/partials/_avatar.html
+++ b/layouts/partials/_avatar.html
@ -0,0 +1,5 @@
+<div class="sideSection avatar">
+    <div class="avatar__container">
+        <img class="avatar__img" src="{{ .Site.Data.content.BasicInfo.Photo }}" alt="photo of me">
+    </div>
+</div>
--- a/layouts/partials/_contacts.html
+++ b/layouts/partials/_contacts.html
@ -0,0 +1,8 @@
+
+<div class="sideSection contact">
+    <ul>
+        {{ range .Site.Data.content.BasicInfo.Contacts }}
+            <li class="contact__item"><i class="{{ .Icon }}"></i><span>{{ .Info }}</span></li>
+        {{ end }}
+    </ul>
+</div>
--- a/layouts/partials/_diplomas.html
+++ b/layouts/partials/_diplomas.html
@ -0,0 +1,14 @@
+<div class="sideSection">
+    <div class="sideSection__heading">
+        <h2 class="sideSection__title">
+            Diplomas
+        </h2>
+    </div>
+    <div class="sideSection__content">
+        <ul>
+            {{ range .Site.Data.content.Diplomas }}
+                <li>{{ . }}</li>
+            {{ end }}
+        </ul>
+    </div>
+</div>
--- a/layouts/partials/_education.html
+++ b/layouts/partials/_education.html
@ -0,0 +1,17 @@
+<div id="education" class="section">
+    <div class="section__heading">
+        <h2 class="section__title">
+            Education
+        </h2>
+    </div>
+    <div class="section__content">
+        {{ range .Site.Data.content.Education }}
+            <div class="education__item">
+                <h3 class="education__title">{{ .Course | safeHTML }}</h3>
+                <h4 class="education__place">{{ .Place | safeHTML }}</h4>
+                <h4 class="education__date">{{ .Date | safeHTML }}</h4>
+                <div class="education__description">{{ .Details | safeHTML }}</div>
+            </div>
+        {{ end }}
+    </div>
+</div>
--- a/layouts/partials/_experience.html
+++ b/layouts/partials/_experience.html
@ -0,0 +1,39 @@
+<div id="experience" class="section">
+    <div class="section__heading">
+        <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>
+                    {{ 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>
+    </div>
+</div>
--- a/layouts/partials/_interests.html
+++ b/layouts/partials/_interests.html
@ -0,0 +1,14 @@
+<div class="sideSection">
+    <div class="sideSection__heading">
+        <h2 class="sideSection__title">
+            Interests
+        </h2>
+    </div>
+    <div class="sideSection__content">
+        <ul class="interests">
+            {{ range .Site.Data.content.Interests }}
+                <li class="interests__item">{{ . }}</li>
+            {{ end }}
+        </ul>
+    </div>
+</div>
--- a/layouts/partials/_languages.html
+++ b/layouts/partials/_languages.html
@ -0,0 +1,14 @@
+<div class="sideSection">
+    <div class="sideSection__heading">
+        <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>
+            {{ end }}
+        </ul>
+    </div>
+</div>
--- a/layouts/partials/_profile.html
+++ b/layouts/partials/_profile.html
@ -0,0 +1,12 @@
+<div id="profile" class="section">
+    <div class="section__heading">
+        <h2 class="section__title">
+            Profile
+        </h2>
+    </div>
+    <div class="section__content">
+        <p>
+            {{.Site.Data.content.Profile}}
+        </p>
+    </div>
+</div>
--- a/layouts/partials/_skills.html
+++ b/layouts/partials/_skills.html
@ -0,0 +1,21 @@
+<div class="sideSection">
+    <div class="sideSection__heading">
+        <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> 
+                    {{ range .Items }}
+                        <li>{{ . }}</li>
+                    {{ end }}
+                </ul>
+            {{ end }}
+            </li>
+        </ul>
+    </div>
+</div>
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@ -0,0 +1,13 @@
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ .Site.Title }}</title>
+
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
+    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+
+    {{ $style := resources.Get "sass/main.scss" | resources.ExecuteAsTemplate "style.main.scss" . | toCSS | minify | fingerprint }}
+    <link rel="stylesheet" href="{{ $style.Permalink }}" integrity="{{ $style.Data.Integrity }}" >
+</head>
--- a/static/img/avatar.jpg
+++ b/static/img/avatar.jpg
--- a/theme.toml
+++ b/theme.toml
@ -0,0 +1,15 @@
+# theme.toml template for a Hugo theme
+# See https://github.com/gohugoio/hugoThemes#themetoml for an example
+
+name = "CV Almeida"
+license = "MIT"
+licenselink = "https://github.com/ineesalmeida/cv-almeida/master/LICENSE"
+description = "Theme to build a customizeable printable CV with minor web responsiveness."
+homepage = "https://github.com/ineesalmeida/cv-almeida/master"
+tags = ["cv", "resume", "minimal", "simple"]
+features = ["simple", "cv", "printable"]
+min_version = "0.41.0"
+
+[author]
+  name = "Inês Almeida"
+  homepage = "ines-almeida.com"
				`@ -0,0 +1 @@`
				.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}