Initial working draft.

layouts/_partials/cookie-consent.html

@@ -0,0 +1,11 @@
+{{ if not (isset .Site.Params "cookieConsentDisabled") }}
+<div id="cookie-banner" style="display:none" role="dialog"
+  aria-label="Cookie consent" aria-live="polite">
+  <p>Diese Website möchte ein Cookie speichern.
+     <a href="{{ .Site.Params.privacyPolicyURL }}">Mehr darüber.</a></p>
+  <div>
+    <button id="cookie-accept">Akzeptieren</button>
+    <button id="cookie-decline">Ablehnen</button>
+  </div>
+</div>
+{{ end }}

layouts/_partials/footer.html

@@ -0,0 +1,14 @@
+<footer class="footer bg-light">
+  <div class="container py-4">
+    <div class="row">
+      <div class="col-md-6">
+        <p>&copy; {{ now.Year }} {{ .Site.Title }}</p>
+      </div>
+      <div class="col-md-6 text-md-end">
+        <p>
+          <a href="{{ relURL "impressum"  }}">Impressum</a>
+        </p>
+      </div>
+    </div>
+  </div>
+</footer>

layouts/_partials/header.html

@@ -0,0 +1,47 @@
+<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
+  <div class="container"> <!-- Changed from container-fluid to container -->
+    <a class="navbar-brand fw-bold" href="{{ .Site.BaseURL }}">
+      <img src="/img/favicon.svg" alt="{{ .Site.Title }}" title="{{ .Site.Title }}">
+    </a>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" 
+            data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" 
+            aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    
+    <div class="collapse navbar-collapse" id="navbarNav">
+      <ul class="navbar-nav ms-auto">
+        {{ range .Site.Menus.main }}
+          {{ if .HasChildren }}
+            <!-- Dropdown menu for items with children -->
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="navbar{{ .Name | urlize }}" 
+                 role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                {{ .Name }}
+              </a>
+              <ul class="dropdown-menu" aria-labelledby="navbar{{ .Name | urlize }}">
+                {{ range .Children }}
+                  <li>
+                    <a class="dropdown-item {{ if eq .URL ($.RelPermalink) }}active{{ end }}" 
+                       href="{{ .URL | relURL }}">
+                      {{ .Name }}
+                    </a>
+                  </li>
+                {{ end }}
+              </ul>
+            </li>
+          {{ else }}
+            <!-- Regular menu item -->
+            <li class="nav-item">
+              <a class="nav-link {{ if eq .URL ($.RelPermalink) }}active{{ end }}" 
+                 href="{{ .URL | relURL }}">
+                {{ .Name }}
+              </a>
+            </li>
+          {{ end }}
+        {{ end }}
+      </ul>
+    </div>
+  </div>
+</nav>

layouts/_partials/meta.html

@@ -0,0 +1,28 @@
+{{ printf "<!-- %s -->" hugo.Environment | safeHTML }}
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="{{ .Page.Params.description }}">
+<meta name="author" content="{{ .Site.Params.author }}">
+<link rel="me" href="https://neph.social/@nierenverein">
+<link rel="icon" type="image/png" href="/img/favicon.png">
+
+<title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} - {{ .Site.Title }}{{ end }}</title>
+
+<!-- Compile SCSS to CSS -->
+{{ with resources.Get "scss/main.scss" }}
+    {{ $opts := dict
+        "enableSourceMap" (not hugo.IsProduction)
+        "outputStyle" (cond hugo.IsProduction "compressed" "expanded")
+        "targetPath" "css/main.css"
+        "transpiler" "dartsass"
+    }}
+    {{ with . | toCSS $opts }}
+        {{ if hugo.IsProduction }}
+            {{ with . | fingerprint "sha512" }}
+                <link rel="stylesheet" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
+            {{ end }}
+        {{ else }}
+            <link rel="stylesheet" href="{{ .RelPermalink }}">
+        {{ end }}
+    {{ end }}
+{{ end }}

layouts/_partials/scripts.html

@@ -0,0 +1,44 @@
+{{- $js := resources.Get "js/cookie-consent.js" | minify -}}
+<script src="{{ $js.RelPermalink }}" defer></script>
+
+<!-- Bootstrap Bundle JS (includes Popper.js) -->
+{{ $bs := resources.Get "js/bootstrap.bundle.min.js" | fingerprint "sha512" }}
+{{ if $bs }}
+  <script src="{{ $bs.RelPermalink }}" integrity="{{ $bs.Data.Integrity }}" crossorigin="anonymous"></script>
+{{ end }}
+
+<!-- Custom scripts -->
+{{ $custom := resources.Get "js/main.js" }}
+{{ if $custom }}
+  {{ $custom = $custom | fingerprint "sha512" }}
+  <script src="{{ $custom.RelPermalink }}" integrity="{{ $custom.Data.Integrity }}" crossorigin="anonymous"></script>
+{{ end }}
+
+{{ if eq hugo.Environment "production" }}
+<!-- Matomo -->
+<script>
+  // Path 1: user just clicked Accept (event fires this session)
+  window.addEventListener('cookieAccepted', loadMatomo);
+
+  // Path 2: user already consented in a previous visit
+  if (localStorage.getItem('cookie_consent') === 'accepted') {
+    loadMatomo();
+  }
+
+  function loadMatomo() {
+    var _paq = window._paq = window._paq || [];
+    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+    _paq.push(['trackPageView']);
+    _paq.push(['enableLinkTracking']);
+    (function() {
+      var u="https://matomo.bovender.de/";
+      _paq.push(['setTrackerUrl', u+'matomo.php']);
+      _paq.push(['setSiteId', '9']);
+      var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+      g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+    })();
+  }
+
+</script>
+<!-- End Matomo Code -->
+{{ end }}

