mAi: #3 - Impressum-Konsistenz: shared als Single-Source-of-Truth

- shared/impressum.js: Name korrigiert (msbls/flexsiebels = Matthias Siebels, nicht Martin), echte Adresse aus youpc.org übernommen (c/o Online-Impressum.de #5892, Sankt Augustin). Neuer Owner 'flexsiebels', neuer Owner 'martinsiebels' (für Martin als separate Person mit eigener Adresse in Osnabrück). data-variant als offizielles Attribut, data-style weiterhin als Legacy-Alias. Rendert in #impressum falls vorhanden, sonst footer. - paragraphenraiter.de: hardcoded "Ein Projekt von Matthias Flexsiebels" → shared (msbls minimal) - patentonkel.de: hardcoded "Matthias Flexsiebels" + kaputter window.__impressum() → shared (msbls minimal) - smartin3.de: inline Impressum-Text → shared (martinsiebels full) in #impressum Div - ichbinotto.de: shared (flexsiebels full) mit echter § 5 TMG-Angabe Caddyfile: Regenerierung hat fehlende Einträge für 6034.de, traihard.de, zensiebels.de ergänzt. Refs: #3
2026-04-22 23:39:41 +02:00
parent dadfa0df7c
commit a4e37735f8
6 changed files with 77 additions and 31 deletions
--- a/15
+++ b/15
@@ -9,6 +9,11 @@
        root * /srv
        file_server
    }
+    @6034_de host 6034.de
+    handle @6034_de {
+        root * /srv/6034.de
+        file_server
+    }
    @allainallain_de host allainallain.de
    handle @allainallain_de {
        root * /srv/allainallain.de
@@ -279,6 +284,11 @@
        root * /srv/sorgenfrai.de
        file_server
    }
+    @traihard_de host traihard.de
+    handle @traihard_de {
+        root * /srv/traihard.de
+        file_server
+    }
    @vonschraitter_de host vonschraitter.de
    handle @vonschraitter_de {
        root * /srv/vonschraitter.de
@@ -289,6 +299,11 @@
        root * /srv/wartebitte.de
        file_server
    }
+    @zensiebels_de host zensiebels.de
+    handle @zensiebels_de {
+        root * /srv/zensiebels.de
+        file_server
+    }
    handle {
        respond "Not Found" 444
    }
