Fixed captions for SVGs, added translations for captions

static/css/site.css

@@ -386,23 +386,6 @@ ul.menuitems {
   content: "Translations: ";
 }
 
-html[lang="de"] {
-  #pages:before {
-    content: "Seiten:";
-  }
-
-  #recent-articles:before {
-    content: "Neueste Artikel:";
-  }
-
-  #categories:before {
-    content: "Kategorien:";
-  }
-
-  #translations:before {
-    content: "Übersetzungen:";
-  }
-}
 
 .menuitems {
   list-style: none;
@@ -617,13 +600,16 @@ svg.injected-svg tspan {
   cursor: zoom-in;
 }
 
-.entry-content img~em{
+.entry-content img~em,
+.entry-content svg.injected-svg~em{
   display: block;
   margin: 0 auto 0 auto;
   text-align: center;
   font-style: normal;
 }
-.entry-content img~em:before {
+
+.entry-content img~em:before,
+.entry-content svg.injected-svg~em:before {
   content: 'Figure ' counter(figures) ': ';
   font-weight: bold;
 }
@@ -682,6 +668,10 @@ svg.injected-svg tspan {
   font-weight: bold;
 }
 
+.lightbox-overlay #lightbox-caption .fig-number:before {
+  content: 'Figure ' attr(data-num) ': ';
+}
+
 /* Fallback: Systemeinstellung, nur falls kein manueller Override gesetzt ist */
 @media (prefers-color-scheme: dark) {
   :root:not([data-theme]) .lightbox-overlay {
@@ -838,3 +828,39 @@ svg.injected-svg tspan {
 .footnotes {
   border-top: 1px solid hsl(0, 0%, 39%);
 }
+
+html[lang="de"] {
+  #pages:before {
+    content: "Seiten:";
+  }
+
+  #recent-articles:before {
+    content: "Neueste Artikel:";
+  }
+
+  #categories:before {
+    content: "Kategorien:";
+  }
+
+  #translations:before {
+    content: "Übersetzungen:";
+  }
+
+  .entry-content img~em:before,
+  .entry-content svg.injected-svg~em:before {
+    content: 'Abbildung ' counter(figures) ': ';
+  }
+
+  .entry-content table~p > em:before {
+    content: 'Tabelle ' counter(tables) ': ';
+  }
+
+  .entry-content table.highlighttable~p > em:before,
+  .entry-content div.highlight~p > em:before {
+    content: 'Liste ' counter(listings) ': ';
+  }
+
+  .lightbox-overlay #lightbox-caption .fig-number:before {
+    content: 'Abbildung ' attr(data-num) ': ';
+  }
+}

static/js/lightbox.js

@@ -23,7 +23,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
   function setCaption(figureNumber, captionText) {
     overlayCaption.innerHTML = captionText
-      ? '<span class="fig-number">Figure ' + figureNumber + ':</span> ' + captionText
+      ? '<span class="fig-number" data-num="' + figureNumber + '"></span> ' + captionText
       : '';
   }