layouts/_shortcodes/banner.html

@@ -0,0 +1,4 @@
+{{ $src := .Get "src" }}
+{{ $alt := .Get "alt" }}
+{{ $title := .Get "title" }}
+<img class="banner img-fluid" src="{{ $src }}" alt="{{ $alt }}" title="{{ $title }}" width="100%">

layouts/_shortcodes/button.html

@@ -0,0 +1,4 @@
+{{- $href := .Get "href" -}}
+{{- $text := .Get "text" -}}
+{{- $class := or (.Get "class") "btn-primary" -}}
+<a href="{{ $href }}" class="btn {{ $class }} mb-3">{{ $text }}</a>

layouts/_shortcodes/card.html

@@ -0,0 +1,15 @@
+<div class="col">
+  <div class="card h-100">
+    <h5 class="card-header">{{ .Get "title" }}</h5>
+    <div class="card-body">
+      <p class="card-text">{{ .Inner }}</p>
+    </div>
+    {{- $link_href := .Get "link-href" -}}
+    {{- if $link_href }}
+      <div class="card-footer text-body-secondary">
+        <a href="{{ $link_href }}">{{ .Get "link-text" }}</a>
+      </div>
+    {{- end -}}
+  </div>
+</div>
+

layouts/_shortcodes/cards.html

@@ -0,0 +1,5 @@
+{{- $cols := or (.Get "cols") 4 -}}
+<div class="row row-cols-1 row-cols-lg-{{ $cols }} g-4 mb-5">
+  {{ .Inner }}
+</div>
+

layouts/_shortcodes/cookie-settings.html

@@ -0,0 +1,6 @@
+<p>
+  Aktuelle Cookie-Einstellung: <strong id="cookie-status">&mdash;</strong>
+</p>
+<button id="cookie-settings" onclick="reopenCookieBanner()" class="btn btn-secondary mb-3">
+  Cookie-Einstellung ändern
+</button>

layouts/_shortcodes/current-year.html

@@ -0,0 +1 @@
+{{- now.Format "2006" -}}

layouts/_shortcodes/environment.html

@@ -0,0 +1 @@
+<span class="small">{{ or hugo.BuildDate "live" }}/{{ hugo.Version }}/{{ hugo.Environment }}</span>

layouts/_shortcodes/img.html

@@ -0,0 +1,5 @@
+{{- $src := .Get "src" }}
+{{- $alt := .Get "alt" }}
+{{- $title := .Get "title" }}
+{{- $class := .Get "class" }}
+<img class="img-fluid {{ $class }}" src="{{ $src }}" title="{{ $title }}" alt="{{ $alt }}">

layouts/baseof.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="{{ .Site.Language.Locale }}">
+<head>
+    {{- partial "meta.html" . -}}
+</head>
+<body>
+    {{- partial "cookie-consent.html" . -}}
+
+    {{- partial "header.html" . -}}
+    
+    <main role="main" class="container-fluid">
+    {{- block "main" . }}{{- end }}
+    </main>
+    
+    {{- partial "footer.html" . -}}
+    {{- partial "scripts.html" . -}}
+</body>
+</html>

layouts/card.html

@@ -0,0 +1,14 @@
+<div class="card h-100">
+  {{ if .Params.image }}
+    <img src="{{ .Params.image | relURL }}" class="card-img-top" alt="{{ .Title }}">
+  {{ end }}
+  
+  <div class="card-body">
+    <h5 class="card-title">{{ .Title }}</h5>
+    <p class="card-text">{{ .Summary }}</p>
+  </div>
+  
+  <div class="card-footer bg-transparent border-top-0">
+    <a href="{{ .RelPermalink }}" class="btn btn-primary btn-sm">Read More</a>
+  </div>
+</div>

layouts/home.html

@@ -0,0 +1,11 @@
+{{ define "main" }}
+  <article class="container py-5">
+    <div class="row justify-content-center">
+      <div class="col">
+        <div class="content-body">
+          {{ .Content }}
+        </div>
+      </div>
+    </div>
+  </article>
+{{ end }}

layouts/page.html

@@ -0,0 +1,12 @@
+{{ define "main" }}
+  <article class="container py-5">
+    <div class="row justify-content-center">
+      <div class="col">
+        <h1 class="display-5 fw-bold mb-4">{{ .Title }}</h1>
+        <div class="content-body">
+          {{ .Content }}
+        </div>
+      </div>
+    </div>
+  </article>
+{{ end }}