Merge remote-tracking branch 'origin/willy-content-design'

Signed-off-by: lennartrommeiss <[email protected]>
fipguide · Jan 29, 2025 · a97d1d6 · a97d1d6
2 parents 47767a4 + 400c5c6
commit a97d1d6
Show file tree

Hide file tree

Showing 5 changed files with 45 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
@@ -2,3 +2,4 @@ node_modules/
 public/
 .hugo_build.lock
 resources/
+hugo.exe
diff --git a/hugo.yaml b/hugo.yaml
@@ -24,3 +24,8 @@ related:
    - name: country
      weight: 1
      includeNewer: true
+
+markup:
+  tableOfContents:
+    startLevel: 2
+    endLevel: 2
diff --git a/themes/fiptheme/assets/sass/content.scss b/themes/fiptheme/assets/sass/content.scss
@@ -0,0 +1,4 @@
+.updateDate {
+    font-size: 1.3rem;
+    margin-bottom: 5px;
+}
diff --git a/themes/fiptheme/assets/sass/main.scss b/themes/fiptheme/assets/sass/main.scss
@@ -5,3 +5,25 @@
 @import "stage.scss";
 @import "teaser.scss";
 @import "footer.scss";
+@import "content.scss";
+
+details {
+    position: relative;
+    overflow: hidden;
+    padding: 5px;
+}
+
+details[open] summary ~ * {
+    animation: slideDown 0.5s ease-in-out;
+}
+
+@keyframes slideDown {
+    from {
+        opacity: 0;
+        transform: translateY(-10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
diff --git a/themes/fiptheme/layouts/_default/single.html b/themes/fiptheme/layouts/_default/single.html
@@ -1,12 +1,23 @@
 {{ define "main" }}
 <div class="container">
     <h1 data-pagefind-meta="title">{{ .Title }}</h1>
+
     {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
     {{ $dateHuman := .Date | time.Format ":date_long" }}
-    <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
+    <div class="updateDate">
+        <time datetime="{{ $dateMachine }}">Zuletzt aktualisiert: {{ $dateHuman }}</time>
+    </div>
     <br>
     <br>
-    {{ .Content }}
+
+    <div class="tableOfContents">
+        {{ .TableOfContents }}
+    </div>
+
+    <div class="content">
+        {{ .Content }}
+    </div>
+
     {{ $related := .Site.RegularPages.RelatedIndices . "country" }}
     {{ with $related }}
         <h3>See Also</h3>