diff options
author | Piotr Bocheński <bochenski.piotr@gmail.com> | 2021-06-26 20:18:00 +0300 |
---|---|---|
committer | Piotr Bocheński <bochenski.piotr@gmail.com> | 2021-06-27 15:14:34 +0300 |
commit | 439c532af817f80486265c45d407f8f42f90ccfa (patch) | |
tree | 3a42a7f987ca19aec6fa5198ac8d822b9f042ed8 | |
parent | f2321f1627ee79880e8296082bbae7a81898cf36 (diff) |
Add ability to customize theme without modyfing it
Users now can implement their own changes in 'assets/scss/_custom.scss' which
will be automatically picked up by Hugo during SCSS processing.
Signed-off-by: Piotr Bocheński <bochenski.piotr@gmail.com>
-rw-r--r-- | README.md | 15 | ||||
-rw-r--r-- | assets/scss/_custom.scss | 1 | ||||
-rw-r--r-- | assets/scss/main.scss | 5 |
3 files changed, 11 insertions, 10 deletions
@@ -10,14 +10,14 @@ 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 +# Download Clone the repo: `git clone https://github.com/ineesalmeida/almeida-cv` # Installation @@ -37,17 +37,18 @@ hugo server -D The theme is alive on 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 +# Building To generate your site in the public folder, execute the following: ``` hugo ``` 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/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/scss/main.scss b/assets/scss/main.scss index 37b6fed..4897445 100644 --- a/assets/scss/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"; |