top banner fixes

data/de/homepage.yml

@@ -1,8 +1,13 @@
 top_banner:
-  enable: false
-  text: "Jetzt neu: Die GCG-Website"
-  color: \#d30404
+  enable: true
+  text: "Das GCG wünscht allen ein frohes, gesundes und friedliches Jahr 2023!"
+  color: \#4e95ff
   font_color: \#ffffff
+  icon: fas fa-tree
+  temporarily:
+    enable: true
+    start_date: 2023-01-01T00:00:01.245Z
+    end_date: 2023-01-09T00:00:01.245Z
 slider:
   enable: true
   bg_image: media/home/banner.webp
@@ -136,13 +141,9 @@ about:
     beschränkt sich aber nicht auf den MINT-Bereich. Informieren Sie sich über
     unser vielfältiges wissenschaftliches, kulturelles und soziales Angebot.
 
+    ## Virtueller Rundgang
 
-    ## Tag der offenen Tür
-
-
-    Am 19. November 2022 laden wir Sie herzlich zu unserem Tag der offenen Tür ein.
-
-    Wer nicht bis zum Tag der offenen Tür warten möchte, dem bieten wir eine digitale Führung durch das Schulhaus an, um sich bereits virtuell im Schulhaus umzuschauen.
+    Wer nicht bis zum nächsten Tag der offenen Tür warten möchte, dem bieten wir eine digitale Führung durch das Schulhaus an, um sich bereits virtuell im Schulhaus umzuschauen.
   button:
     enable: true
     label: Digitale Führung durch das Schulhaus

layouts/partials/header.html

@@ -6,16 +6,21 @@
         <div class="col-lg-4 text-center text-lg-left">
           <ul class="list-inline">
             {{ range .Site.Params.social }}
-            <li class="list-inline-item mx-0"><a class="d-inline-block p-2 text-color" href="{{ .link | safeURL }}"><i class="{{ .icon }}"></i></a></li>
+            <li class="list-inline-item mx-0"><a class="d-inline-block p-2 text-color" href="{{ .link | safeURL }}"><i
+                  class="{{ .icon }}"></i></a></li>
             {{ end }}
           </ul>
         </div>
         <div class="col-lg-8 text-center text-lg-right">
           <ul class="list-inline">
             <li class="list-inline-item">
-              <a class="text-color mr-3" href="tel:{{ .Site.Params.mobile }}"><strong>{{ i18n "call" | upper }} : </strong> {{ .Site.Params.mobile }}</a></li>
+              <a class="text-color mr-3" href="tel:{{ .Site.Params.mobile }}"><strong>{{ i18n "call" | upper }} :
+                </strong> {{ .Site.Params.mobile }}</a>
+            </li>
             <li class="list-inline-item">
-              <a class="text-color" href="mailto:{{ .Site.Params.email }}"><strong>{{ i18n "email" | upper }} : </strong> {{ .Site.Params.email_pretty | safeHTML }}</a></li>
+              <a class="text-color" href="mailto:{{ .Site.Params.email }}"><strong>{{ i18n "email" | upper }} :
+                </strong> {{ .Site.Params.email_pretty | safeHTML }}</a>
+            </li>
           </ul>
         </div>
       </div>
@@ -26,7 +31,7 @@
     <div class="container">
       <nav class="navbar navbar-expand-lg navbar-dark p-0">
         <a class="navbar-brand" href="{{ .Site.BaseURL | relLangURL }}"><img height="60"
-            src="{{ .Site.Params.logo | absURL }}" alt="{{ .Site.Title }}"></a>
+            src="{{ .Site.Params.logo | absURL }}" class="py-2" alt="{{ .Site.Title }}"></a>
         <button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation"
           aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
@@ -88,17 +93,18 @@
       }
     </style>
   </noscript>
-
-  {{ $data := index .Site.Data .Site.Language.Lang }}
-  {{ if $data.homepage.top_banner.enable }}
-  {{ with $data.homepage.top_banner }}
-  <div class="p-2" style="background:{{.color}}">
+  {{ $top_banner := (index .Site.Data .Site.Language.Lang).homepage.top_banner }}
+  {{ if and $top_banner.enable }}
+  {{ if or (not $top_banner.temporarily.enable) (and $top_banner.temporarily.enable (and (le ($top_banner.temporarily.start_date | time.AsTime).Unix now.Unix ) (ge ($top_banner.temporarily.end_date | time.AsTime).Unix now.Unix))) }}
+  {{ with $top_banner }}
+  <div class="p-3 top-banner" style="background:{{ .color }}">
     <div class="container">
       <div class="no-gutters align-items-center">
-        <p style="color:{{.font_color}}"><b><i class="fa-solid fa-circle-info"></i> {{ .text }}</b></p>
+        <div style="color:{{ .font_color }}"><b><i class="{{ .icon }}"></i> {{ .text }}</b></div>
       </div>
     </div>
   </div>
   {{ end }}
   {{ end }}
-</header>
+  {{ end }}
+</header>