--- a/shared/impressum.js
+++ b/shared/impressum.js
@@ -1,45 +1,77 @@
 /**
- * Modulares Impressum für Onepager-Sites.
+ * Modulares Impressum — Single Source of Truth für alle Onepager-Sites.
 *
- * Einbinden: <script src="/shared/impressum.js"></script>
+ * Einbinden:
+ *   <script src="/shared/impressum.js"></script>
+ *   <script src="/shared/impressum.js" data-owner="flexsiebels"></script>
+ *   <script src="/shared/impressum.js" data-owner="flexsiebels" data-variant="full"></script>
 *
 * Konfiguration via data-Attribute am Script-Tag:
- *   data-owner="msbls"          (default) — Kurzform, msbls.de Satire-Impressum
- *   data-owner="martinsiebels"  — Volles Impressum Martin Siebels
- *   data-style="minimal"        (default) — Einzeiler
- *   data-style="full"           — Komplettes Impressum mit Adresse etc.
+ *   data-owner="msbls"          (default) — Kurzverweis auf msbls.de
+ *   data-owner="flexsiebels"    — Kurzverweis auf flexsiebels.de
+ *   data-owner="martinsiebels"  — volles Impressum Martin Siebels (separate Person, Osnabrück)
+ *   data-variant="minimal"      (default) — Einzeiler im Footer
+ *   data-variant="full"         — vollständige Angaben nach § 5 TMG
+ *
+ *   Legacy-Alias: data-style (gleiche Werte wie data-variant).
+ *
+ * Render-Ziel: Element mit id="impressum" falls vorhanden, sonst <footer>, sonst body.
 */
 (function () {
  const script = document.currentScript;
  const owner = script?.getAttribute('data-owner') || 'msbls';
-  const style = script?.getAttribute('data-style') || 'minimal';
+  const variant = script?.getAttribute('data-variant')
+    || script?.getAttribute('data-style')
+    || 'minimal';
+
+  // Gemeinsamer Block für Matthias Siebels (m) — beide Domains, gleiche Anschrift.
+  const matthiasAddress = 'Matthias Siebels<br>'
+    + 'c/o Online-Impressum.de #5892<br>'
+    + 'Europaring 90<br>'
+    + '53757 Sankt Augustin';

  const owners = {
    msbls: {
      minimal: 'Ein Projekt von <a href="https://msbls.de" target="_blank" rel="noopener">msbls.de</a>',
-      full: '<strong>Angaben gemäß § 5 TMG:</strong><br>msbls.de — Martin Siebels<br><a href="https://msbls.de/impressum" target="_blank" rel="noopener">Vollständiges Impressum</a>',
+      full: '<strong>Angaben gemäß § 5 TMG:</strong><br>'
+        + matthiasAddress + '<br>'
+        + 'E-Mail: <a href="mailto:mail@msbls.de">mail@msbls.de</a>',
+    },
+    flexsiebels: {
+      minimal: 'Ein Projekt von <a href="https://flexsiebels.de" target="_blank" rel="noopener">flexsiebels.de</a>',
+      full: '<strong>Angaben gemäß § 5 TMG:</strong><br>'
+        + matthiasAddress + '<br>'
+        + 'E-Mail: <a href="mailto:mail@flexsiebels.de">mail@flexsiebels.de</a>',
+    },
+    martinsiebels: {
+      minimal: 'Ein Projekt von <a href="https://martinsiebels.de" target="_blank" rel="noopener">Martin Siebels</a>',
+      full: '<strong>Angaben gemäß § 5 TMG:</strong><br>'
+        + 'Martin Siebels<br>'
+        + 'Leyer Str. 38<br>'
+        + '49076 Osnabrück<br>'
+        + 'E-Mail: <a href="mailto:Martin_Siebels@web.de">Martin_Siebels@web.de</a>',
    },
  };

  const config = owners[owner] || owners.msbls;
-  const html = config[style] || config.minimal;
+  const html = config[variant] || config.minimal;

-  // Impressum-Element erstellen
  const el = document.createElement('div');
  el.className = 'onepager-impressum';
  el.innerHTML = html;

-  // Styling — erbt Farben vom footer/body, bleibt dezent
-  el.style.cssText = 'text-align:center;font-size:0.7rem;opacity:0.5;padding:8px 0;margin-top:4px;';
-  el.querySelector('a')?.style && Object.assign(el.querySelector('a').style, {
-    color: 'inherit', textDecoration: 'none'
+  // Dezent, erbt Farben vom Container.
+  el.style.cssText = 'text-align:center;font-size:0.75rem;opacity:0.6;padding:12px 0;margin-top:4px;line-height:1.7;';
+  el.querySelectorAll('a').forEach(a => {
+    a.style.color = 'inherit';
+    a.style.textDecoration = 'underline';
+    a.style.textDecorationThickness = '1px';
+    a.style.textUnderlineOffset = '2px';
  });

-  // Einfügen: in <footer> falls vorhanden, sonst ans body-Ende
-  const footer = document.querySelector('footer .container, footer');
-  if (footer) {
-    footer.appendChild(el);
-  } else {
-    document.body.appendChild(el);
-  }
+  const target = document.getElementById('impressum')
+    || document.querySelector('footer .container')
+    || document.querySelector('footer')
+    || document.body;
+  target.appendChild(el);
 })();
--- a/sites/ichbinotto.de/index.html
+++ b/sites/ichbinotto.de/index.html
@@ -440,5 +440,6 @@
  </footer>

  <script src="/shared/i18n.js"></script>
+  <script src="/shared/impressum.js" data-owner="flexsiebels" data-variant="full"></script>
 </body>
 </html>
--- a/sites/paragraphenraiter.de/index.html
+++ b/sites/paragraphenraiter.de/index.html
@@ -724,9 +724,10 @@
    <!-- FOOTER -->
    <footer>
        <p class="footer-brand">Paragraphen<span>rAI</span>ter</p>
-        <p class="footer-credit">Ein Projekt von Matthias Flexsiebels</p>
        <p class="footer-legal">&copy; 2026 &middot; Recht. Aber schlauer.</p>
    </footer>

+    <script src="/shared/impressum.js"></script>
+
 </body>
 </html>
--- a/sites/patentonkel.de/index.html
+++ b/sites/patentonkel.de/index.html
@@ -650,7 +650,7 @@
    <footer>
        <p class="footer-brand">Patentonkel</p>
        <p class="footer-tagline">Familiär. Kompetent. KI.</p>
-        <p class="footer-legal">&copy; 2026 &middot; Ein Projekt von Matthias Flexsiebels &middot; <a href="#" onclick="window.__impressum&&window.__impressum();return false;">Impressum</a></p>
+        <p class="footer-legal">&copy; 2026 &middot; Familienkompatibel ausgedacht.</p>
    </footer>

    <script src="/shared/impressum.js"></script>
--- a/sites/smartin3.de/index.html
+++ b/sites/smartin3.de/index.html
@@ -635,22 +635,19 @@
  <footer>
    <div class="container">
      <p><span style="color:var(--text-dim)">s</span><span style="color:var(--orange)">MARTIN</span> <span style="color:var(--blue)">3</span>D — smartin3.de</p>
-      <p style="margin-top: 24px; font-size: 0.65rem; color: var(--text-muted); line-height: 1.8;"><a href="#impressum" style="color: var(--text-muted); text-decoration: none;">Impressum</a></p>
+      <p style="margin-top: 24px; font-size: 0.65rem; color: var(--text-muted); line-height: 1.8;"><a href="#impressum-section" style="color: var(--text-muted); text-decoration: none;">Impressum</a></p>
    </div>
  </footer>

-  <section id="impressum" style="padding: 60px 0 80px; border-top: 1px solid var(--border);">
+  <section id="impressum-section" style="padding: 60px 0 80px; border-top: 1px solid var(--border);">
    <div class="container" style="max-width: 540px;">
      <h2 style="font-size: 1.2rem; margin-bottom: 24px;">Impressum</h2>
-      <p style="font-size: 0.85rem; color: var(--text-dim); line-height: 1.8; font-weight: 300;">
-        Martin Siebels<br>
-        Leyer Str. 38<br>
-        49076 Osnabrück<br><br>
-        E-Mail: <a href="mailto:Martin_Siebels@web.de" style="color: var(--orange); text-decoration: none;">Martin_Siebels@web.de</a>
-      </p>
+      <div id="impressum" style="font-size: 0.85rem; color: var(--text-dim); line-height: 1.8; font-weight: 300;"></div>
    </div>
  </section>

+  <script src="/shared/impressum.js" data-owner="martinsiebels" data-variant="full"></script>
+
  <div class="lightbox" id="lightbox" onclick="this.classList.remove('active')">
    <img id="lightbox-img" src="" alt="">
    <div class="lightbox-caption" id="lightbox-cap"></div>