From 8082b14326ac611c609999256f7eea1e25550388 Mon Sep 17 00:00:00 2001
From: Gabriele Musco <gabmus@disroot.org>
Date: Tue, 6 Jul 2021 19:13:33 +0200
Subject: [PATCH] additions, fixes and style changes to the jumbotron

---
 README.md                       |  1 +
 assets/scss/style.scss          | 30 ++++++++++++++++++++++++++----
 layouts/partials/jumbotron.html |  6 +++++-
 3 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 0c6af91..e6e8076 100644
--- a/README.md
+++ b/README.md
@@ -205,6 +205,7 @@ image: /jumbotron_image.svg
 imagePosition: left  # values: left, right, top, bottom
 background: /img/jumbotron_bg.png
 backgroundVideo: /jumbotron_video.webm  # will replace the background image
+videoOpacity: 1.0
 textShadow: false
 fullscreen: false
 downArrow: false
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 6827442..31f26de 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -658,16 +658,32 @@ header.jumbotronContainer {
         &, *, > * {
             color: white !important;
         }
-        #main-nav a {
+        #main-nav a, .nerdlink:hover {
             color: $accent_color !important;
         }
+        .nerdlink span {
+            color: $fg_color !important;
+            text-shadow: none;
+        }
         #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 }}
     {{ 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 }}
     > *:first-child {
@@ -700,7 +716,9 @@ header.jumbotronContainer {
             min-width: 100%;
             top: 0; bottom: 0; left: 0; right: 0;
             z-index: 0;
+            background-color: black;
             .jumbotron_video {
+                opacity: {{ .Site.Data.jumbotron.videoOpacity | default 1.0 }};
                 position: absolute;
                 z-index: 0;
                 left: 50%;
@@ -818,9 +836,13 @@ header.jumbotronContainer {
         li {
             margin: 3px;
             a {
+                &.huge {
+                    font-size: 1.5em;
+                }
                 {{ if eq .Site.Params.navtype "circles" }}
                     @include buttonLikeLink;
-                    background-color: transparentize($highlight_bg_color, .3);
+                    background-color: transparent;
+                    border: 2px solid $accent_color;
                 {{ end }}
             }
         }
diff --git a/layouts/partials/jumbotron.html b/layouts/partials/jumbotron.html
index ae8b3ae..345eb4e 100644
--- a/layouts/partials/jumbotron.html
+++ b/layouts/partials/jumbotron.html
@@ -28,7 +28,11 @@
             {{ if .Site.Data.jumbotron.links }}
                 <ul>
                     {{ 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 }}
                 </ul>
             {{ end }}