190 lines
8.4 KiB
HTML
190 lines
8.4 KiB
HTML
<header class="fixed-top header" data-pagefind-ignore>
|
|
{{ if .Site.Params.top_header }}
|
|
<div class="top-header py-2 bg-white">
|
|
<div class="container">
|
|
<div class="row no-gutters align-items-center">
|
|
<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>
|
|
{{ 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>
|
|
<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>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
<div class="navigation w-100 {{ if .Site.Params.top_header }} top-hider {{ end }}">
|
|
<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 }}" 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>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse text-center" id="navigation">
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ .Site.BaseURL | absLangURL }}">{{ .Site.Params.Home }}</a>
|
|
</li>
|
|
{{ range .Site.Menus.main }}
|
|
{{ if .HasChildren }}
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">
|
|
{{ .Name }}
|
|
</a>
|
|
<div class="dropdown-menu">
|
|
{{ range .Children }}
|
|
<a class="dropdown-item text-uppercase" href="{{ .URL | absLangURL }}" target="{{ if .Params.External }}_blank{{ else }}_self{{end}}">{{ .Name }}</a>
|
|
{{ if .Params.separator }}
|
|
<hr>
|
|
{{ end }}
|
|
{{ end }}
|
|
</div>
|
|
</li>
|
|
{{ else }}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ .URL | absLangURL }}">{{ .Name }}</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ end }}
|
|
<li class="nav-item">
|
|
<div class="nav-link" onclick="$('#pagefind-search').modal('show');"><i class="mdi mdi-magnify"></i> Suche</button>
|
|
</li>
|
|
</ul>
|
|
|
|
{{ if .IsTranslated }}
|
|
<select class="m-2 border-0" id="select-language" onchange="location = this.value;">
|
|
{{ $siteLanguages := .Site.Languages}}
|
|
{{ $pageLang := .Page.Lang}}
|
|
{{ range .Page.AllTranslations }}
|
|
{{ $translation := .}}
|
|
{{ range $siteLanguages }}
|
|
{{ if eq $translation.Lang .Lang }}
|
|
{{ $selected := false }}
|
|
{{ if eq $pageLang .Lang}}
|
|
<option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}" selected>{{ .LanguageName }}
|
|
</option>
|
|
{{ else }}
|
|
<option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}">{{ .LanguageName }}</option>
|
|
{{ end }}
|
|
{{ end }}
|
|
{{ end }}
|
|
{{ end }}
|
|
</select>
|
|
{{ end }}
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
<noscript>
|
|
<style>
|
|
.navigation {
|
|
background-color: #1a1a37;
|
|
}
|
|
</style>
|
|
</noscript>
|
|
</header>
|
|
|
|
{{ $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 id="top-banner" class="p-3 top-banner" style="background:{{ .color }}" data-pagefind-ignore>
|
|
<div class="container">
|
|
<div class="no-gutters align-items-center">
|
|
<div style="color:{{ .font_color }}"><b><i class="{{ .icon }}"></i> {{ .text | markdownify }}</b></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
{{ end }}
|
|
{{ end }}
|
|
|
|
{{ if .Params.Gallery }}
|
|
|
|
{{ if not ($.Page.Scratch.Get "photoswipeloaded") }}
|
|
{{ $.Page.Scratch.Set "photoswipeloaded" 1 }}
|
|
|
|
<!--
|
|
*** jQuery must be loaded before load-photoswipe.js ***
|
|
- If your template already loads jQuery in the header then you don't need to load it again here.
|
|
- If your template already loads jQuery in the footer, then you could load load-photoswipe.js from the footer instead
|
|
-->
|
|
|
|
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
|
|
<script src={{ "js/load-photoswipe.js" | relURL }}></script>
|
|
|
|
<!-- Photoswipe css/js libraries -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.1/photoswipe.min.css" integrity="sha256-sCl5PUOGMLfFYctzDW3MtRib0ctyUvI9Qsmq2wXOeBY=" crossorigin="anonymous" />
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.1/default-skin/default-skin.min.css" integrity="sha256-BFeI1V+Vh1Rk37wswuOYn5lsTcaU96hGaI7OUVCLjPc=" crossorigin="anonymous" />
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.1/photoswipe.min.js" integrity="sha256-UplRCs9v4KXVJvVY+p+RSo5Q4ilAUXh7kpjyIP5odyc=" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.1/photoswipe-ui-default.min.js" integrity="sha256-PWHOlUzc96pMc8ThwRIXPn8yH4NOLu42RQ0b9SpnpFk=" crossorigin="anonymous"></script>
|
|
|
|
<!-- Root element of PhotoSwipe. Must have class pswp. -->
|
|
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" data-pagefind-ignore>
|
|
<!-- Background of PhotoSwipe.
|
|
It's a separate element, as animating opacity is faster than rgba(). -->
|
|
<div class="pswp__bg" data-pagefind-ignore></div>
|
|
<!-- Slides wrapper with overflow:hidden. -->
|
|
<div class="pswp__scroll-wrap" data-pagefind-ignore>
|
|
<!-- Container that holds slides.
|
|
PhotoSwipe keeps only 3 of them in DOM to save memory.
|
|
Don't modify these 3 pswp__item elements, data is added later on. -->
|
|
<div class="pswp__container">
|
|
<div class="pswp__item"></div>
|
|
<div class="pswp__item"></div>
|
|
<div class="pswp__item"></div>
|
|
</div>
|
|
<!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
|
|
<div class="pswp__ui pswp__ui--hidden">
|
|
<div class="pswp__top-bar">
|
|
<!-- Controls are self-explanatory. Order can be changed. -->
|
|
<div class="pswp__counter"></div>
|
|
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
|
|
<button class="pswp__button pswp__button--share" title="Share"></button>
|
|
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
|
|
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
|
|
<!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
|
|
<!-- element will get class pswp__preloader--active when preloader is running -->
|
|
<div class="pswp__preloader">
|
|
<div class="pswp__preloader__icn">
|
|
<div class="pswp__preloader__cut">
|
|
<div class="pswp__preloader__donut"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
|
<div class="pswp__share-tooltip"></div>
|
|
</div>
|
|
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
|
|
</button>
|
|
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
|
|
</button>
|
|
<div class="pswp__caption">
|
|
<div class="pswp__caption__center"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{ end }}
|
|
|
|
{{ end }} |