From acbd51bcd7fcc802e02a2078b7c15c8bbdb15f7e Mon Sep 17 00:00:00 2001
From: Christian Wolf <github@christianwolf.email>
Date: Fri, 9 Aug 2024 15:46:18 +0200
Subject: [PATCH] Allow for credits in image positions

---
 themes/tsc_vfl/assets/css/main.scss                      | 7 +++++++
 .../layouts/shortcodes/tsc/news/gallery-image.html       | 6 ++++++
 .../layouts/shortcodes/tsc/news/inline-float.html        | 9 +++++----
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss
index 72e53df..4183632 100644
--- a/themes/tsc_vfl/assets/css/main.scss
+++ b/themes/tsc_vfl/assets/css/main.scss
@@ -760,6 +760,13 @@ h1 {
     }
 }
 
+.tsc-image, .tsc-gallery-img {
+    .credits {
+        font-style: italic;
+        float: right;
+    }
+}
+
 .youtube-video {
     max-width: 100%;
 }
diff --git a/themes/tsc_vfl/layouts/shortcodes/tsc/news/gallery-image.html b/themes/tsc_vfl/layouts/shortcodes/tsc/news/gallery-image.html
index 9bf13fa..79d2fac 100644
--- a/themes/tsc_vfl/layouts/shortcodes/tsc/news/gallery-image.html
+++ b/themes/tsc_vfl/layouts/shortcodes/tsc/news/gallery-image.html
@@ -24,4 +24,10 @@
         src="{{ $img.RelPermalink }}"
         >
     </a>
+    {{ with .Get "credits" }}
+    <div class="credits">Foto: {{ . }}</div>
+    {{ end }}
+    {{ with .Get "caption" }}
+    <caption>{{ . }}</caption>
+    {{ end }}
 </figure>
diff --git a/themes/tsc_vfl/layouts/shortcodes/tsc/news/inline-float.html b/themes/tsc_vfl/layouts/shortcodes/tsc/news/inline-float.html
index 6248046..98122ca 100644
--- a/themes/tsc_vfl/layouts/shortcodes/tsc/news/inline-float.html
+++ b/themes/tsc_vfl/layouts/shortcodes/tsc/news/inline-float.html
@@ -1,4 +1,4 @@
-<figure class="tsc-image">
+<figure class="tsc-image" style="{{- with .Get "width" -}}max-width: min(90%, {{.}}px);{{- end -}}">
     {{ with .Get "href" }}
     <a href="{{ . }}">
     {{ end }}
@@ -7,16 +7,17 @@
             {{- $filename := .Get "src" }}
             {{ $resource := .Page.Resources.Get $filename -}}
             src="{{ $resource.RelPermalink }}"
-            style="
-            {{- with .Get "width" -}}max-width: min(90%, {{.}}px);{{- end -}}
-            "
         >
     {{ with .Get "href" }}
     </a>
     {{ end }}
+    {{ with .Get "credits" }}
+    <div class="credits">Foto: {{ . }}</div>
+    {{ end }}
     {{ with .Get "caption" }}
     <figcaption>
         {{ . }}
     </figcaption>
     {{ end }}
 </figure>
+