fbievan
/
Website-Redesign
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

additions, fixes and style changes to the jumbotron

This commit is contained in:
Gabriele Musco 2021-07-06 19:13:33 +02:00
parent 1a2cf67a27
commit 8082b14326
No known key found for this signature in database
GPG Key ID: 8539FD3454380B83
3 changed files with 32 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@ -205,6 +205,7 @@ 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: /jumbotron_video.webm # will replace the background image backgroundVideo: /jumbotron_video.webm # will replace the background image
videoOpacity: 1.0
textShadow: false textShadow: false
fullscreen: false fullscreen: false
downArrow: false downArrow: false

30
assets/scss/style.scss
View File

@ -658,16 +658,32 @@ header.jumbotronContainer {
&, *, > * { &, *, > * {
color: white !important; color: white !important;
} }
#main-nav a { #main-nav a, .nerdlink:hover {
color: $accent_color !important; color: $accent_color !important;
} }
.nerdlink span {
color: $fg_color !important;
text-shadow: none;
}
#searchbar { #searchbar {
border-color: white; border-color: white !important;
}
.arrow {
border-color: white !important;
svg , svg * {
fill: white !important;
}
&:hover, &:focus, &:active {
background-color: rgba(0, 0, 0, .7);
svg, svg * {
fill: white !important;
}
}
} }
{{ end }} {{ 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 transparentize($fg_color, .3);
} }
{{ end }} {{ end }}
> *:first-child { > *:first-child {
@ -700,7 +716,9 @@ header.jumbotronContainer {
min-width: 100%; min-width: 100%;
top: 0; bottom: 0; left: 0; right: 0; top: 0; bottom: 0; left: 0; right: 0;
z-index: 0; z-index: 0;
background-color: black;
.jumbotron_video { .jumbotron_video {
opacity: {{ .Site.Data.jumbotron.videoOpacity | default 1.0 }};
position: absolute; position: absolute;
z-index: 0; z-index: 0;
left: 50%; left: 50%;
@ -818,9 +836,13 @@ header.jumbotronContainer {
li { li {
margin: 3px; margin: 3px;
a { a {
&.huge {
font-size: 1.5em;
}
{{ if eq .Site.Params.navtype "circles" }} {{ if eq .Site.Params.navtype "circles" }}
@include buttonLikeLink; @include buttonLikeLink;
background-color: transparentize($highlight_bg_color, .3); background-color: transparent;
border: 2px solid $accent_color;
{{ end }} {{ end }}
} }
} }

6
layouts/partials/jumbotron.html
View File

@ -28,7 +28,11 @@
{{ if .Site.Data.jumbotron.links }} {{ if .Site.Data.jumbotron.links }}
<ul> <ul>
{{ range .Site.Data.jumbotron.links }} {{ range .Site.Data.jumbotron.links }}
<li><a href="{{ .link }}">{{ .title }}</a></li> <li>
<a class="{{ if .huge }}huge{{ end }}" href="{{ .link }}">
{{ .title }}
</a>
</li>
{{ end }} {{ end }}
</ul> </ul>
{{ end }} {{ end }}