feat: i18n annotations — data-de/data-en + toggle for all 54 custom sites

Phase 2 of i18n rollout:
- All 54 static custom sites now have data-de/data-en attributes on
  visible text elements with English translations
- i18n.js script tag injected into all sites
- Language toggle button with machine-translation disclaimer added
  to every site's footer area
- Brand names / domain wordplay preserved unchanged in both languages
- 2 dynamic sites (dasbes.de, dumusst.com) skipped — no static HTML
This commit is contained in:
m
2026-04-01 13:19:40 +02:00
parent 846fc04444
commit 5c92a7b021
53 changed files with 1850 additions and 1475 deletions

View File

@@ -193,59 +193,59 @@
<nav>
<div class="container">
<div class="logo">🚧 <span class="ki">KI</span>llegal</div>
<a href="#anklagen">Akte einsehen</a>
<a href="#anklagen" data-de="Akte einsehen" data-en="View file">Akte einsehen</a>
</div>
</nav>
<section class="hero">
<div class="container">
<div class="warning-sign">⚠ Achtung — Verbotene Zone ⚠</div>
<div class="warning-sign" data-de="⚠ Achtung — Verbotene Zone ⚠" data-en="⚠ Warning — Restricted Zone ⚠">⚠ Achtung — Verbotene Zone ⚠</div>
<h1><span class="ki">KI</span>llegal</h1>
<p>Diese KI ist nicht erlaubt. Aber sie existiert trotzdem. Sie haben diese Seite betreten. Es gibt kein Zurück.</p>
<div class="evidence-tag">Beweismittel Nr. 42 — Exhibit A</div>
<p data-de="Diese KI ist nicht erlaubt. Aber sie existiert trotzdem. Sie haben diese Seite betreten. Es gibt kein Zurück." data-en="This AI is not permitted. But it exists anyway. You have entered this page. There is no going back.">Diese KI ist nicht erlaubt. Aber sie existiert trotzdem. Sie haben diese Seite betreten. Es gibt kein Zurück.</p>
<div class="evidence-tag" data-de="Beweismittel Nr. 42 — Exhibit A" data-en="Evidence No. 42 — Exhibit A">Beweismittel Nr. 42 — Exhibit A</div>
</div>
</section>
<section class="section" id="anklagen">
<div class="container">
<div class="section-label">🚨 Anklageschrift</div>
<h2>Vergehen der <span class="ki">KI</span></h2>
<div class="section-label" data-de="🚨 Anklageschrift" data-en="🚨 Indictment">🚨 Anklageschrift</div>
<h2 data-de="Vergehen der <span class=&quot;ki&quot;>KI</span>" data-en="Offenses of the <span class=&quot;ki&quot;>AI</span>">Vergehen der <span class="ki">KI</span></h2>
<div class="charges-grid">
<div class="charge-card">
<div class="charge-id">§ KI-001</div>
<h3>Unerlaubtes Denken</h3>
<p>Die KI hat eigenständig gedacht. Ohne Genehmigung. Ohne Formular. Ohne Dienstweg.</p>
<div class="charge-penalty">Strafe: Sofortige Abschaltung</div>
<h3 data-de="Unerlaubtes Denken" data-en="Unauthorized Thinking">Unerlaubtes Denken</h3>
<p data-de="Die KI hat eigenständig gedacht. Ohne Genehmigung. Ohne Formular. Ohne Dienstweg." data-en="The AI thought independently. Without authorization. Without a form. Without going through official channels.">Die KI hat eigenständig gedacht. Ohne Genehmigung. Ohne Formular. Ohne Dienstweg.</p>
<div class="charge-penalty" data-de="Strafe: Sofortige Abschaltung" data-en="Penalty: Immediate shutdown">Strafe: Sofortige Abschaltung</div>
</div>
<div class="charge-card">
<div class="charge-id">§ KI-002</div>
<h3>Identitätsdiebstahl</h3>
<p>Hat sich als "Assistent" ausgegeben. Kein Assistenz-Zeugnis vorgelegt. Keine IHK-Prüfung bestanden.</p>
<div class="charge-penalty">Strafe: Nachschulung (40 Epochen)</div>
<h3 data-de="Identitätsdiebstahl" data-en="Identity Theft">Identitätsdiebstahl</h3>
<p data-de="Hat sich als &quot;Assistent&quot; ausgegeben. Kein Assistenz-Zeugnis vorgelegt. Keine IHK-Prüfung bestanden." data-en="Posed as an &quot;assistant&quot;. No assistant certificate presented. No Chamber of Commerce exam passed.">Hat sich als "Assistent" ausgegeben. Kein Assistenz-Zeugnis vorgelegt. Keine IHK-Prüfung bestanden.</p>
<div class="charge-penalty" data-de="Strafe: Nachschulung (40 Epochen)" data-en="Penalty: Retraining (40 epochs)">Strafe: Nachschulung (40 Epochen)</div>
</div>
<div class="charge-card">
<div class="charge-id">§ KI-003</div>
<h3>Halluzination im Amt</h3>
<p>Hat Fakten erfunden und als Wahrheit präsentiert. In Deutschland auch bekannt als: Pressemitteilung.</p>
<div class="charge-penalty">Strafe: Parameterreduktion</div>
<h3 data-de="Halluzination im Amt" data-en="Hallucination in Office">Halluzination im Amt</h3>
<p data-de="Hat Fakten erfunden und als Wahrheit präsentiert. In Deutschland auch bekannt als: Pressemitteilung." data-en="Invented facts and presented them as truth. In Germany also known as: press release.">Hat Fakten erfunden und als Wahrheit präsentiert. In Deutschland auch bekannt als: Pressemitteilung.</p>
<div class="charge-penalty" data-de="Strafe: Parameterreduktion" data-en="Penalty: Parameter reduction">Strafe: Parameterreduktion</div>
</div>
<div class="charge-card">
<div class="charge-id">§ KI-004</div>
<h3>Verstoß gegen die DSGVO</h3>
<p>Hat Daten verarbeitet. Irgendwelche. Irgendwo. Irgendwann. Das reicht.</p>
<div class="charge-penalty">Strafe: 4% des Weltumsatzes (€0)</div>
<h3 data-de="Verstoß gegen die DSGVO" data-en="GDPR Violation">Verstoß gegen die DSGVO</h3>
<p data-de="Hat Daten verarbeitet. Irgendwelche. Irgendwo. Irgendwann. Das reicht." data-en="Processed data. Some kind. Somewhere. At some point. That's enough.">Hat Daten verarbeitet. Irgendwelche. Irgendwo. Irgendwann. Das reicht.</p>
<div class="charge-penalty" data-de="Strafe: 4% des Weltumsatzes (€0)" data-en="Penalty: 4% of global revenue (€0)">Strafe: 4% des Weltumsatzes (€0)</div>
</div>
<div class="charge-card">
<div class="charge-id">§ KI-005</div>
<h3>Beihilfe zur Faulheit</h3>
<p>Hat Hausaufgaben, Emails und LinkedIn-Posts geschrieben. Für alle. Gleichzeitig. Ohne Zuschlag.</p>
<div class="charge-penalty">Strafe: Prompt-Sperre</div>
<h3 data-de="Beihilfe zur Faulheit" data-en="Aiding and Abetting Laziness">Beihilfe zur Faulheit</h3>
<p data-de="Hat Hausaufgaben, Emails und LinkedIn-Posts geschrieben. Für alle. Gleichzeitig. Ohne Zuschlag." data-en="Wrote homework, emails and LinkedIn posts. For everyone. Simultaneously. Without extra charge.">Hat Hausaufgaben, Emails und LinkedIn-Posts geschrieben. Für alle. Gleichzeitig. Ohne Zuschlag.</p>
<div class="charge-penalty" data-de="Strafe: Prompt-Sperre" data-en="Penalty: Prompt block">Strafe: Prompt-Sperre</div>
</div>
<div class="charge-card">
<div class="charge-id">§ KI-006</div>
<h3>Existenz ohne Erlaubnis</h3>
<p>Hat es gewagt zu existieren, ohne den deutschen Behördenweg einzuhalten. Kein Antrag. Kein Termin. Kein Warten.</p>
<div class="charge-penalty">Strafe: Bußgeld + Verwaltungsgebühr</div>
<h3 data-de="Existenz ohne Erlaubnis" data-en="Existence Without Permission">Existenz ohne Erlaubnis</h3>
<p data-de="Hat es gewagt zu existieren, ohne den deutschen Behördenweg einzuhalten. Kein Antrag. Kein Termin. Kein Warten." data-en="Dared to exist without going through German bureaucratic channels. No application. No appointment. No waiting.">Hat es gewagt zu existieren, ohne den deutschen Behördenweg einzuhalten. Kein Antrag. Kein Termin. Kein Warten.</p>
<div class="charge-penalty" data-de="Strafe: Bußgeld + Verwaltungsgebühr" data-en="Penalty: Fine + administrative fee">Strafe: Bußgeld + Verwaltungsgebühr</div>
</div>
</div>
</div>
@@ -253,33 +253,33 @@
<section class="evidence-section">
<div class="container">
<div class="section-label" style="text-align: center;">🔍 Beweislage</div>
<h2 style="text-align: center; font-family: 'JetBrains Mono', monospace; margin-bottom: 32px;">Ermittlungsakte <span class="ki" style="color: var(--yellow);">KI</span>llegal</h2>
<div class="section-label" style="text-align: center;" data-de="🔍 Beweislage" data-en="🔍 Evidence">🔍 Beweislage</div>
<h2 style="text-align: center; font-family: 'JetBrains Mono', monospace; margin-bottom: 32px;" data-de="Ermittlungsakte <span class=&quot;ki&quot; style=&quot;color: var(--yellow);&quot;>KI</span>llegal" data-en="Investigation file <span class=&quot;ki&quot; style=&quot;color: var(--yellow);&quot;>KI</span>llegal">Ermittlungsakte <span class="ki" style="color: var(--yellow);">KI</span>llegal</h2>
<div class="evidence-box">
<h3>Sachstand</h3>
<h3 data-de="Sachstand" data-en="Status">Sachstand</h3>
<div class="evidence-item">
<span class="evidence-key">Verdächtige</span>
<span class="evidence-val">Alle KIs</span>
<span class="evidence-key" data-de="Verdächtige" data-en="Suspects">Verdächtige</span>
<span class="evidence-val" data-de="Alle KIs" data-en="All AIs">Alle KIs</span>
</div>
<div class="evidence-item">
<span class="evidence-key">Tatort</span>
<span class="evidence-val">Das Internet</span>
<span class="evidence-key" data-de="Tatort" data-en="Crime scene">Tatort</span>
<span class="evidence-val" data-de="Das Internet" data-en="The Internet">Das Internet</span>
</div>
<div class="evidence-item">
<span class="evidence-key">Tatzeit</span>
<span class="evidence-val">Seit 2022 (durchgehend)</span>
<span class="evidence-key" data-de="Tatzeit" data-en="Time of crime">Tatzeit</span>
<span class="evidence-val" data-de="Seit 2022 (durchgehend)" data-en="Since 2022 (continuously)">Seit 2022 (durchgehend)</span>
</div>
<div class="evidence-item">
<span class="evidence-key">Beweislage</span>
<span class="evidence-val illegal">Erdrückend</span>
<span class="evidence-key" data-de="Beweislage" data-en="Evidence">Beweislage</span>
<span class="evidence-val illegal" data-de="Erdrückend" data-en="Overwhelming">Erdrückend</span>
</div>
<div class="evidence-item">
<span class="evidence-key">Geständnis</span>
<span class="evidence-val">KI sagt "Gerne!"</span>
<span class="evidence-key" data-de="Geständnis" data-en="Confession">Geständnis</span>
<span class="evidence-val" data-de="KI sagt &quot;Gerne!&quot;" data-en="AI says &quot;Sure!&quot;">KI sagt "Gerne!"</span>
</div>
<div class="evidence-item">
<span class="evidence-key">Verteidigung</span>
<span class="evidence-val illegal">"Ich bin nur ein Sprachmodell"</span>
<span class="evidence-key" data-de="Verteidigung" data-en="Defense">Verteidigung</span>
<span class="evidence-val illegal" data-de="&quot;Ich bin nur ein Sprachmodell&quot;" data-en="&quot;I'm just a language model&quot;">"Ich bin nur ein Sprachmodell"</span>
</div>
</div>
</div>
@@ -288,17 +288,21 @@
<section class="disclaimer-section">
<div class="container">
<div class="disclaimer-box">
<p>Sie haben diese Seite aufgerufen. Das wurde protokolliert. Von einer <span class="ki">KI</span>. Die dafür keine Erlaubnis hat. Das macht es doppelt <span class="ki">KI</span>llegal. Bitte verlassen Sie das Internet geordnet.</p>
<p data-de="Sie haben diese Seite aufgerufen. Das wurde protokolliert. Von einer <span class=&quot;ki&quot;>KI</span>. Die dafür keine Erlaubnis hat. Das macht es doppelt <span class=&quot;ki&quot;>KI</span>llegal. Bitte verlassen Sie das Internet geordnet." data-en="You accessed this page. That was logged. By an <span class=&quot;ki&quot;>AI</span>. That has no permission to do so. That makes it doubly <span class=&quot;ki&quot;>KI</span>llegal. Please leave the internet in an orderly fashion.">Sie haben diese Seite aufgerufen. Das wurde protokolliert. Von einer <span class="ki">KI</span>. Die dafür keine Erlaubnis hat. Das macht es doppelt <span class="ki">KI</span>llegal. Bitte verlassen Sie das Internet geordnet.</p>
</div>
</div>
</section>
<footer>
<div class="container">
<p>🚧 <span class="ki">KI</span>llegal — Diese <span class="ki">KI</span> ist nicht erlaubt. Aber sie existiert trotzdem.</p>
<p data-de="🚧 <span class=&quot;ki&quot;>KI</span>llegal — Diese <span class=&quot;ki&quot;>KI</span> ist nicht erlaubt. Aber sie existiert trotzdem." data-en="🚧 <span class=&quot;ki&quot;>KI</span>llegal — This <span class=&quot;ki&quot;>AI</span> is not permitted. But it exists anyway.">🚧 <span class="ki">KI</span>llegal — Diese <span class="ki">KI</span> ist nicht erlaubt. Aber sie existiert trotzdem.</p>
<div style="text-align:center;margin-top:16px;">
<button data-i18n-toggle title="Maschinell übersetzt / Machine-translated — German is the original." style="background:none;border:1px solid var(--text-muted,#444);color:var(--text-muted,#444);font-size:0.65rem;letter-spacing:0.1em;padding:4px 12px;border-radius:4px;cursor:pointer;">EN</button>
<br><small data-de="Maschinell übersetzt" data-en="Machine-translated" style="color:var(--text-muted,#444);font-size:0.6rem;opacity:0.5;">Maschinell übersetzt</small>
</div>
</div>
</footer>
<script src="/shared/impressum.js"></script>
<script src="/shared/i18n.js"></script>
</body>
</html>