option to make text in the jumbotron white

This commit is contained in:
Gabriele Musco 2021-07-06 17:38:44 +02:00
parent 10c7fb26bb
commit f62e10b4b2
No known key found for this signature in database
GPG Key ID: 8539FD3454380B83
2 changed files with 7 additions and 1 deletions

View File

@ -204,10 +204,11 @@ subtitle: Some fancy subtitle
image: /jumbotron_image.svg image: /jumbotron_image.svg
imagePosition: left # values: left, right, top, bottom imagePosition: left # values: left, right, top, bottom
background: /img/jumbotron_bg.png background: /img/jumbotron_bg.png
backgroundVideo: /img/jumbotron_video.webm # will replace the background image backgroundVideo: /jumbotron_video.webm # will replace the background image
textShadow: false textShadow: false
fullscreen: false fullscreen: false
downArrow: false downArrow: false
whiteText: false # force white text in the jumbotron
links: links:
- title: About me - title: About me
link: /pages/about link: /pages/about

View File

@ -654,6 +654,11 @@ header {
} }
} }
header.jumbotronContainer { header.jumbotronContainer {
{{ if (.Site.Data.jumbotron.whiteText | default false) }}
&, *, > * {
color: white !important;
}
{{ end }}
{{ if (.Site.Data.jumbotron.textShadow | default false) }} {{ if (.Site.Data.jumbotron.textShadow | default false) }}
&, * { &, * {
text-shadow: 0 0 5px rgba(0, 0, 0, .7); text-shadow: 0 0 5px rgba(0, 0, 0, .7);