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
@@ -190,52 +190,52 @@
|
||||
<nav>
|
||||
<div class="container">
|
||||
<div class="logo"><span class="ki">KI</span>llusion</div>
|
||||
<a href="#illusionen">Oder doch nicht?</a>
|
||||
<a href="#illusionen" data-de="Oder doch nicht?" data-en="Or maybe?">Oder doch nicht?</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<h1><span class="glitch" data-text="KIllusion"><span class="ki">KI</span>llusion</span></h1>
|
||||
<p>Was du siehst ist nicht echt.<br>Was du liest auch nicht.</p>
|
||||
<p class="meta">(Oder doch? Woher willst du das wissen?)</p>
|
||||
<p data-de="Was du siehst ist nicht echt.<br>Was du liest auch nicht." data-en="What you see is not real.<br>Neither is what you read.">Was du siehst ist nicht echt.<br>Was du liest auch nicht.</p>
|
||||
<p class="meta" data-de="(Oder doch? Woher willst du das wissen?)" data-en="(Or is it? How would you know?)">(Oder doch? Woher willst du das wissen?)</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section" id="illusionen">
|
||||
<div class="container">
|
||||
<div class="section-label">Nichts davon ist real</div>
|
||||
<h2>Die großen <span class="ki">KI</span>llusionen</h2>
|
||||
<div class="section-label" data-de="Nichts davon ist real" data-en="None of this is real">Nichts davon ist real</div>
|
||||
<h2 data-de="Die großen <span class="ki">KI</span>llusionen" data-en="The great <span class="ki">KI</span>llusions">Die großen <span class="ki">KI</span>llusionen</h2>
|
||||
<div class="illusion-grid">
|
||||
<div class="illusion-card">
|
||||
<div class="illusion-icon">🪞</div>
|
||||
<h3>Die Authentizitäts-KIllusion</h3>
|
||||
<p>"Dieser Text wurde von einem Menschen geschrieben." Sagt die KI. Die den Text geschrieben hat. Der behauptet, ein Mensch hätte ihn geschrieben.</p>
|
||||
<h3 data-de="Die Authentizitäts-KIllusion" data-en="The Authenticity KIllusion">Die Authentizitäts-KIllusion</h3>
|
||||
<p data-de=""Dieser Text wurde von einem Menschen geschrieben." Sagt die KI. Die den Text geschrieben hat. Der behauptet, ein Mensch hätte ihn geschrieben." data-en=""This text was written by a human." Says the AI. Which wrote the text. Which claims a human wrote it.">"Dieser Text wurde von einem Menschen geschrieben." Sagt die KI. Die den Text geschrieben hat. Der behauptet, ein Mensch hätte ihn geschrieben.</p>
|
||||
</div>
|
||||
<div class="illusion-card">
|
||||
<div class="illusion-icon">🎭</div>
|
||||
<h3>Die Kompetenz-KIllusion</h3>
|
||||
<p>Die KI klingt so überzeugend, dass du vergisst: Sie hat keine Ahnung. Sie klingt nur so als hätte sie Ahnung. Das ist der ganze Trick.</p>
|
||||
<h3 data-de="Die Kompetenz-KIllusion" data-en="The Competence KIllusion">Die Kompetenz-KIllusion</h3>
|
||||
<p data-de="Die KI klingt so überzeugend, dass du vergisst: Sie hat keine Ahnung. Sie klingt nur so als hätte sie Ahnung. Das ist der ganze Trick." data-en="The AI sounds so convincing that you forget: it has no idea. It just sounds like it has an idea. That's the whole trick.">Die KI klingt so überzeugend, dass du vergisst: Sie hat keine Ahnung. Sie klingt nur so als hätte sie Ahnung. Das ist der ganze Trick.</p>
|
||||
</div>
|
||||
<div class="illusion-card">
|
||||
<div class="illusion-icon">🌀</div>
|
||||
<h3>Die Originalitäts-KIllusion</h3>
|
||||
<p>Du denkst, du hast eine einzigartige Idee. Aber 10.000 andere haben denselben Prompt eingegeben. Gleichzeitig.</p>
|
||||
<h3 data-de="Die Originalitäts-KIllusion" data-en="The Originality KIllusion">Die Originalitäts-KIllusion</h3>
|
||||
<p data-de="Du denkst, du hast eine einzigartige Idee. Aber 10.000 andere haben denselben Prompt eingegeben. Gleichzeitig." data-en="You think you have a unique idea. But 10,000 others have entered the same prompt. At the same time.">Du denkst, du hast eine einzigartige Idee. Aber 10.000 andere haben denselben Prompt eingegeben. Gleichzeitig.</p>
|
||||
</div>
|
||||
<div class="illusion-card">
|
||||
<div class="illusion-icon">📸</div>
|
||||
<h3>Die Bild-KIllusion</h3>
|
||||
<p>Das Foto sieht echt aus. Aber zähl die Finger. Zähl sie. Sechs? Sieben? Willkommen in der Realität.</p>
|
||||
<h3 data-de="Die Bild-KIllusion" data-en="The Image KIllusion">Die Bild-KIllusion</h3>
|
||||
<p data-de="Das Foto sieht echt aus. Aber zähl die Finger. Zähl sie. Sechs? Sieben? Willkommen in der Realität." data-en="The photo looks real. But count the fingers. Count them. Six? Seven? Welcome to reality.">Das Foto sieht echt aus. Aber zähl die Finger. Zähl sie. Sechs? Sieben? Willkommen in der Realität.</p>
|
||||
</div>
|
||||
<div class="illusion-card">
|
||||
<div class="illusion-icon">🔄</div>
|
||||
<h3>Die Fortschritts-KIllusion</h3>
|
||||
<p>Jede Woche ein neues KI-Modell. Jedes "revolutionär". Alle machen im Grunde das Gleiche: Text vorhersagen. Aber jetzt schneller.</p>
|
||||
<h3 data-de="Die Fortschritts-KIllusion" data-en="The Progress KIllusion">Die Fortschritts-KIllusion</h3>
|
||||
<p data-de="Jede Woche ein neues KI-Modell. Jedes "revolutionär". Alle machen im Grunde das Gleiche: Text vorhersagen. Aber jetzt schneller." data-en="Every week a new AI model. Each one "revolutionary". All basically doing the same thing: predicting text. But faster now.">Jede Woche ein neues KI-Modell. Jedes "revolutionär". Alle machen im Grunde das Gleiche: Text vorhersagen. Aber jetzt schneller.</p>
|
||||
</div>
|
||||
<div class="illusion-card">
|
||||
<div class="illusion-icon">🤔</div>
|
||||
<h3>Die Meta-KIllusion</h3>
|
||||
<p>Diese Website über KIllusionen ist selbst eine KIllusion. Geschrieben von einer KI. Die darüber schreibt, dass KI Illusionen erzeugt. Hast du Kopfschmerzen?</p>
|
||||
<h3 data-de="Die Meta-KIllusion" data-en="The Meta-KIllusion">Die Meta-KIllusion</h3>
|
||||
<p data-de="Diese Website über KIllusionen ist selbst eine KIllusion. Geschrieben von einer KI. Die darüber schreibt, dass KI Illusionen erzeugt. Hast du Kopfschmerzen?" data-en="This website about KIllusions is itself a KIllusion. Written by an AI. Which writes about AI generating illusions. Do you have a headache?">Diese Website über KIllusionen ist selbst eine KIllusion. Geschrieben von einer KI. Die darüber schreibt, dass KI Illusionen erzeugt. Hast du Kopfschmerzen?</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -243,24 +243,24 @@
|
||||
|
||||
<section class="paradox">
|
||||
<div class="container">
|
||||
<div class="section-label" style="text-align: center;">Paradoxien</div>
|
||||
<h2 style="text-align: center; margin-bottom: 40px;">Was ist echt? Ein Test.</h2>
|
||||
<div class="section-label" style="text-align: center;" data-de="Paradoxien" data-en="Paradoxes">Paradoxien</div>
|
||||
<h2 style="text-align: center; margin-bottom: 40px;" data-de="Was ist echt? Ein Test." data-en="What is real? A test.">Was ist echt? Ein Test.</h2>
|
||||
<div class="paradox-list">
|
||||
<div class="paradox-item">
|
||||
<span class="paradox-num">01</span>
|
||||
<p>Wenn eine <span class="ki">KI</span> sagt "Ich bin keine KI" — lügt sie dann? Oder ist sie so gut, dass sie glaubt, keine zu sein?</p>
|
||||
<p data-de="Wenn eine <span class="ki">KI</span> sagt "Ich bin keine KI" — lügt sie dann? Oder ist sie so gut, dass sie glaubt, keine zu sein?" data-en="If an <span class="ki">AI</span> says "I am not an AI" — is it lying? Or is it so good that it believes it isn't one?">Wenn eine <span class="ki">KI</span> sagt "Ich bin keine KI" — lügt sie dann? Oder ist sie so gut, dass sie glaubt, keine zu sein?</p>
|
||||
</div>
|
||||
<div class="paradox-item">
|
||||
<span class="paradox-num">02</span>
|
||||
<p>Wenn du einen <span class="ki">KI</span>-Text korrigierst und ihn besser machst — ist es dann noch ein KI-Text oder deiner?</p>
|
||||
<p data-de="Wenn du einen <span class="ki">KI</span>-Text korrigierst und ihn besser machst — ist es dann noch ein KI-Text oder deiner?" data-en="If you correct an <span class="ki">AI</span> text and make it better — is it still an AI text or yours?">Wenn du einen <span class="ki">KI</span>-Text korrigierst und ihn besser machst — ist es dann noch ein KI-Text oder deiner?</p>
|
||||
</div>
|
||||
<div class="paradox-item">
|
||||
<span class="paradox-num">03</span>
|
||||
<p>Wenn eine <span class="ki">KI</span> Satire über KI schreibt — ist die Satire dann echt? Oder ist sie selbst Teil der KIllusion?</p>
|
||||
<p data-de="Wenn eine <span class="ki">KI</span> Satire über KI schreibt — ist die Satire dann echt? Oder ist sie selbst Teil der KIllusion?" data-en="If an <span class="ki">AI</span> writes satire about AI — is the satire real? Or is it itself part of the KIllusion?">Wenn eine <span class="ki">KI</span> Satire über KI schreibt — ist die Satire dann echt? Oder ist sie selbst Teil der KIllusion?</p>
|
||||
</div>
|
||||
<div class="paradox-item">
|
||||
<span class="paradox-num">04</span>
|
||||
<p>Wenn du bis hierher gelesen hast — hat dich der Text überzeugt? Dann hat die <span class="ki">KI</span>llusion funktioniert.</p>
|
||||
<p data-de="Wenn du bis hierher gelesen hast — hat dich der Text überzeugt? Dann hat die <span class="ki">KI</span>llusion funktioniert." data-en="If you've read this far — did the text convince you? Then the <span class="ki">KI</span>llusion worked.">Wenn du bis hierher gelesen hast — hat dich der Text überzeugt? Dann hat die <span class="ki">KI</span>llusion funktioniert.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -269,17 +269,21 @@
|
||||
<section class="meta-section">
|
||||
<div class="container">
|
||||
<div class="meta-box">
|
||||
<p>Du hast gerade eine Website gelesen, die behauptet, dass nichts echt ist. Die Website ist echt. Ihr Inhalt nicht. Oder doch. Du wirst es nie erfahren. Das ist die <span class="ki">KI</span>llusion.<br><br><span class="cyan">Schließ den Tab.</span><br>Oder lass ihn offen. Es macht keinen Unterschied. Die <span class="ki">KI</span>llusion bleibt.</p>
|
||||
<p data-de="Du hast gerade eine Website gelesen, die behauptet, dass nichts echt ist. Die Website ist echt. Ihr Inhalt nicht. Oder doch. Du wirst es nie erfahren. Das ist die <span class="ki">KI</span>llusion.<br><br><span class="cyan">Schließ den Tab.</span><br>Oder lass ihn offen. Es macht keinen Unterschied. Die <span class="ki">KI</span>llusion bleibt." data-en="You just read a website that claims nothing is real. The website is real. Its content is not. Or maybe it is. You will never know. That is the <span class="ki">KI</span>llusion.<br><br><span class="cyan">Close the tab.</span><br>Or leave it open. It makes no difference. The <span class="ki">KI</span>llusion remains.">Du hast gerade eine Website gelesen, die behauptet, dass nichts echt ist. Die Website ist echt. Ihr Inhalt nicht. Oder doch. Du wirst es nie erfahren. Das ist die <span class="ki">KI</span>llusion.<br><br><span class="cyan">Schließ den Tab.</span><br>Oder lass ihn offen. Es macht keinen Unterschied. Die <span class="ki">KI</span>llusion bleibt.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<p><span class="ki">KI</span>llusion — Nichts ist echt. Alles ist <span class="ki">KI</span>.</p>
|
||||
|
||||
<p data-de="<span class="ki">KI</span>llusion — Nichts ist echt. Alles ist <span class="ki">KI</span>." data-en="<span class="ki">KI</span>llusion — Nothing is real. Everything is <span class="ki">KI</span>."><span class="ki">KI</span>llusion — Nichts ist echt. Alles ist <span class="ki">KI</span>.</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>
|
||||
|
||||
Reference in New Issue
Block a user