nishiki/hugo-theme-almeida
1
0
Fork 0
mirror of https://github.com/ineesalmeida/almeida-cv.git synced 2024-11-22 23:37:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add ability to customize theme without modyfing it

Browse source 
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>
This commit is contained in:
Piotr Bocheński 2021-06-26 19:18:00 +02:00
parent f2321f1627
commit 439c532af8
No known key found for this signature in database
GPG key ID: CF6C57DF01D2C24C
3 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
README.md
View file

@ -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.

1
assets/scss/_custom.scss Normal file
View file

@ -0,0 +1 @@
// override me

5
assets/scss/main.scss
View file

@ -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";
@import "custom";