gallery, fixes, etc.

layouts/partials/page-header.html

@@ -3,7 +3,7 @@
     <div class="row">
       <div class="col-md-8">
         <ul class="list-inline">
-          <li class="list-inline-item h2"><a class="text-primary font-secondary" href="{{ if .Parent.Page }}{{ .Parent.Page.Permalink }}{{ else }}{{ .Site.BaseURL | absLangURL }}{{end}}">{{ with .Parent.Params.title }}{{.}}{{ else }}{{ .Site.Params.home }}{{end}}</a></li>
+          <li class="list-inline-item h2"><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>

layouts/shortcodes/slider.html

@@ -0,0 +1,75 @@
+<div class="img-slider">
+	{{- with (.Get "dir") -}}
+		{{- $files := readDir (print "/static/" .) }}
+		{{- range $index, $file := $files -}}
+			{{- $isimg := lower $file.Name | findRE "\\.(gif|jpg|jpeg|tiff|png|bmp|webp|avif|jxl)" }}
+			{{- if $isimg }}
+				{{- $linkURL := print $.Site.BaseURL "/" ($.Get "dir") "/" $file.Name | absURL }}
+                <div class="is-slide {{if eq $index 0 }}active{{end}}">
+                    <img src="{{ $linkURL }}" alt="">
+                </div>            
+			{{- end }}
+		{{- end }}
+	{{- end }}
+    <div class="is-navigation">
+        <div class="is-btn active"></div>
+        <div class="is-btn"></div>
+        <div class="is-btn"></div>
+        <div class="is-btn"></div>
+    </div>
+</div>
+<script type="text/javascript">
+    var slides = document.querySelectorAll('.is-slide');
+    var btns = document.querySelectorAll('.is-btn');
+    let currentSlide = 1;
+
+    // Javascript for image slider manual navigation
+    var manualNav = function(manual){
+      slides.forEach((slide) => {
+        slide.classList.remove('active');
+
+        btns.forEach((btn) => {
+          btn.classList.remove('active');
+        });
+      });
+
+      slides[manual].classList.add('active');
+      btns[manual].classList.add('active');
+    }
+
+    btns.forEach((btn, i) => {
+      btn.addEventListener("click", () => {
+        manualNav(i);
+        currentSlide = i;
+      });
+    });
+
+    // Javascript for image slider autoplay navigation
+    var repeat = function(activeClass){
+      let active = document.getElementsByClassName('active');
+      let i = 1;
+
+      var repeater = () => {
+        setTimeout(function(){
+          [...active].forEach((activeSlide) => {
+            activeSlide.classList.remove('active');
+          });
+
+        slides[i].classList.add('active');
+        btns[i].classList.add('active');
+        i++;
+
+        if(slides.length == i){
+          i = 0;
+        }
+        if(i >= slides.length){
+          return;
+        }
+        repeater();
+    /// Time in ms
+      }, 5000);
+      }
+      repeater();
+    }
+    repeat();
+    </script>

layouts/superhaufen/single.html

@@ -21,12 +21,12 @@
               </button>
             </div>
             <div class="modal-body">
-              <div class="content">
+              <div class="content mb-2">
                 {{ .content | markdownify }}
               </div>
               {{ range .unterhaufen }}
                 <div class="container mb-0">
-                  <div class="card border-primary rounded-0 hover-shadow mb-5">
+                  <div class="card border-primary rounded-0 hover-shadow mb-2">
                     <div class="card-body mb-0">
                       <details class="mb-0">
                       <summary class="mb-0">{{ .title }}</summary>