Update data from current web site state

themes/tsc_vfl/archetypes/news.md

@@ -0,0 +1,15 @@
+---
+title: ""
+date: 2023-11-11T16:17:00+00:00
+summary: |-
+    Hier kommt die Zusammenfassung hin
+draft: false
+# Die nächste Zeile anpassen, wenn das Thumbnail eingerichtet ist
+# image: thumbnail.jpg
+---
+
+Hier kommt der Text
+
+<!-- Das ist ein einzelnes Bild: -->
+<!-- {{< tsc/news/inline-float src="pokal.jpg" alt="Siegerpokal" width="800" height="801" >}} -->
+

themes/tsc_vfl/assets/css/main.scss

@@ -410,8 +410,15 @@ h1 {
     }
 }
 
+.tsc-image {
+    margin: 0 auto;
+    width: fit-content;
+}
+
 .tsc-gallery {
     display: grid;
+    align-items: center;
+    justify-items: center;
     
     &.cols-2 {
         grid-template-columns: 1fr 1fr;
@@ -424,7 +431,7 @@ h1 {
     }
 
     .tsc-gallery-img {
-        margin: none;
+        margin: 20px;
     }
 }
 

themes/tsc_vfl/layouts/shortcodes/tsc/news/inline-float.html

@@ -1,12 +1,15 @@
-<figure>
+<figure class="tsc-image">
     {{ with .Get "href" }}
     <a href="{{ . }}">
     {{ end }}
         <img
-            {{- with .Get "alt" }}alt="{{ . }}"{{ end }}
+            {{ with .Get "alt" }}alt="{{ . }}"{{ end }}
             {{- $filename := .Get "src" }}
             {{ $resource := .Page.Resources.Get $filename -}}
             src="{{ $resource.RelPermalink }}"
+            style="
+            {{- with .Get "width" -}}max-width: {{.}}px;{{- end -}}
+            "
         >
     {{ with .Get "href" }}
     </a>