diff --git a/assets/scss/components/_certificates.scss b/assets/scss/components/_certificates.scss new file mode 100644 index 0000000..005c8bf --- /dev/null +++ b/assets/scss/components/_certificates.scss @@ -0,0 +1,23 @@ +.certificates { + line-height: 2rem; + + &__item { + position: relative; + font-size: 1rem; + + & > img { + width: 3rem; + height: 3rem; + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + & > span { + @include vt-center; + } + } + + &__link { + text-decoration: none; + color: $color-dark; + } +} \ No newline at end of file diff --git a/assets/scss/main.scss b/assets/scss/main.scss index 8142e82..232d8ff 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -35,5 +35,6 @@ $pages: {{ .Site.Params.pages | default 1}} !default; @import "components/languages"; @import "components/interests"; @import "components/404"; +@import "components/certificates"; @import "custom"; diff --git a/layouts/index.html b/layouts/index.html index 22805a2..72231ca 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -24,6 +24,7 @@ {{ partial "_avatar.html" $data }} {{ partial "_contacts.html" $data }} {{ partial "_skills.html" $data }} + {{ partial "_certificates.html" $data }} {{ partial "_languages.html" $data }} {{ partial "_diplomas.html" $data }} {{ partial "_interests.html" $data }} diff --git a/layouts/partials/_certificates.html b/layouts/partials/_certificates.html new file mode 100644 index 0000000..8f8afae --- /dev/null +++ b/layouts/partials/_certificates.html @@ -0,0 +1,16 @@ +{{ if .Certificates }} +<div class="sideSection"> + <div class="sideSection__heading"> + <h2 class="sideSection__title">Certifications</h2> + </div> + <div class="sideSection certificates"> + <ul> + {{ range .Certificates }} + <li class="certificates__item"> + <img src="{{ .Badge }}"> <span>{{ .Name | safeHTML }}</span> + </li> + {{ end }} + </ul> + </div> +</div> +{{ end }} \ No newline at end of file