add css for figure captions

Edirom · Apr 2, 2024 · 56d55e9 · 56d55e9
1 parent bd47c1a
commit 56d55e9
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 5 deletions.
diff --git a/_posts/2024-03-06-ViFE-Klausur-Januar-2024.md b/_posts/2024-03-06-ViFE-Klausur-Januar-2024.md
@@ -10,14 +10,14 @@ Der Virtuelle Forschungsverbund Edirom hat das Jahr 2024 mit einer dreitägigen
 
 <figure>
 <img src="{{ '/assets/blog/2024-03-06/IMG_1965.jpg' | relative_url }}" alt="Gruppenfoto VIFE-Klausur Hofgeismar Januar 2024" style="width: 100%"/>
-<figurecaption><small>Mitglieder des ViFE im Januar 2024 in Hofgeismar. Foto: Ran Mo.</small></figurecaption>
+<figurecaption>Mitglieder des ViFE im Januar 2024 in Hofgeismar. Foto: Ran Mo.</figurecaption>
 </figure>
 
 Dieses Mal trafen sich die Mitglieder im nordhessischen Hofgeismar in der dort angesiedelten Tagungsstätte der Evangelischen Akademie. Thematisch stand das Treffen gleich in mehrfacher Hinsicht unter dem zentralen Begriff *Neuanfänge*.
 
 <figure>
 <img src="{{ '/assets/blog/2024-03-06/IMG_0730.JPG' | relative_url }}" alt="Schlösschen Schönburg Hofgeismar" style="width: 100%"/>
-<figurecaption><small>Das <a href="https://de.wikipedia.org/w/index.php?title=Schlösschen_Schönburg&oldid=237787162">Schlösschen Schönburg</a> der Evangelischen Tagungsstätte Hofgeismar. Für drei Tage Ort der Januar-Klausurtagung 2024 des ViFE. Foto: Martin Albrecht-Hohmaier.</small></figurecaption>
+<figurecaption>Das <a href="https://de.wikipedia.org/w/index.php?title=Schlösschen_Schönburg&oldid=237787162">Schlösschen Schönburg</a> der Evangelischen Tagungsstätte Hofgeismar. Für drei Tage Ort der Januar-Klausurtagung 2024 des ViFE. Foto: Martin Albrecht-Hohmaier.</figurecaption>
 </figure>
 
 # Persönliche Neuanfänge

diff --git a/_posts/2024-04-02-Luxus-oder-Basis.md b/_posts/2024-04-02-Luxus-oder-Basis.md
@@ -18,5 +18,5 @@ Wie auch immer. Sehr viel nüchterner hat der ViFE solche Fragen, die latent st
 
 <figure>
 <img src="{{ '/assets/blog/2024-04-02/fiveaspects.jpg' | relative_url }}" alt="Five Aspects of ViFE Poster" style="width:100%"/>
-<figurecaption><small>Das gemeinsame Poster des ViFE auf der TEIMEC 2023.</small></figurecaption>
+<figurecaption>Das gemeinsame Poster des ViFE auf der TEIMEC 2023.</figurecaption>
 </figure>
diff --git a/_posts/README.md b/_posts/README.md
@@ -28,7 +28,7 @@ As support for figures and figure captures is limited in markdown you could use
 
     <figure>
         <img src="{{ '/assets/blog/[PathToYourImage]' | relative_url }}" alt="[alternative title]" style="width: 100%"/>
-        <figurecaption><small>[Your Figure capture]</small></figurecaption>
+        <figurecaption>[Your Figure caption text]</figurecaption>
     </figure>
 
 ## Tips

diff --git a/_sass/main.scss b/_sass/main.scss
@@ -141,4 +141,12 @@ p.lead {
 .byline {
     font-style: italic;
     text-align: right;
-}
+}
+
+figure {
+    text-align: center;
+    figurecaption {
+        font-size: small;
+        font-style: italic;
+    }
+}