m/onepager
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

57
sites/derkaiseristnackt.de/index.html
View File

@@ -382,47 +382,47 @@
<section class="hero">
<h1 class="hero-title">Der K<span class="ai">ai</span>ser<br>ist nackt.</h1>
<div class="hero-line"></div>
<p class="hero-subtitle">Eine ehrliche Bestandsaufnahme der KI-Revolution</p>
<div class="scroll-hint">Weiterlesen</div>
<p class="hero-subtitle" data-de="Eine ehrliche Bestandsaufnahme der KI-Revolution" data-en="An honest stocktaking of the AI revolution">Eine ehrliche Bestandsaufnahme der KI-Revolution</p>
<div class="scroll-hint" data-de="Weiterlesen" data-en="Read on">Weiterlesen</div>
</section>
<!-- Manifesto -->
<section class="manifesto">
<div class="section-label">Manifest</div>
<div class="section-label" data-de="Manifest" data-en="Manifesto">Manifest</div>
<div class="manifesto-item">
<span class="number">01</span>
<p>Dein Chatbot l&uuml;gt. Er wei&szlig; es nicht, du wei&szlig;t es nicht, und niemand will dar&uuml;ber reden.</p>
<p data-de="Dein Chatbot lügt. Er weiß es nicht, du weißt es nicht, und niemand will darüber reden." data-en="Your chatbot lies. It doesn't know it, you don't know it, and nobody wants to talk about it.">Dein Chatbot l&uuml;gt. Er wei&szlig; es nicht, du wei&szlig;t es nicht, und niemand will dar&uuml;ber reden.</p>
</div>
<div class="manifesto-item">
<span class="number">02</span>
<p>97% Genauigkeit klingt gut &mdash; bis du zu den 3% geh&ouml;rst.</p>
<p data-de="97% Genauigkeit klingt gut — bis du zu den 3% gehörst." data-en="97% accuracy sounds good — until you're in the 3%.">97% Genauigkeit klingt gut &mdash; bis du zu den 3% geh&ouml;rst.</p>
</div>
<div class="manifesto-item">
<span class="number">03</span>
<p>&bdquo;KI-gest&uuml;tzt&ldquo; ist das neue &bdquo;Bio&ldquo; &mdash; steht &uuml;berall drauf, steckt selten drin.</p>
<p data-de="„KI-gestützt" ist das neue „Bio" — steht überall drauf, steckt selten drin." data-en="&quot;AI-powered&quot; is the new &quot;organic&quot; — it's on everything, rarely inside.">&bdquo;KI-gest&uuml;tzt&ldquo; ist das neue &bdquo;Bio&ldquo; &mdash; steht &uuml;berall drauf, steckt selten drin.</p>
</div>
<div class="manifesto-item">
<span class="number">04</span>
<p>Ein Sprachmodell, das halluziniert, ist kein Bug. Es ist das Produkt.</p>
<p data-de="Ein Sprachmodell, das halluziniert, ist kein Bug. Es ist das Produkt." data-en="A language model that hallucinates is not a bug. It is the product.">Ein Sprachmodell, das halluziniert, ist kein Bug. Es ist das Produkt.</p>
</div>
<div class="manifesto-item">
<span class="number">05</span>
<p>Wir haben Maschinen gebaut, die &uuml;berzeugend klingen. Das ist nicht dasselbe wie Maschinen, die Recht haben.</p>
<p data-de="Wir haben Maschinen gebaut, die überzeugend klingen. Das ist nicht dasselbe wie Maschinen, die Recht haben." data-en="We built machines that sound convincing. That is not the same as machines that are right.">Wir haben Maschinen gebaut, die &uuml;berzeugend klingen. Das ist nicht dasselbe wie Maschinen, die Recht haben.</p>
</div>
<div class="manifesto-item">
<span class="number">06</span>
<p>Jedes Startup verspricht AGI bis 2027. Keines kann zuverl&auml;ssig eine Rechnung zusammenfassen.</p>
<p data-de="Jedes Startup verspricht AGI bis 2027. Keines kann zuverlässig eine Rechnung zusammenfassen." data-en="Every startup promises AGI by 2027. None can reliably summarise an invoice.">Jedes Startup verspricht AGI bis 2027. Keines kann zuverl&auml;ssig eine Rechnung zusammenfassen.</p>
</div>
<div class="manifesto-item">
<span class="number">07</span>
<p>Die gr&ouml;&szlig;te Leistung der KI-Branche ist nicht Intelligenz. Es ist Marketing.</p>
<p data-de="Die größte Leistung der KI-Branche ist nicht Intelligenz. Es ist Marketing." data-en="The greatest achievement of the AI industry is not intelligence. It is marketing.">Die gr&ouml;&szlig;te Leistung der KI-Branche ist nicht Intelligenz. Es ist Marketing.</p>
</div>
</section>
@@ -430,27 +430,27 @@
<!-- Comparison -->
<section class="comparison">
<div class="section-label">Bestandsaufnahme</div>
<div class="section-label" data-de="Bestandsaufnahme" data-en="Taking stock">Bestandsaufnahme</div>
<div class="comparison-grid">
<div class="comparison-col comparison-col--stimmt">
<h3>Was stimmt</h3>
<h3 data-de="Was stimmt" data-en="What is true">Was stimmt</h3>
<ul>
<li>KI erkennt Muster in medizinischen Bildern, die Menschen &uuml;bersehen &mdash; und rettet damit Leben.</li>
<li>Sprachmodelle sind brillante Werkzeuge f&uuml;r Textarbeit: Zusammenfassungen, &Uuml;bersetzungen, Entw&uuml;rfe.</li>
<li>Automatisierung repetitiver Aufgaben spart reale Arbeitsstunden, jeden Tag.</li>
<li>KI-gest&uuml;tzte Wissenschaft beschleunigt Materialforschung und Medikamentenentwicklung messbar.</li>
<li>Barrierefreiheit wird durch KI-Transkription, Bildbeschreibung und Sprachsynthese konkret besser.</li>
<li data-de="KI erkennt Muster in medizinischen Bildern, die Menschen übersehen — und rettet damit Leben." data-en="AI detects patterns in medical images that humans miss — and saves lives.">KI erkennt Muster in medizinischen Bildern, die Menschen &uuml;bersehen &mdash; und rettet damit Leben.</li>
<li data-de="Sprachmodelle sind brillante Werkzeuge für Textarbeit: Zusammenfassungen, Übersetzungen, Entwürfe." data-en="Language models are brilliant tools for text work: summaries, translations, drafts.">Sprachmodelle sind brillante Werkzeuge f&uuml;r Textarbeit: Zusammenfassungen, &Uuml;bersetzungen, Entw&uuml;rfe.</li>
<li data-de="Automatisierung repetitiver Aufgaben spart reale Arbeitsstunden, jeden Tag." data-en="Automation of repetitive tasks saves real working hours, every day.">Automatisierung repetitiver Aufgaben spart reale Arbeitsstunden, jeden Tag.</li>
<li data-de="KI-gestützte Wissenschaft beschleunigt Materialforschung und Medikamentenentwicklung messbar." data-en="AI-supported science measurably accelerates materials research and drug development.">KI-gest&uuml;tzte Wissenschaft beschleunigt Materialforschung und Medikamentenentwicklung messbar.</li>
<li data-de="Barrierefreiheit wird durch KI-Transkription, Bildbeschreibung und Sprachsynthese konkret besser." data-en="Accessibility is concretely improved through AI transcription, image description and speech synthesis.">Barrierefreiheit wird durch KI-Transkription, Bildbeschreibung und Sprachsynthese konkret besser.</li>
</ul>
</div>
<div class="comparison-col comparison-col--nicht">
<h3>Was nicht stimmt</h3>
<h3 data-de="Was nicht stimmt" data-en="What is not true">Was nicht stimmt</h3>
<ul>
<li>&bdquo;KI ersetzt Programmierer bis 2025.&ldquo; &mdash; Stand heute: Sie erzeugt Code, den Programmierer debuggen m&uuml;ssen.</li>
<li>&bdquo;AGI steht kurz bevor.&ldquo; &mdash; Wir haben bessere Autokorrektur gebaut, keine Intelligenz.</li>
<li>&bdquo;KI versteht dich.&ldquo; &mdash; Sie berechnet wahrscheinliche Antworten. Verstehen sieht anders aus.</li>
<li>&bdquo;Unser KI-Assistent steigert die Produktivit&auml;t um 40%.&ldquo; &mdash; Gemessen von der Firma, die ihn verkauft.</li>
<li>&bdquo;KI ist neutral und objektiv.&ldquo; &mdash; Sie reproduziert die Verzerrungen ihrer Trainingsdaten, systematisch und skaliert.</li>
<li data-de="„KI ersetzt Programmierer bis 2025." — Stand heute: Sie erzeugt Code, den Programmierer debuggen müssen." data-en="&quot;AI replaces programmers by 2025.&quot; — As of today: it generates code that programmers have to debug.">&bdquo;KI ersetzt Programmierer bis 2025.&ldquo; &mdash; Stand heute: Sie erzeugt Code, den Programmierer debuggen m&uuml;ssen.</li>
<li data-de="„AGI steht kurz bevor." — Wir haben bessere Autokorrektur gebaut, keine Intelligenz." data-en="&quot;AGI is imminent.&quot; — We built better autocorrect, not intelligence.">&bdquo;AGI steht kurz bevor.&ldquo; &mdash; Wir haben bessere Autokorrektur gebaut, keine Intelligenz.</li>
<li data-de="„KI versteht dich." — Sie berechnet wahrscheinliche Antworten. Verstehen sieht anders aus." data-en="&quot;AI understands you.&quot; — It calculates probable responses. Understanding looks different.">&bdquo;KI versteht dich.&ldquo; &mdash; Sie berechnet wahrscheinliche Antworten. Verstehen sieht anders aus.</li>
<li data-de="„Unser KI-Assistent steigert die Produktivität um 40%." — Gemessen von der Firma, die ihn verkauft." data-en="&quot;Our AI assistant increases productivity by 40%.&quot; — Measured by the company selling it.">&bdquo;Unser KI-Assistent steigert die Produktivit&auml;t um 40%.&ldquo; &mdash; Gemessen von der Firma, die ihn verkauft.</li>
<li data-de="„KI ist neutral und objektiv." — Sie reproduziert die Verzerrungen ihrer Trainingsdaten, systematisch und skaliert." data-en="&quot;AI is neutral and objective.&quot; — It reproduces the biases of its training data, systematically and at scale.">&bdquo;KI ist neutral und objektiv.&ldquo; &mdash; Sie reproduziert die Verzerrungen ihrer Trainingsdaten, systematisch und skaliert.</li>
</ul>
</div>
</div>
@@ -458,17 +458,22 @@
<!-- CTA -->
<section class="cta">
<blockquote class="cta-quote">
<blockquote class="cta-quote" data-de="Kritik ist kein Pessimismus.&lt;br&gt;&lt;span class=&quot;highlight&quot;&gt;Es ist Qualitätskontrolle.&lt;/span&gt;" data-en="Criticism is not pessimism.&lt;br&gt;&lt;span class=&quot;highlight&quot;&gt;It is quality control.&lt;/span&gt;">
Kritik ist kein Pessimismus.<br><span class="highlight">Es ist Qualit&auml;tskontrolle.</span>
</blockquote>
<p class="cta-sub">Wir lieben, was KI wirklich kann. Wir sagen nur auch, wenn sie es nicht kann.</p>
<p class="cta-sub" data-de="Wir lieben, was KI wirklich kann. Wir sagen nur auch, wenn sie es nicht kann." data-en="We love what AI can really do. We just also say when it can't.">Wir lieben, was KI wirklich kann. Wir sagen nur auch, wenn sie es nicht kann.</p>
</section>
<!-- Footer -->
<footer class="footer">
<div class="footer-mark"></div>
<p>Eine Initiative f&uuml;r ehrliche KI-Kommunikation</p>
<p data-de="Eine Initiative für ehrliche KI-Kommunikation" data-en="An initiative for honest AI communication">Eine Initiative f&uuml;r ehrliche KI-Kommunikation</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(--grey);color:var(--grey);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(--grey);font-size:0.6rem;opacity:0.5;">Maschinell übersetzt</small>
</div>
</footer>
<script src="/shared/i18n.js"></script>
</body>
</html>