Merge branch 'master' into feature/noscript
This commit is contained in:
@ -5,8 +5,8 @@
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="content">
|
||||
<h2>This Page doesn't exist</h2>
|
||||
<a class="btn btn-primary" href="{{ .Site.BaseURL | relLangURL }}">Back to Homepage</a>
|
||||
<h3>Hier geht es leider nicht weiter.</h3>
|
||||
<a class="btn btn-primary" href="{{ .Site.BaseURL | relLangURL }}">Zurück zur Startseite</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
<br>
|
||||
<li class="list-inline-item"><p><i class="fa-solid fa-user-group"></i> {{ .Params.Class }}</p></li>
|
||||
</ul>
|
||||
<h4 class="card-title"><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
|
||||
<h4 class="card-title"><a href="{{ .Permalink }}">{{ .Title | truncate 20 }}</a></h4>
|
||||
<a href="{{ .Permalink }}" class="btn btn-primary btn-sm">{{ i18n "show_more"}}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
<div class="card-body">
|
||||
<ul class="list-inline mb-3">
|
||||
<li class="list-inline-item mr-3 ml-0"><i class="fa-solid fa-calendar-day"></i>
|
||||
{{ .PublishDate.Format "02 Jan, 2006" }}</li>
|
||||
{{ time.Format "02 Jan 2006" .PublishDate }}</li>
|
||||
<li class="list-inline-item mr-3 ml-0"><i class="fa-solid fa-user"></i> <a
|
||||
href="{{ `author/` | relLangURL }}{{ .Params.Author | urlize }}">{{ .Params.Author | title }}</a>
|
||||
</li>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<img class="card-img-top rounded-0" src="{{ .Params.Image | relURL }}" alt="{{ .Title }}">
|
||||
<div class="card-body">
|
||||
<ul class="list-inline mb-3">
|
||||
<li class="list-inline-item mr-3 ml-0"><i class="fa-solid fa-calendar-day"></i> {{ .PublishDate.Format "02 Jan, 2006" }}</li>
|
||||
<li class="list-inline-item mr-3 ml-0"><i class="fa-solid fa-calendar-day"></i> {{ time.Format "02 Jan 2006" .PublishDate }}</li>
|
||||
<li class="list-inline-item mr-3 ml-0"><i class="fa-solid fa-user"></i> <a
|
||||
href="{{ `author` | relLangURL }}{{ .Params.Author | urlize }}">{{ .Params.Author | title }}</a></li>
|
||||
</ul>
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
href="{{ `author/` | relLangURL }}{{ .Params.Author | urlize }}">{{ .Params.Author | title }}</a></li>
|
||||
|
||||
<li class="list-inline-item mr-4 mb-3 mb-md-0 text-light"><span class="font-weight-bold mr-2">{{ i18n "date" }}
|
||||
:</span>{{ .PublishDate.Format "02 Jan, 2006" }}</li>
|
||||
:</span>{{ time.Format "02 Jan, 2006" .PublishDate }}</li>
|
||||
|
||||
<li class="list-inline-item mr-4 mb-3 mb-md-0 text-light"><span class="font-weight-bold mr-2">{{ i18n "category" }}
|
||||
:</span>{{ range $index, $elements:= .Params.Categories }}<a
|
||||
|
||||
55
layouts/anmeldeformular/list.html
Normal file
55
layouts/anmeldeformular/list.html
Normal file
@ -0,0 +1,55 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<section class="section bg-gray">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 mb-4 mb-lg-0">
|
||||
<form action="https://php.cantorgymnasium.de/formtools/process.php" method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="form_tools_form_id" value="5" />
|
||||
<input type="text" class="form-control mb-3" id="surname" name="visitor_surname" placeholder="Name (Schüler/in)" required>
|
||||
<input type="text" class="form-control mb-3" id="name" name="visitor_name" placeholder="Vorname" required>
|
||||
<label for="birthday">Geburtsdatum</label>
|
||||
<input type="date" class="form-control mb-3" id="birthday" name="visitor_birthday" min="2005-01-01" required>
|
||||
<div class="row">
|
||||
<input type="text" class="form-control mb-3 col-lg-8 ml-3 mr-4" id="street" name="street" placeholder="Straße" required><input type="text" class="form-control mb-3 col-lg-3" id="house" name="house" placeholder="Hausnummer" required>
|
||||
</div>
|
||||
<input type="text" class="form-control mb-3" id="adresszusatz" name="adresszusatz" placeholder="Adresszusatz">
|
||||
<div class="row">
|
||||
<input type="text" inputmode="numeric" class="form-control mb-3 col-lg-5 ml-3 mr-4" id="zipcode" name="zipcode" placeholder="PLZ" pattern="[0-9]{5}" title="Postleitzahlen bestehen aus exakt 5 Ziffern" required><input type="text" class="form-control mb-3 col-lg-6" id="city" name="city" placeholder="Stadt" required>
|
||||
</div>
|
||||
<input type="text" class="form-control mb-3" id="landkreis" name="landkreis" placeholder="Landkreis">
|
||||
<div class="row">
|
||||
<input type="tel" class="form-control mb-3 col-lg-5 ml-3 mr-4" id="tpriv" name="tpriv" placeholder="Telefon privat"><input type="tel" class="form-control mb-3 col-lg-6" id="tdienstl" name="tdienstl" placeholder="Telefon dienstl.">
|
||||
</div>
|
||||
<input type="text" class="form-control mb-3" id="dpname" name="dpname" placeholder="Abweichender Elternname">
|
||||
<input type="text" class="form-control mb-3" id="grundschule" name="grundschule" placeholder="Grundschule" required>
|
||||
<input type="email" class="form-control mb-3" id="mail" name="visitor_email" placeholder="Ihre E-Mail Adresse" required>
|
||||
<textarea name="visitor_message" id="message" class="form-control mb-3" placeholder="Bemerkungen"></textarea>
|
||||
<label for="zeugnis_1">Zeugnis (Vorderseite)</label>
|
||||
<input type="file" class="form-control mb-3" id="zeugnis_1" name="zeugnis_1" accept="image/*,.pdf">
|
||||
<label for="zeugnis_2">Zeugnis (Rückseite)</label>
|
||||
<input type="file" class="form-control mb-3" id="zeugnis_2" name="zeugnis_2" accept="image/*,.pdf">
|
||||
<label for="slbe">Schullaufbahnerklärung</label>
|
||||
<input type="file" class="form-control mb-3" id="slbe" name="slbe" accept="image/*,.pdf">
|
||||
<input type="checkbox" id="accept" name="accept" required>
|
||||
<label for="accept">Hiermit melden wir unser Kind verbindlich zur Aufnahmeprüfung an.</label>
|
||||
<button type="submit" value="send" class="btn btn-primary">{{ i18n "send" }}</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
{{ .Content }}
|
||||
<a href="mailto:{{ .Params.email }}" class="btn btn-primary">{{ .Params.email }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section pt-0 bg-gray">
|
||||
<div class="container">
|
||||
<div id="map">
|
||||
<script src="/js/map.js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
@ -10,9 +10,6 @@
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
<div>
|
||||
<h2>{{ .Title }}</h2>
|
||||
</div>
|
||||
<div class="row align-items-center mb-5">
|
||||
<div class="col-xl-6 order-sm-3 order-xl-2 col-12 order-2">
|
||||
<ul class="list-inline">
|
||||
|
||||
@ -1,16 +0,0 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 content">
|
||||
{{ with .Params.Image }}
|
||||
<img class="img-fluid w-100 mb-4" src="{{ . | relURL }}" alt="about image">
|
||||
{{ end }}
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
@ -1,16 +0,0 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 content">
|
||||
{{ with .Params.Image }}
|
||||
<img class="img-fluid w-100 mb-4" src="{{ . | relURL }}" alt="about image">
|
||||
{{ end }}
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
@ -52,9 +52,9 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xl-3 text-sm-right text-left order-sm-2 order-3 order-xl-3 col-sm-6 mb-4 mb-xl-0">
|
||||
<!--div class="col-xl-3 text-sm-right text-left order-sm-2 order-3 order-xl-3 col-sm-6 mb-4 mb-xl-0">
|
||||
<a href="{{ .Params.Apply_url | safeURL }}" class="btn btn-primary">{{ i18n "join_club" }}</a>
|
||||
</div>
|
||||
</div-->
|
||||
<div class="col-12 mt-4 order-4">
|
||||
<div class="border-bottom border-primary"></div>
|
||||
</div>
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<h1 class="text-white">{{ $data.homepage.slider.title | markdownify }}</h1>
|
||||
<p class="text-muted mb-4" data-animation-out="fadeOut{{.animation_out | title }}" data-delay-out="5" data-duration-in=".3" data-animation-in="fadeIn{{.animation_in | title }}" data-delay-in=".4">{{ .content | markdownify }}</p>
|
||||
<p class="text-muted mb-4" data-animation-out="fadeOut{{.animation_out | title }}" data-delay-out="5" data-duration-in=".3" data-animation-in="fadeIn{{.animation_in | title }}" data-delay-in="0">{{ .content | markdownify }}</p>
|
||||
{{ if .button.enable }}
|
||||
<a href="{{ .button.link | absLangURL }}" class="btn btn-primary" data-animation-out="fadeOut{{.animation_out | title }}" data-delay-out="5" data-duration-in=".3" data-animation-in="fadeIn{{.animation_in | title }}" data-delay-in=".7">{{ .button.label }}</a>
|
||||
{{ end }}
|
||||
@ -53,12 +53,29 @@
|
||||
</noscript>
|
||||
{{ end }}
|
||||
|
||||
<section class="bg-white">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
{{- $files := readDir "/static/media/logos/start" }}
|
||||
{{- range $files -}}
|
||||
{{- $isimg := lower .Name | findRE "\\.(gif|jpg|jpeg|tiff|png|bmp|webp|avif|jxl|svg)" }}<!-- is the current file an image? -->
|
||||
{{- if $isimg }}
|
||||
{{- $linkURL := print "/media/logos/start" "/" .Name | absURL }}<!-- relative URL -->
|
||||
<div class="col-md-3 col-4 order-1 order-md-2 mt-4">
|
||||
<img class="img-fluid w-100" src="{{ $linkURL }}" alt="about image">
|
||||
</div>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ if $data.homepage.about.enable }}
|
||||
{{ with $data.homepage.about }}
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-6 order-2 order-md-1">
|
||||
<div class="col-md-9 order-2 order-md-1">
|
||||
<h2 class="section-title">{{ .title | markdownify }}</h2>
|
||||
<div class="content">
|
||||
{{ .content | markdownify }}
|
||||
@ -70,7 +87,7 @@
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ with .image }}
|
||||
<div class="col-md-6 order-1 order-md-2 mb-4 mb-md-0">
|
||||
<div class="col-md-3 order-1 order-md-2 mb-4 mb-md-0">
|
||||
<img class="img-fluid w-100" src="{{ . | absURL }}" alt="about image">
|
||||
</div>
|
||||
{{ end }}
|
||||
@ -182,7 +199,7 @@
|
||||
|
||||
{{ range first 3 .Params.events }}
|
||||
<li class="d-md-table mb-4 w-100 border-bottom hover-shadow">
|
||||
<div class="d-md-table-cell text-center p-4 bg-primary text-white mb-4 mb-md-0" style="min-width: 25%;"><span class="h2 d-block">{{ time.Format "2" .date}}</span> {{ time.Format "Jan, 2006" .date}}</div>
|
||||
<div class="d-md-table-cell text-center p-4 bg-primary text-white mb-4 mb-md-4 termin-tc"><span class="h2 d-block">{{ time.Format "2" .date}}</span> <span class="d-block">{{ time.Format "Jan 2006" .date}}</span> {{ with .enddate }} <br> bis {{ time.Format "2 Jan 2006" . }} {{end}}</div>
|
||||
<div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0 p-2">
|
||||
<p href="{{ .Permalink }}" class="h4 mb-3 d-block">{{ .title }}</p>
|
||||
<p class="mb-0">{{ .summary | truncate 100 }}</p>
|
||||
@ -222,4 +239,48 @@
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ if $data.homepage.digitalpakt.enable }}
|
||||
{{ with $data.homepage.digitalpakt }}
|
||||
<section class="section bg-footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-7 order-2 order-md-1">
|
||||
<h3 class="section-title text-white font-secondary">{{ .title | markdownify }}</h2>
|
||||
<div class="content ">
|
||||
{{ .content | markdownify }}
|
||||
</div>
|
||||
{{ if .button.enable }}
|
||||
{{ with .button }}
|
||||
<a href="{{ .link | absLangURL }}" class="btn btn-primary">{{ .label }}</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ with .image }}
|
||||
<div class="col-md-5 order-1 order-md-2 mb-4 mb-md-0">
|
||||
<img class="img-fluid w-100" src="{{ . | absURL }}" alt="about image">
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
<section class="bg-footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
{{- $files := readDir "/static/media/logos" }}
|
||||
{{- range $files -}}
|
||||
{{- $isimg := lower .Name | findRE "\\.(gif|jpg|jpeg|tiff|png|bmp|webp|avif|jxl|svg)" }}<!-- is the current file an image? -->
|
||||
{{- if $isimg }}
|
||||
{{- $linkURL := print "/media/logos" "/" .Name | absURL }}<!-- relative URL -->
|
||||
<div class="col-md-2 col-4 order-1 order-md-2 mb-4">
|
||||
<img class="img-fluid w-100" src="{{ $linkURL }}" alt="about image">
|
||||
</div>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
|
||||
@ -1,16 +0,0 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
{{ with .Params.Image }}
|
||||
<img class="img-fluid w-100 mb-4" src="{{ . | relURL }}" alt="about image">
|
||||
{{ end }}
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
@ -18,14 +18,10 @@ crossorigin=""/>
|
||||
|
||||
<section class="section bg-gray">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h2 class="section-title">{{ i18n "contact_us" }}</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-7 mb-4 mb-lg-0">
|
||||
<form action="https://cantorgymnasium.de/contact.php" method="POST">
|
||||
<form action="https://php.cantorgymnasium.de/formtools/process.php" method="post">
|
||||
<input type="hidden" name="form_tools_form_id" value="2" />
|
||||
<input type="text" class="form-control mb-3" id="name" name="visitor_name" placeholder="Ihr Name">
|
||||
<input type="email" class="form-control mb-3" id="mail" name="visitor_email" placeholder="Ihre E-Mail Adresse">
|
||||
<input type="text" class="form-control mb-3" id="subject" name="email_title" placeholder="Betreff">
|
||||
@ -33,10 +29,8 @@ crossorigin=""/>
|
||||
<button type="submit" value="send" class="btn btn-primary">{{ i18n "send" }}</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<div class="col-lg-5 content">
|
||||
{{ .Content }}
|
||||
<a href="tel:{{ .Site.Params.mobile }}" class="mb-5 btn btn-primary">{{ .Site.Params.mobile }}</a>
|
||||
<a href="mailto:{{ .Site.Params.email }}" class="btn btn-primary">{{ .Site.Params.email }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -17,7 +17,7 @@
|
||||
{{- if not (eq (len .Site.Taxonomies.tags) 0) }}
|
||||
<ul class="list-inline tag-list">
|
||||
{{- range $name, $items := .Site.Taxonomies.tags }}
|
||||
<li class="list-inline-item mb-2"><a href="{{ `tags/` | relLangURL }}{{ $name | urlize | lower }}">{{ $name | humanize }}</a></li>
|
||||
<li class="list-inline-item mb-2"><a href="{{ `tags/` | relLangURL }}{{ $name | urlize | lower }}">{{ $name }}</a></li>
|
||||
{{- end }}
|
||||
</ul>
|
||||
{{- end }}
|
||||
@ -32,7 +32,7 @@
|
||||
<a href="{{ .Permalink }}">
|
||||
<h5 class="mt-0">{{ .Title }}</h5>
|
||||
</a>
|
||||
{{ .PublishDate.Format "02 Jan 2006" }}
|
||||
{{ time.Format "02 Jan 2006" .PublishDate }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
@ -13,6 +13,9 @@
|
||||
<li class="mb-4">
|
||||
<a href="{{ .Site.Params.impressumURL | absLangURL }}">Impressum</a>
|
||||
</li>
|
||||
<li class="mb-4">
|
||||
<a href="{{ .Site.Params.dseURL | absLangURL }}">Datenschutz</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-2 col-sm-4 col-6 mb-5 mb-md-0">
|
||||
@ -46,7 +49,7 @@
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-7 text-sm-left text-center">
|
||||
<p class="mb-0">{{ .Site.Params.copyright | markdownify }}</p>
|
||||
<p class="mb-0">{{ .Site.Params.copyright | emojify }}</p>
|
||||
</div>
|
||||
<div class="col-sm-5 text-sm-right text-center">
|
||||
<ul class="list-inline">
|
||||
@ -65,16 +68,4 @@
|
||||
{{ end }}
|
||||
|
||||
{{ $script := resources.Get "js/script.js" | minify}}
|
||||
<script src="{{ $script.Permalink }}"></script>
|
||||
|
||||
{{ if ($.Scratch.Get "photoswipeloaded") }}
|
||||
<script src="/js/load-photoswipe.js"></script>
|
||||
{{ if .Site.Params.CDNJS }}
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.3/photoswipe.min.js" integrity="sha256-ePwmChbbvXbsO02lbM3HoHbSHTHFAeChekF1xKJdleo=" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.3/photoswipe-ui-default.min.js" integrity="sha256-UKkzOn/w1mBxRmLLGrSeyB4e1xbrp4xylgAWb3M42pU=" crossorigin="anonymous"></script>
|
||||
{{- else -}}
|
||||
<script src="{{ "/js/3p/photoswipe.min@4.1.3.js" | relURL }}"></script>
|
||||
<script src="{{ "/js/3p/photoswipe-ui-default.min@4.1.3.js" | relURL }}"></script>
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
<script src="{{ $script.Permalink }}"></script>
|
||||
@ -3,9 +3,9 @@
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<ul class="list-inline custom-breadcrumb">
|
||||
<li class="list-inline-item h1"><a class="text-primary font-secondary" href="{{ .Site.BaseURL | absLangURL }}">{{ .Site.Params.home }}</a></li>
|
||||
<li class="list-inline-item h2"><a class="text-primary font-secondary" href="{{ .Site.BaseURL | absLangURL }}">{{ .Site.Params.home }}</a></li>
|
||||
<li class="list-inline-item h2"><i class="fa-solid fa-angle-right text-white"></i></li>
|
||||
<li class="list-inline-item text-white h1 font-secondary">{{ .Title }}</li>
|
||||
<li class="list-inline-item text-white h2 font-secondary">{{ .Title }}</li>
|
||||
</ul>
|
||||
<p class="text-lighten">{{ .Params.Description | markdownify }}</p>
|
||||
</div>
|
||||
|
||||
@ -1,13 +0,0 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 content">
|
||||
{{ .Content | safeHTML }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
@ -26,4 +26,4 @@ Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/
|
||||
</figcaption>
|
||||
{{- end }}
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
@ -3,62 +3,39 @@ Put this file in /layouts/shortcodes/gallery.html
|
||||
Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/
|
||||
-->
|
||||
<!-- count how many times we've called this shortcode; load the css if it's the first time -->
|
||||
{{- if not ($.Page.Scratch.Get "figurecount") }}<link rel="stylesheet" href="{{ relURL "/css/hugo-easy-gallery.css" }}" />{{ end }}
|
||||
{{- if not ($.Page.Scratch.Get "figurecount") }}<link rel="stylesheet" href={{ "css/hugo-easy-gallery.css" | relURL }} />{{ end }}
|
||||
{{- $.Page.Scratch.Add "figurecount" 1 }}
|
||||
{{ $baseURL := .Site.BaseURL }}
|
||||
{{- $thumbnailSize := .Get "thumbnail-size" | default "300x300" -}}
|
||||
<div class="gallery caption-position-{{ with .Get "caption-position" | default "bottom" }}{{.}}{{end}} caption-effect-{{ with .Get "caption-effect" | default "slide" }}{{.}}{{end}} hover-effect-{{ with .Get "hover-effect" | default "zoom" }}{{.}}{{end}} {{ if ne (.Get "hover-transition") "none" }}hover-transition{{end}}" itemscope itemtype="http://schema.org/ImageGallery">
|
||||
{{- with (.Get "dir") -}}
|
||||
<!-- If a directory was specified, generate figures for all of the images in the directory -->
|
||||
{{- $files := readDir (print "/static/" .) }}
|
||||
{{- range $files -}}
|
||||
<!-- skip files that aren't images, or that inlcude the thumb suffix in their name -->
|
||||
{{- $thumbext := $.Get "thumb" | default "-thumb" }}
|
||||
{{- $isthumb := .Name | findRE ($thumbext | printf "%s\\.") }}<!-- is the current file a thumbnail image? -->
|
||||
{{- $isimg := lower .Name | findRE "\\.(gif|jpg|jpeg|tiff|png|bmp|webp|avif|jxl)" }}<!-- is the current file an image? -->
|
||||
{{- if and $isimg (not $isthumb) }}
|
||||
{{- $caption := .Name | replaceRE "\\..*" "" | humanize }}<!-- humanized filename without extension -->
|
||||
{{- $linkURL := print $baseURL ($.Get "dir") "/" .Name | absURL }}<!-- absolute URL to hi-res image -->
|
||||
{{- $filetype := index (findRE "[^.]+$" .Name ) 0 }}<!-- file extension of image -->
|
||||
{{- $thumb := .Name | replaceRE "(\\.)" ($thumbext | printf "%s.") }}<!-- filename of thumbnail image -->
|
||||
{{- $thumbexists := where $files "Name" $thumb }}<!-- does a thumbnail image exist? -->
|
||||
{{- $thumbURL := print $baseURL ($.Get "dir") "/" $thumb | absURL }}<!-- absolute URL to thumbnail image -->
|
||||
<div class="box">
|
||||
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
|
||||
<div class="img" style="background-image: url('{{ if $thumbexists }}{{ $thumbURL }}{{ else }}{{ $linkURL }}{{ end }}');" >
|
||||
<img itemprop="thumbnail" src="{{ if $thumbexists }}{{ $thumbURL }}{{ else }}{{ $linkURL }}{{ end }}" alt="{{ $caption }}" /><!-- <img> hidden if in .gallery -->
|
||||
</div>
|
||||
<!-- <figcaption>
|
||||
<p>{{ $caption }}</p>
|
||||
</figcaption> -->
|
||||
<a href="{{ $linkURL }}" itemprop="contentUrl"></a><!-- put <a> last so it is stacked on top -->
|
||||
</figure>
|
||||
</div>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
{{- else -}}
|
||||
{{ with .Inner -}}
|
||||
<!-- If no directory was specified, include any figure shortcodes called within the gallery -->
|
||||
{{ . }}
|
||||
{{- else }}
|
||||
<!-- Generate figures for all page resources of type image. -->
|
||||
{{- range $.Page.Resources.ByType "image" -}}
|
||||
|
||||
{{- $thumbnail := .Fill $thumbnailSize -}}
|
||||
{{- with (.Get "dir") -}}
|
||||
<!-- If a directory was specified, generate figures for all of the images in the directory -->
|
||||
{{- $files := readDir (print "/static/" .) }}
|
||||
{{- range $files -}}
|
||||
<!-- skip files that aren't images, or that include the thumb suffix in their name -->
|
||||
{{- $thumbext := $.Get "thumb" | default "-thumb" }}
|
||||
{{- $isthumb := .Name | findRE ($thumbext | printf "%s\\.") }}<!-- is the current file a thumbnail image? -->
|
||||
{{- $isimg := lower .Name | findRE "\\.(gif|jpg|jpeg|tiff|png|bmp|webp|avif|jxl)" }}<!-- is the current file an image? -->
|
||||
{{- if and $isimg (not $isthumb) }}
|
||||
{{- $caption := .Name | replaceRE "\\..*" "" | humanize }}<!-- humanized filename without extension -->
|
||||
{{- $linkURL := print $baseURL ($.Get "dir") "/" .Name | absURL }}<!-- absolute URL to hi-res image -->
|
||||
{{- $thumb := .Name | replaceRE "(\\.)" ($thumbext | printf "%s.") }}<!-- filename of thumbnail image -->
|
||||
{{- $thumbexists := where $files "Name" $thumb }}<!-- does a thumbnail image exist? -->
|
||||
{{- $thumbURL := print $baseURL ($.Get "dir") "/" $thumb | absURL }}<!-- absolute URL to thumbnail image -->
|
||||
<div class="box">
|
||||
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
|
||||
<div class="img" style="background-image: url('{{ $thumbnail.RelPermalink }}');" >
|
||||
<img itemprop="thumbnail" src="{{ $thumbnail.RelPermalink }}" width="{{ $thumbnail.Width }}" height="{{ $thumbnail.Height }}" alt="{{ .Title }}" /><!-- <img> hidden if in .gallery -->
|
||||
</div>
|
||||
{{- with .Title -}}
|
||||
<!-- <figcaption>
|
||||
<p>{{ . }}</p>
|
||||
</figcaption> -->
|
||||
{{- end -}}
|
||||
<a href="{{ .RelPermalink }}" itemprop="contentUrl"></a><!-- put <a> last so it is stacked on top -->
|
||||
</figure>
|
||||
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
|
||||
<div class="img" style="background-image: url('{{ if $thumbexists }}{{ $thumbURL }}{{ else }}{{ $linkURL }}{{ end }}');" >
|
||||
<img itemprop="thumbnail" src="{{ if $thumbexists }}{{ $thumbURL }}{{ else }}{{ $linkURL }}{{ end }}" alt="{{ $caption }}" /><!-- <img> hidden if in .gallery -->
|
||||
</div>
|
||||
<figcaption>
|
||||
<p>{{ $caption }}</p>
|
||||
</figcaption>
|
||||
<a href="{{ $linkURL }}" itemprop="contentUrl"></a><!-- put <a> last so it is stacked on top -->
|
||||
</figure>
|
||||
</div>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
{{- else -}}
|
||||
<!-- If no directory was specified, include any figure shortcodes called within the gallery -->
|
||||
{{ .Inner }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</div>
|
||||
@ -1,76 +0,0 @@
|
||||
<!--
|
||||
Put this file in /layouts/shortcodes/load-photoswipe.html
|
||||
Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/
|
||||
-->
|
||||
|
||||
<!-- prevent this shortcode from being loaded more than once per page -->
|
||||
{{ 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
|
||||
-->
|
||||
<!-- these files are loaded in the theme footer
|
||||
<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"></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" />
|
||||
|
||||
<!-- these files are loaded in the theme footer
|
||||
<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">
|
||||
<!-- Background of PhotoSwipe.
|
||||
It's a separate element, as animating opacity is faster than rgba(). -->
|
||||
<div class="pswp__bg"></div>
|
||||
<!-- Slides wrapper with overflow:hidden. -->
|
||||
<div class="pswp__scroll-wrap">
|
||||
<!-- 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 }}
|
||||
@ -7,29 +7,19 @@ Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/
|
||||
{{ if not ($.Page.Scratch.Get "photoswipeloaded") }}
|
||||
{{ $.Page.Scratch.Set "photoswipeloaded" 1 }}
|
||||
|
||||
<script src="/js/load-photoswipe.js"></script>
|
||||
<!--
|
||||
*** 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 -->
|
||||
{{ if .Site.Params.CDNJS }}
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.3/photoswipe.min.css" integrity="sha256-LWdHSKWG7zv3DTpee8YAgoTfkj3gNkfauF624h4P2Nw=" crossorigin="anonymous" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.3/default-skin/default-skin.min.css" iintegrity="sha256-Q9bBMw/rHRRag46GDWY84J3elDNc8JJjKXL9tIC4oe8=" crossorigin="anonymous" />
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.3/photoswipe.min.js" integrity="sha256-ePwmChbbvXbsO02lbM3HoHbSHTHFAeChekF1xKJdleo=" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.3/photoswipe-ui-default.min.js" integrity="sha256-UKkzOn/w1mBxRmLLGrSeyB4e1xbrp4xylgAWb3M42pU=" crossorigin="anonymous"></script>
|
||||
{{- else -}}
|
||||
<link rel="stylesheet" href="{{ "/css/3p/photoswipe.min@4.1.3.css" | relURL }}"></script>
|
||||
<link rel="stylesheet" href="{{ "/css/3p/default-skin/default-skin.min@4.1.3.css" | relURL }}"></script>
|
||||
<script src="{{ "/js/3p/photoswipe.min@4.1.3.js" | relURL }}"></script>
|
||||
<script src="{{ "/js/3p/photoswipe-ui-default.min@4.1.3.js" | relURL }}"></script>
|
||||
{{ end }}
|
||||
|
||||
<style>
|
||||
.pswp__caption a
|
||||
, .pswp__caption small a
|
||||
, .pswp__caption__center a {
|
||||
color: #CCC;
|
||||
/* text-decoration: none; */
|
||||
}
|
||||
</style>
|
||||
<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">
|
||||
@ -78,4 +68,4 @@ Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
@ -7,7 +7,7 @@
|
||||
<ul class="list-unstyled">
|
||||
{{ range .Params.events }}
|
||||
<li class="d-md-table mb-4 w-100 border-bottom hover-shadow">
|
||||
<div class="d-md-table-cell text-center p-4 bg-primary text-white mb-4 mb-md-0" style="min-width: 25%;"><span class="h2 d-block">{{ time.Format "2" .date}}</span> {{ time.Format "Jan, 2006" .date}}</div>
|
||||
<div class="d-md-table-cell text-center p-4 bg-primary text-white mb-4 mb-md-0 termin-tc"><span class="h2 d-block">{{ time.Format "2" .date}}</span> <span class="d-block">{{ time.Format "Jan 2006" .date}}</span> {{ with .enddate }} <br> bis {{ time.Format "2 Jan 2006" . }} {{end}}</div>
|
||||
<div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0 p-2">
|
||||
<p href="{{ .Permalink }}" class="h4 mb-3 d-block">{{ .title }}</p>
|
||||
<p class="mb-0">{{ .summary | truncate 100 }}</p>
|
||||
|
||||
Reference in New Issue
Block a user