diff options
author | Inês Almeida <ineesalmeida@gmail.com> | 2021-06-28 16:22:47 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-06-28 16:22:47 +0300 |
commit | f44d5f6cb73accfe2483d17cd92982fa1ea0315f (patch) | |
tree | c7bec4610a973086704ab4476bd64990fecd10e1 | |
parent | cc9295137f9325b3e226b1d5c11c3f19635ca80c (diff) | |
parent | a9bdb46b9b0d92fd5c95cace8880b6f76ce44158 (diff) |
Merge pull request #14 from b0ch3nski/improvements
Multiple improvements :)
-rw-r--r-- | README.md | 39 | ||||
-rw-r--r-- | assets/scss/_abstract.scss (renamed from assets/sass/_abstract.scss) | 0 | ||||
-rw-r--r-- | assets/scss/_base.scss (renamed from assets/sass/_base.scss) | 0 | ||||
-rw-r--r-- | assets/scss/_custom.scss | 1 | ||||
-rw-r--r-- | assets/scss/_functions.scss (renamed from assets/sass/_functions.scss) | 0 | ||||
-rw-r--r-- | assets/scss/_layout.scss (renamed from assets/sass/_layout.scss) | 0 | ||||
-rw-r--r-- | assets/scss/_mixins.scss (renamed from assets/sass/_mixins.scss) | 0 | ||||
-rw-r--r-- | assets/scss/_typography.scss (renamed from assets/sass/_typography.scss) | 0 | ||||
-rw-r--r-- | assets/scss/components/_404.scss (renamed from assets/sass/components/_404.scss) | 0 | ||||
-rw-r--r-- | assets/scss/components/_avatar.scss (renamed from assets/sass/components/_avatar.scss) | 0 | ||||
-rw-r--r-- | assets/scss/components/_contact.scss (renamed from assets/sass/components/_contact.scss) | 0 | ||||
-rw-r--r-- | assets/scss/components/_education.scss (renamed from assets/sass/components/_education.scss) | 0 | ||||
-rw-r--r-- | assets/scss/components/_experience.scss (renamed from assets/sass/components/_experience.scss) | 0 | ||||
-rw-r--r-- | assets/scss/components/_interests.scss (renamed from assets/sass/components/_interests.scss) | 0 | ||||
-rw-r--r-- | assets/scss/components/_languages.scss (renamed from assets/sass/components/_languages.scss) | 0 | ||||
-rw-r--r-- | assets/scss/components/_section.scss (renamed from assets/sass/components/_section.scss) | 0 | ||||
-rw-r--r-- | assets/scss/components/_side_section.scss (renamed from assets/sass/components/_side_section.scss) | 0 | ||||
-rw-r--r-- | assets/scss/components/_skills.scss (renamed from assets/sass/components/_skills.scss) | 0 | ||||
-rw-r--r-- | assets/scss/main.scss (renamed from assets/sass/main.scss) | 5 | ||||
-rw-r--r-- | exampleSite/config.toml | 7 | ||||
-rw-r--r-- | exampleSite/resources/_gen/assets/scss/sass/main.scss_545d7c693f5b5f74d129019eb310e64e.content | 1 | ||||
-rw-r--r-- | exampleSite/resources/_gen/assets/scss/sass/main.scss_545d7c693f5b5f74d129019eb310e64e.json | 1 | ||||
-rw-r--r-- | i18n/pl.toml | 20 | ||||
-rw-r--r-- | layouts/partials/head.html | 19 |
24 files changed, 61 insertions, 32 deletions
@@ -10,44 +10,45 @@ Theme to build a customizeable printable HTML/CSS CV. - Customizeable colors ## Print your PDF CV -When printing the page in the browser, you'll get a formatted A4 page that can be used as your PDF resume. +When printing the page in the browser, you'll get a formatted A4 page that can be used as your PDF resume. If your page holds more than 1 A4 page, the content will be divided into the given amount of pages. For better formatting, you can set the number of pages in the `config.toml` file. If badges and other elements with background don't render correctly, remember to toggle the "Background Graphics" option in the print dialog. -# Download -Clone the repo: `git clone https://github.com/ineesalmeida/almeida-cv` +# Usage +## Install Hugo (extended) +To use `almeida-cv` theme you need to install Hugo Extended by following https://gohugo.io/getting-started/installing/. -# Installation -## Install Hugo (Extended) -To use almeida-cv theme you need to install Hugo Extended by following https://gohugo.io/getting-started/installing/. - -## Create your personal website and run +## Create your personal website ``` hugo new site <your website's name> -cd <your website's name>/themes/ +cd <your website's name> +git init +git submodule add https://github.com/ineesalmeida/almeida-cv.git themes/almeida-cv ``` -Clone the theme (`git clone https://github.com/ineesalmeida/almeida-cv`) into your themes folder. -Replace the files in your root's directory with the ones on `themes/almeida-cv/exampleSite`. +Replace the files in your site root's directory with the ones in `themes/almeida-cv/exampleSite`. + +## Start Hugo in development mode ``` hugo server -D ``` -The theme is alive on http://localhost:1313/. +Your site is now available at http://localhost:1313/. ## Customization -You can change the theme colors and number of pages in the `config.toml` file. -Your professional data should be added in the `data/content.yaml`. +Your professional data should be added in the `data/content.yaml` file. You can change the theme colors and number of +pages in the `config.toml` file. For working example, see `exampleSite` directory. +For more advanced customization, in your site root directory create `assets/scss/_custom.scss` file where you can +overwrite theme SCSS as per your liking. -# Building -To generate your site in the public folder, execute the following: +## Building +To generate static files of your website, execute the following: ``` -hugo +hugo --minify ``` within the root of your project. - -# Contributing +# Contributing Post bugs and contributions to the issue tracker. Or make a pull request. diff --git a/assets/sass/_abstract.scss b/assets/scss/_abstract.scss index ffa098a..ffa098a 100644 --- a/assets/sass/_abstract.scss +++ b/assets/scss/_abstract.scss diff --git a/assets/sass/_base.scss b/assets/scss/_base.scss index 127b986..127b986 100644 --- a/assets/sass/_base.scss +++ b/assets/scss/_base.scss diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss new file mode 100644 index 0000000..4215c68 --- /dev/null +++ b/assets/scss/_custom.scss @@ -0,0 +1 @@ +// override me diff --git a/assets/sass/_functions.scss b/assets/scss/_functions.scss index 94fe1cb..94fe1cb 100644 --- a/assets/sass/_functions.scss +++ b/assets/scss/_functions.scss diff --git a/assets/sass/_layout.scss b/assets/scss/_layout.scss index 6d95037..6d95037 100644 --- a/assets/sass/_layout.scss +++ b/assets/scss/_layout.scss diff --git a/assets/sass/_mixins.scss b/assets/scss/_mixins.scss index 1756e90..1756e90 100644 --- a/assets/sass/_mixins.scss +++ b/assets/scss/_mixins.scss diff --git a/assets/sass/_typography.scss b/assets/scss/_typography.scss index 20c6034..20c6034 100644 --- a/assets/sass/_typography.scss +++ b/assets/scss/_typography.scss diff --git a/assets/sass/components/_404.scss b/assets/scss/components/_404.scss index d8174e8..d8174e8 100644 --- a/assets/sass/components/_404.scss +++ b/assets/scss/components/_404.scss diff --git a/assets/sass/components/_avatar.scss b/assets/scss/components/_avatar.scss index 3ec7f29..3ec7f29 100644 --- a/assets/sass/components/_avatar.scss +++ b/assets/scss/components/_avatar.scss diff --git a/assets/sass/components/_contact.scss b/assets/scss/components/_contact.scss index 18d1111..18d1111 100644 --- a/assets/sass/components/_contact.scss +++ b/assets/scss/components/_contact.scss diff --git a/assets/sass/components/_education.scss b/assets/scss/components/_education.scss index be1863f..be1863f 100644 --- a/assets/sass/components/_education.scss +++ b/assets/scss/components/_education.scss diff --git a/assets/sass/components/_experience.scss b/assets/scss/components/_experience.scss index 8071cec..8071cec 100644 --- a/assets/sass/components/_experience.scss +++ b/assets/scss/components/_experience.scss diff --git a/assets/sass/components/_interests.scss b/assets/scss/components/_interests.scss index 9759e20..9759e20 100644 --- a/assets/sass/components/_interests.scss +++ b/assets/scss/components/_interests.scss diff --git a/assets/sass/components/_languages.scss b/assets/scss/components/_languages.scss index fa5c94a..fa5c94a 100644 --- a/assets/sass/components/_languages.scss +++ b/assets/scss/components/_languages.scss diff --git a/assets/sass/components/_section.scss b/assets/scss/components/_section.scss index e93846b..e93846b 100644 --- a/assets/sass/components/_section.scss +++ b/assets/scss/components/_section.scss diff --git a/assets/sass/components/_side_section.scss b/assets/scss/components/_side_section.scss index 3eae328..3eae328 100644 --- a/assets/sass/components/_side_section.scss +++ b/assets/scss/components/_side_section.scss diff --git a/assets/sass/components/_skills.scss b/assets/scss/components/_skills.scss index 54b2162..54b2162 100644 --- a/assets/sass/components/_skills.scss +++ b/assets/scss/components/_skills.scss diff --git a/assets/sass/main.scss b/assets/scss/main.scss index 37b6fed..4897445 100644 --- a/assets/sass/main.scss +++ b/assets/scss/main.scss @@ -1,5 +1,3 @@ - -// 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; @@ -25,5 +23,6 @@ $pages: {{ .Site.Params.pages | default 1}} !default; @import "components/skills"; @import "components/languages"; @import "components/interests"; +@import "components/404"; -@import "components/404";
\ No newline at end of file +@import "custom"; diff --git a/exampleSite/config.toml b/exampleSite/config.toml index c71d98e..b160eb9 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -1,7 +1,12 @@ -baseURL = "https://example.com/" languageCode = "en-us" defaultContentLanguage = "en" +enableRobotsTXT = "true" +enableEmoji = "true" + theme = "almeida-cv" +disableKinds = ["page", "section", "taxonomy", "term", "RSS", "sitemap"] + +baseURL = "https://example.com/" title = "Example - CV" [params] diff --git a/exampleSite/resources/_gen/assets/scss/sass/main.scss_545d7c693f5b5f74d129019eb310e64e.content b/exampleSite/resources/_gen/assets/scss/sass/main.scss_545d7c693f5b5f74d129019eb310e64e.content deleted file mode 100644 index cd3c2fa..0000000 --- a/exampleSite/resources/_gen/assets/scss/sass/main.scss_545d7c693f5b5f74d129019eb310e64e.content +++ /dev/null @@ -1 +0,0 @@ -@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 deleted file mode 100644 index e49f825..0000000 --- a/exampleSite/resources/_gen/assets/scss/sass/main.scss_545d7c693f5b5f74d129019eb310e64e.json +++ /dev/null @@ -1 +0,0 @@ -{"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/i18n/pl.toml b/i18n/pl.toml new file mode 100644 index 0000000..98071a5 --- /dev/null +++ b/i18n/pl.toml @@ -0,0 +1,20 @@ +[profile] +other = "Profil" + +[experience] +other = "Doświadczenie" + +[education] +other = "Wykształcenie" + +[skills] +other = "Umiejętności" + +[languages] +other = "Języki" + +[diplomas] +other = "Dyplomy" + +[interests] +other = "Zainteresowania" diff --git a/layouts/partials/head.html b/layouts/partials/head.html index a1a4e90..8bd5dd1 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -3,11 +3,16 @@ <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"> + <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://fonts.googleapis.com/icon?family=Material+Icons" /> + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" /> - {{ $style := resources.Get "sass/main.scss" | resources.ExecuteAsTemplate "style.main.scss" . | toCSS | minify | fingerprint }} - <link rel="stylesheet" href="{{ $style.RelPermalink }}" integrity="{{ $style.Data.Integrity }}" crossorigin="anonymous" media="screen" /> -</head>
\ No newline at end of file + {{- $style := resources.Get "scss/main.scss" | resources.ExecuteAsTemplate "style.main.scss" . | toCSS | minify | fingerprint }} + <link rel="stylesheet" href="{{ $style.RelPermalink }}" integrity="{{ $style.Data.Integrity }}" crossorigin="anonymous" media="screen,print" /> + + {{- if .Site.GoogleAnalytics }} + {{ template "_internal/google_analytics.html" . }} + {{ template "_internal/google_analytics_async.html" . }} + {{- end -}} +</head> |