diff options
author | Jordan Esh <esh.jordan@gmail.com> | 2021-08-08 15:38:22 +0300 |
---|---|---|
committer | Jordan Esh <esh.jordan@gmail.com> | 2021-08-08 15:38:22 +0300 |
commit | c6cd6ac30449750246afac041392b12d23441f2c (patch) | |
tree | e3be0120a9e299d9af0e282e8736157a36cc93df | |
parent | 0d388f3f19fb5246867e3066704d8c1d3be8caf3 (diff) |
Added References element
-rw-r--r-- | assets/scss/components/_references.scss | 58 | ||||
-rw-r--r-- | assets/scss/main.scss | 1 | ||||
-rw-r--r-- | exampleSite/data/content.yaml | 21 | ||||
-rw-r--r-- | i18n/de.toml | 3 | ||||
-rw-r--r-- | i18n/en.toml | 3 | ||||
-rw-r--r-- | i18n/pl.toml | 3 | ||||
-rw-r--r-- | layouts/index.html | 1 | ||||
-rw-r--r-- | layouts/partials/_references.html | 32 |
8 files changed, 122 insertions, 0 deletions
diff --git a/assets/scss/components/_references.scss b/assets/scss/components/_references.scss new file mode 100644 index 0000000..dc62f98 --- /dev/null +++ b/assets/scss/components/_references.scss @@ -0,0 +1,58 @@ +.references { + &__item { + display: block; + @include avoid-break; + &:not(:first-child) { + padding-top: 1.5rem; + } + } + + &__header, + &__subheader { + display: block; + width: 100%; + height: 2.4rem; + } + + &__person { + position: relative; + transition: transform 0.2s cubic-bezier($cubic); + + &:hover { + transform: translateX(0.5rem); + } + } + + &__name, + &__relation { + text-align: left; + width: 70%; + float: left; + color: $color-dark; + } + + &__contact { + position: relative; + font-size: 1rem; + + & > i { + background-color: $color-icon-background; + color: $color-icon-primary; + 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; + } + } + + & li { + list-style: none; + } +} diff --git a/assets/scss/main.scss b/assets/scss/main.scss index 4dc0d63..8142e82 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -28,6 +28,7 @@ $pages: {{ .Site.Params.pages | default 1}} !default; @import "components/side_section"; @import "components/experience"; @import "components/education"; +@import "components/references"; @import "components/contact"; @import "components/avatar"; @import "components/skills"; diff --git a/exampleSite/data/content.yaml b/exampleSite/data/content.yaml index 8779390..88aa868 100644 --- a/exampleSite/data/content.yaml +++ b/exampleSite/data/content.yaml @@ -64,6 +64,27 @@ Education: Date: Sep 2012 - Nov 2017 Details: Specialised in data analysis +References: + - Name: Person One + Relation: Co-worker at Super Cool Company + Contacts: + - Icon: fas fa-phone + Info: +44 123 456 790 + - Icon: fas fa-envelope + Info: contact@person-one.com + - Icon: fas fa-map-marker-alt + Info: Melbourne, Australia + - Name: Person Two + Relation: Boss at Super Cool Company + Contacts: + - Icon: fas fa-phone + Info: +44 123 456 791 + - Icon: fas fa-envelope + Info: contact@person-two.com + - Icon: fas fa-map-marker-alt + Info: Sydney, Australia + + Skills: - Family: Programming Items: diff --git a/i18n/de.toml b/i18n/de.toml index 9679b5f..abd2e7d 100644 --- a/i18n/de.toml +++ b/i18n/de.toml @@ -7,6 +7,9 @@ other = "Erfahrung" [education] other = "Bildung" +[references] +other = "Referenzen" + [skills] other = "Skills" diff --git a/i18n/en.toml b/i18n/en.toml index 86833ae..22d13c7 100644 --- a/i18n/en.toml +++ b/i18n/en.toml @@ -7,6 +7,9 @@ other = "Experience" [education] other = "Education" +[references] +other = "References" + [skills] other = "Skills" diff --git a/i18n/pl.toml b/i18n/pl.toml index 98071a5..c9c9291 100644 --- a/i18n/pl.toml +++ b/i18n/pl.toml @@ -7,6 +7,9 @@ other = "Doświadczenie" [education] other = "Wykształcenie" +[references] +other = "Referencje" + [skills] other = "Umiejętności" diff --git a/layouts/index.html b/layouts/index.html index 5081ad6..fa0fd5a 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -9,6 +9,7 @@ {{ partial "_profile.html" . }} {{ partial "_experience.html" . }} {{ partial "_education.html" . }} + {{ partial "_references.html" . }} </div> <div class="content__right"> diff --git a/layouts/partials/_references.html b/layouts/partials/_references.html new file mode 100644 index 0000000..e4db7ef --- /dev/null +++ b/layouts/partials/_references.html @@ -0,0 +1,32 @@ +{{ if .Site.Data.content.References }} +<div id="references" class="section"> + <div class="section__heading"> + <h2 class="section__title">{{ i18n "references" }}</h2> + </div> + <div class="section__content"> + <div class="references"> + {{ range .Site.Data.content.References }} + <div class="references__item"> + <div class="references__person"> + <div class="references__subheader"> + <h3 class="references__name"> + {{ .Name | safeHTML}} + </h3> + </div> + <div class="references__subheader"> + <h4 class="references__relation"> + {{ .Relation | safeHTML}} + </h4> + </div> + {{ range .Contacts }} + <li class="references__contact"> + <i class="{{ .Icon }}"></i><span>{{ .Info | safeHTML }}</span> + </li> + {{ end }} + </div> + </div> + {{ end }} + </div> + </div> +</div> +{{ end }} |