top banner fixes

This commit is contained in:
Denys Konovalov 2023-01-01 17:21:19 +01:00
parent 971c49d92e
commit 7b18f2239f
2 changed files with 27 additions and 20 deletions

@ -1,8 +1,13 @@
top_banner: top_banner:
enable: false enable: true
text: "Jetzt neu: Die GCG-Website" text: "Das GCG wünscht allen ein frohes, gesundes und friedliches Jahr 2023!"
color: \#d30404 color: \#4e95ff
font_color: \#ffffff 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: slider:
enable: true enable: true
bg_image: media/home/banner.webp bg_image: media/home/banner.webp
@ -136,13 +141,9 @@ about:
beschränkt sich aber nicht auf den MINT-Bereich. Informieren Sie sich über beschränkt sich aber nicht auf den MINT-Bereich. Informieren Sie sich über
unser vielfältiges wissenschaftliches, kulturelles und soziales Angebot. unser vielfältiges wissenschaftliches, kulturelles und soziales Angebot.
## Virtueller Rundgang
## Tag der offenen Tür 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.
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.
button: button:
enable: true enable: true
label: Digitale Führung durch das Schulhaus label: Digitale Führung durch das Schulhaus

@ -6,16 +6,21 @@
<div class="col-lg-4 text-center text-lg-left"> <div class="col-lg-4 text-center text-lg-left">
<ul class="list-inline"> <ul class="list-inline">
{{ range .Site.Params.social }} {{ 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 }} {{ end }}
</ul> </ul>
</div> </div>
<div class="col-lg-8 text-center text-lg-right"> <div class="col-lg-8 text-center text-lg-right">
<ul class="list-inline"> <ul class="list-inline">
<li class="list-inline-item"> <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"> <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> </ul>
</div> </div>
</div> </div>
@ -26,7 +31,7 @@
<div class="container"> <div class="container">
<nav class="navbar navbar-expand-lg navbar-dark p-0"> <nav class="navbar navbar-expand-lg navbar-dark p-0">
<a class="navbar-brand" href="{{ .Site.BaseURL | relLangURL }}"><img height="60" <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" <button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation"
aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
@ -88,17 +93,18 @@
} }
</style> </style>
</noscript> </noscript>
{{ $top_banner := (index .Site.Data .Site.Language.Lang).homepage.top_banner }}
{{ $data := index .Site.Data .Site.Language.Lang }} {{ if and $top_banner.enable }}
{{ if $data.homepage.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 $data.homepage.top_banner }} {{ with $top_banner }}
<div class="p-2" style="background:{{.color}}"> <div class="p-3 top-banner" style="background:{{ .color }}">
<div class="container"> <div class="container">
<div class="no-gutters align-items-center"> <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> </div>
</div> </div>
{{ end }} {{ end }}
{{ end }} {{ end }}
{{ end }}
</header> </header>