Layout-Umbauten:

- Standartisierung der Karten-/Template-Elemente (schließt #224)
- Verbesserung einiger Ansichten
- "schrumpfung"
- Code-Cleanups
- Trabsliteration Kategorien
u. v. m.

layouts/partials/blog-sidebar.html

@@ -1,17 +1,19 @@
 <aside class="col-lg-4 order-4 order-lg-2">
-  <div class="bg-white mb-5">
+  <div class="bg-white mb-4">
     <h4 class="mb-4">{{ i18n "categories" }}</h4>
+    {{ $data := index .Site.Data .Site.Language.Lang }}
+    {{ $transliterations := $data.transliterations.transliterations }}
     {{- if isset .Site.Taxonomies "categories" }}
     {{- if not (eq (len .Site.Taxonomies.categories) 0) }}
-    <ul class="list-unstyled">
+    <ul class="list-inline tag-list">
       {{- range $name, $items := .Site.Taxonomies.categories }}
-      <li class="border-bottom"><a href="{{ `categories/` | relLangURL }}{{ $name | urlize | lower }}" class="d-block pb-3 mt-3">{{ $name | humanize | title }}</a></li>
+      <li class="list-inline-item mb-2"><a href="{{ `categories/` | relLangURL }}{{ $name | urlize | lower }}">{{ if (index $transliterations $name) }}{{ index $transliterations $name }}{{ else }}{{ $name | title }}{{end}}</a></li>
       {{- end }}
     </ul>
     {{- end }}
     {{- end }}
   </div>
-  <div class="bg-white mb-5">
+  <div class="bg-white mb-4">
     <h4 class="mb-4">{{ i18n "tags" }}</h4>
     {{- if isset .Site.Taxonomies "tags" }}
     {{- if not (eq (len .Site.Taxonomies.tags) 0) }}
@@ -25,7 +27,7 @@
   </div>
   <div class="bg-white">
     <h4 class="mb-4">{{ i18n "latest_article" }}</h4>
-    {{ range first 3 ( where .Site.Pages "Type" "post" )}}
+    {{ range first 5 ( where .Site.Pages "Type" "post" )}}
     <div class="media border-bottom border-color pb-3 mb-3">
       <a href="{{ .Permalink }}"><img class="mr-3 post-thumb-sm" src="{{ .Params.Image | absURL }}"></a>
       <div class="media-body">

layouts/partials/card-icon.html

@@ -0,0 +1,10 @@
+<div class="card border-primary rounded-0 hover-shadow mb-4">
+    <div class="container fb-tile-color" style="background-color:{{ .bg_color }};">
+      <i class="{{ .icon }} fb-tile-icon" style="color: {{ .font_color }}"></i>
+    </div>
+    <div class="card-body">
+      <h4 class="card-title">{{ .title | truncate 55 }}</h4>
+      <button type="button" class="btn btn-primary btn-sm" onclick="$('#{{ md5 .title }}').modal('show');">{{
+        i18n "show_more"}}</button>
+    </div>
+</div>

layouts/partials/chronik-modal.html

@@ -1,17 +0,0 @@
-<div id="{{ .id }}" class="modal">
-    <div class="modal-dialog modal-xl modal-dialog-scrollable modal-dialog-centered" role="document">
-      <div class="modal-content">
-        <div class="modal-header">
-          <h3 class="modal-title">{{ .title }}</h3>
-          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-            <span aria-hidden="true">&times;</span>
-          </button>
-        </div>
-        <div class="modal-body">
-          <div class="content">
-          {{ .content | markdownify }}
-          </div>
-        </div>
-      </div>
-    </div>
-</div>

layouts/partials/filter-controls.html

@@ -0,0 +1,21 @@
+<div class="row gta-cat">
+  <div class="col-lg-12">
+    <ul class="list-inline text-center filter-controls mb-5">
+      <li class="list-inline-item m-3 text-uppercase active" data-filter="all">{{ i18n "all" }}</li>
+      {{ $categories := slice }}
+      {{ range .Data.Pages }}
+        {{ $categories = $categories | append .Params.category }}
+      {{ end }}
+      {{ range ( $categories | uniq ) }}
+        <li class="list-inline-item m-3 text-uppercase" data-filter="{{ . | urlize }}">{{ . | humanize }}</li>
+      {{ end }}
+    </ul>
+  </div>
+</div>
+<noscript>
+  <style>
+    .gta-cat {
+      display: none;
+    }
+  </style>
+</noscript>

layouts/partials/footer.html

@@ -8,7 +8,7 @@
             <li class="mb-4">
               <a href="{{ .Site.Params.route_link }}">{{ .Site.Params.address | markdownify }}</a>
             </li>
-            <li class="mb-4"><a href="mailto:{{ .Site.Params.email }}">{{ .Site.Params.email_pretty | markdownify }}</a></li>
+            <li class="mb-4"><a href="mailto:{{ .Site.Params.email }}">{{ .Site.Params.email_label | markdownify }}</a></li>
             <li class="mb-4"><a href="tel:{{ .Site.Params.mobile | markdownify }}">{{ .Site.Params.mobile | markdownify }}</a></li>
             <li class="mb-4">
               <a href="{{ .Site.Params.impressumURL | absLangURL }}">Impressum</a>

layouts/partials/head.html

@@ -66,7 +66,7 @@
     <div class="modal-content">
       <div class="modal-header">
         <h3 class="modal-title">Suche</h3>
-        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close" data-pagefind-ignore>
           <span aria-hidden="true">&times;</span>
         </button>
       </div>

layouts/partials/header-cl-url.html

@@ -0,0 +1,35 @@
+<section class="section-sm">
+  <div class="container">
+    {{ if (and .Params.image (ne .Params.image .default_img) ) }}
+    <div class="row">
+      <div class="col-12 mb-4">
+        <img class="img-fluid w-100" src="{{ .Params.image | relURL }}">
+      </div>
+    </div>
+    {{ end }}
+    <div class="row mb-4">
+      <div class="col-7">
+        <div class="d-flex align-items-center">
+          <i class="mdi mdi-crowd text-primary icon-md mr-2"></i>
+          <div class="text-left">
+            <h6 class="mb-0">{{ i18n "class" | upper }}</h6>
+            <p class="mb-0">{{ .Params.class }}</p>
+          </div>
+        </div>
+      </div>
+      {{ if .Params.web_url }}
+      <div class="col-5 text-right mb-4 mb-xl-0">
+        <a href="{{ .Params.web_url | safeURL }}" class="btn btn-primary">{{ i18n "website" }}</a>
+      </div>
+      {{ end }}
+      <div class="col-12 mt-4">
+        <div class="border-bottom border-primary"></div>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-12 content">
+        {{ .Content }}
+      </div>
+    </div>
+  </div>
+</section>

layouts/partials/header.html

@@ -19,7 +19,7 @@
             </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>
+                </strong> {{ .Site.Params.email_label | safeHTML }}</a>
             </li>
           </ul>
         </div>
@@ -122,13 +122,6 @@
 {{ 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 -->

layouts/partials/modal.html

@@ -0,0 +1,17 @@
+<div id="{{ md5 .title }}" class="modal">
+  <div class="modal-dialog modal-xl modal-dialog-scrollable modal-dialog-centered" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h3 class="modal-title">{{ .title }}</h3>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close" data-pagefind-ignore>
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <div class="content">
+        {{ .content | markdownify }}
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

layouts/partials/page-header.html

@@ -3,11 +3,11 @@
     <div class="row">
       <div class="col-md-8">
         <ul class="list-inline">
-          <li class="list-inline-item h2" data-pagefind-ignore><a class="text-primary font-secondary" href="{{ if .Params.Previous.Enable }}{{ .Params.Previous.Link }}{{ else if .Parent.Page }}{{ .Parent.Page.Permalink }}{{ else }}{{ .Site.BaseURL | absLangURL }}{{end}}">{{ if .Params.Previous.Enable }}{{ .Params.Previous.Title }}{{ else }}{{ with .Parent.Params.title }}{{.}}{{ else }}{{ .Site.Params.home }}{{end}}{{ end }}</a></li>
+          <li class="list-inline-item h2" data-pagefind-ignore><a class="text-primary font-secondary" href="{{ if .Params.Previous.enable }}{{ .Params.Previous.link }}{{ else if .Parent.Page }}{{ .Parent.Page.Permalink }}{{ else }}{{ .Site.baseURL | absLangURL }}{{ end }}">{{ if .Params.previous.enable }}{{ .Params.previous.title }}{{ else }}{{ with .Parent.Params.title }}{{.}}{{ else }}{{ .Site.Params.home }}{{ end }}{{ end }}</a></li>
           <li class="list-inline-item h2"><i class="mdi mdi-chevron-double-right text-white"></i></li>
           <li class="list-inline-item text-white h2 font-secondary">{{ .Title }}</li>
         </ul>
-        <p class="text-lighten">{{ .Params.Description | markdownify }}</p>
+        <p class="text-lighten">{{ .Params.description | markdownify }}</p>
       </div>
     </div>
   </div>