From 7ca58e51b92ac03c4aa8d5e09c5def2f4390c636 Mon Sep 17 00:00:00 2001 From: Angelo Stavrow Date: Fri, 30 Aug 2019 07:11:54 -0400 Subject: Import custom CSS from separate file (#48) --- layouts/partials/head.html | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/layouts/partials/head.html b/layouts/partials/head.html index b4061f9..b5fe1a5 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -21,6 +21,9 @@ - + + {{ if (fileExists "/static/css/custom.css") -}} + + {{- end }} -- cgit v1.2.3 From 68b5b7cfec0e79c17e31ee2dc585919853ae416e Mon Sep 17 00:00:00 2001 From: Angelo Stavrow Date: Fri, 30 Aug 2019 07:27:16 -0400 Subject: Update CHANGELOG and README --- CHANGELOG.md | 2 ++ README.md | 4 ++++ 2 files changed, 6 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 9076b49..c6e7243 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). ## [Unreleased] +### Added +- You can now import custom CSS from `/static/css/custom.css` per [#48](https://github.com/AngeloStavrow/indigo/issues/48) ## [1.1.0] ### Changed diff --git a/README.md b/README.md index 1de7cb8..8907618 100644 --- a/README.md +++ b/README.md @@ -32,6 +32,10 @@ Set up the parameters in the config file, especially those in the social and `pa You can configure the theme to show info about the author; by default, this information is shown; if you'd prefer to leave it out, set `ShowBio` to `false`. +### Customization + +Indigo will look for custom CSS in `/static/css/custom.css`. This will let you add/override styling to your heart's content, while making it easy to keep Indigo up-to-date. See it in action on [angelostavrow.com](https://angelostavrow.com). + ## Deployment You can add a line to your `config.toml` file to set this theme as the default: -- cgit v1.2.3 From 857860ad82bc1debaaecbb44bbd74da6987a2ecc Mon Sep 17 00:00:00 2001 From: Angelo Stavrow Date: Sat, 31 Aug 2019 06:20:38 -0400 Subject: Move fonts.css to /static/css --- layouts/partials/fonts.css | 72 ---------------------------------------------- layouts/partials/head.html | 2 +- static/css/fonts.css | 72 ++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 73 insertions(+), 73 deletions(-) delete mode 100644 layouts/partials/fonts.css create mode 100644 static/css/fonts.css diff --git a/layouts/partials/fonts.css b/layouts/partials/fonts.css deleted file mode 100644 index a3d857c..0000000 --- a/layouts/partials/fonts.css +++ /dev/null @@ -1,72 +0,0 @@ -@font-face{ - font-family: 'Fira Code'; - src: url('{{ .Site.BaseURL }}fonts/FiraCode-Regular.eot'); - src: url('{{ .Site.BaseURL }}fonts/FiraCode-Regular.eot?#iefix') format('embedded-opentype'), - url('{{ .Site.BaseURL }}fonts/FiraCode-Regular.woff2') format('woff2'), - url('{{ .Site.BaseURL }}fonts/FiraCode-Regular.woff') format('woff'), - url('{{ .Site.BaseURL }}fonts/FiraCode-Regular.ttf') format('truetype'); - font-weight: 400; - font-style: normal; - font-display: fallback; -} - -@font-face { - font-family: 'Charter'; - src: url('{{ .Site.BaseURL }}fonts/charter_regular-webfont.eot'); - src: url('{{ .Site.BaseURL }}fonts/charter_regular-webfont.eot?#iefix') format('embedded-opentype'), - url('{{ .Site.BaseURL }}fonts/charter_regular-webfont.woff') format('woff'), - url('{{ .Site.BaseURL }}fonts/charter_regular-webfont.ttf') format('truetype'); - font-display: fallback; -} - -@font-face { - font-family: 'Charter'; - src: url('{{ .Site.BaseURL }}fonts/charter_bold-webfont.eot'); - src: url('{{ .Site.BaseURL }}fonts/charter_bold-webfont.eot?#iefix') format('embedded-opentype'), - url('{{ .Site.BaseURL }}fonts/charter_bold-webfont.woff') format('woff'), - url('{{ .Site.BaseURL }}fonts/charter_bold-webfont.ttf') format('truetype'); - font-weight: bold; - font-display: fallback; -} - -@font-face { - font-family: 'Charter'; - src: url('{{ .Site.BaseURL }}fonts/charter_italic-webfont.eot'); - src: url('{{ .Site.BaseURL }}fonts/charter_italic-webfont.eot?#iefix') format('embedded-opentype'), - url('{{ .Site.BaseURL }}fonts/charter_italic-webfont.woff') format('woff'), - url('{{ .Site.BaseURL }}fonts/charter_italic-webfont.ttf') format('truetype'); - font-style: italic; - font-display: fallback; -} - -@font-face { - font-family: 'Charter'; - src: url('{{ .Site.BaseURL }}fonts/charter_bold_italic-webfont.eot'); - src: url('{{ .Site.BaseURL }}fonts/charter_bold_italic-webfont.eot?#iefix') format('embedded-opentype'), - url('{{ .Site.BaseURL }}fonts/charter_bold_italic-webfont.woff') format('woff'), - url('{{ .Site.BaseURL }}fonts/charter_bold_italic-webfont.ttf') format('truetype'); - font-style: italic; - font-weight: bold; - font-display: fallback; -} - -@font-face { - font-family: 'Fira Sans'; - src: url('{{ .Site.BaseURL }}fonts/FiraSans-Book.eot'); - src: url('{{ .Site.BaseURL }}fonts/FiraSans-Book.eot?#iefix') format('embedded-opentype'), - url('{{ .Site.BaseURL }}fonts/FiraSans-Book.woff2') format('woff2'), - url('{{ .Site.BaseURL }}fonts/FiraSans-Book.woff') format('woff'), - url('{{ .Site.BaseURL }}fonts/FiraSans-Book.ttf') format('truetype'); - font-display: fallback; -} - -@font-face { - font-family: 'Fira Sans'; - src: url('{{ .Site.BaseURL }}fonts/FiraSans-Bold.eot'); - src: url('{{ .Site.BaseURL }}fonts/FiraSans-Bold.eot?#iefix') format('embedded-opentype'), - url('{{ .Site.BaseURL }}fonts/FiraSans-Bold.woff2') format('woff2'), - url('{{ .Site.BaseURL }}fonts/FiraSans-Bold.woff') format('woff'), - url('{{ .Site.BaseURL }}fonts/FiraSans-Bold.ttf') format('truetype'); - font-weight: bold; - font-display: fallback; -} diff --git a/layouts/partials/head.html b/layouts/partials/head.html index b5fe1a5..b6aab03 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -20,7 +20,7 @@ - + {{ if (fileExists "/static/css/custom.css") -}} diff --git a/static/css/fonts.css b/static/css/fonts.css new file mode 100644 index 0000000..44776e3 --- /dev/null +++ b/static/css/fonts.css @@ -0,0 +1,72 @@ +@font-face{ + font-family: 'Fira Code'; + src: url('/fonts/FiraCode-Regular.eot'); + src: url('/fonts/FiraCode-Regular.eot?#iefix') format('embedded-opentype'), + url('/fonts/FiraCode-Regular.woff2') format('woff2'), + url('/fonts/FiraCode-Regular.woff') format('woff'), + url('/fonts/FiraCode-Regular.ttf') format('truetype'); + font-weight: 400; + font-style: normal; + font-display: fallback; +} + +@font-face { + font-family: 'Charter'; + src: url('/fonts/charter_regular-webfont.eot'); + src: url('/fonts/charter_regular-webfont.eot?#iefix') format('embedded-opentype'), + url('/fonts/charter_regular-webfont.woff') format('woff'), + url('/fonts/charter_regular-webfont.ttf') format('truetype'); + font-display: fallback; +} + +@font-face { + font-family: 'Charter'; + src: url('/fonts/charter_bold-webfont.eot'); + src: url('/fonts/charter_bold-webfont.eot?#iefix') format('embedded-opentype'), + url('/fonts/charter_bold-webfont.woff') format('woff'), + url('/fonts/charter_bold-webfont.ttf') format('truetype'); + font-weight: bold; + font-display: fallback; +} + +@font-face { + font-family: 'Charter'; + src: url('/fonts/charter_italic-webfont.eot'); + src: url('/fonts/charter_italic-webfont.eot?#iefix') format('embedded-opentype'), + url('/fonts/charter_italic-webfont.woff') format('woff'), + url('/fonts/charter_italic-webfont.ttf') format('truetype'); + font-style: italic; + font-display: fallback; +} + +@font-face { + font-family: 'Charter'; + src: url('/fonts/charter_bold_italic-webfont.eot'); + src: url('/fonts/charter_bold_italic-webfont.eot?#iefix') format('embedded-opentype'), + url('/fonts/charter_bold_italic-webfont.woff') format('woff'), + url('/fonts/charter_bold_italic-webfont.ttf') format('truetype'); + font-style: italic; + font-weight: bold; + font-display: fallback; +} + +@font-face { + font-family: 'Fira Sans'; + src: url('/fonts/FiraSans-Book.eot'); + src: url('/fonts/FiraSans-Book.eot?#iefix') format('embedded-opentype'), + url('/fonts/FiraSans-Book.woff2') format('woff2'), + url('/fonts/FiraSans-Book.woff') format('woff'), + url('/fonts/FiraSans-Book.ttf') format('truetype'); + font-display: fallback; +} + +@font-face { + font-family: 'Fira Sans'; + src: url('/fonts/FiraSans-Bold.eot'); + src: url('/fonts/FiraSans-Bold.eot?#iefix') format('embedded-opentype'), + url('/fonts/FiraSans-Bold.woff2') format('woff2'), + url('/fonts/FiraSans-Bold.woff') format('woff'), + url('/fonts/FiraSans-Bold.ttf') format('truetype'); + font-weight: bold; + font-display: fallback; +} -- cgit v1.2.3