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
@@ -303,63 +303,68 @@
|
||||
</svg>
|
||||
</div>
|
||||
<div class="message">
|
||||
<h1>Was du mir geschickt hast,<br>ist <span class="red">KI-Slop</span>.</h1>
|
||||
<p class="subtitle">Jemand hat dir diesen Link geschickt, weil du ungeprüften KI-Output weitergeleitet hast. Das ist nicht hilfreich — das ist Slop.</p>
|
||||
<h1 data-de="Was du mir geschickt hast,<br>ist <span class="red">KI-Slop</span>." data-en="What you sent me<br>is <span class="red">AI slop</span>.">Was du mir geschickt hast,<br>ist <span class="red">KI-Slop</span>.</h1>
|
||||
<p class="subtitle" data-de="Jemand hat dir diesen Link geschickt, weil du ungeprüften KI-Output weitergeleitet hast. Das ist nicht hilfreich — das ist Slop." data-en="Someone sent you this link because you forwarded unchecked AI output. That's not helpful — that's slop.">Jemand hat dir diesen Link geschickt, weil du ungeprüften KI-Output weitergeleitet hast. Das ist nicht hilfreich — das ist Slop.</p>
|
||||
</div>
|
||||
<div class="scroll-hint">Was ist Slop? ↓</div>
|
||||
<div class="scroll-hint" data-de="Was ist Slop? ↓" data-en="What is slop? ↓">Was ist Slop? ↓</div>
|
||||
</section>
|
||||
|
||||
<div class="content">
|
||||
<section class="section">
|
||||
<h2><span class="icon">?</span> Was ist Slop?</h2>
|
||||
<p>Slop ist KI-generierter Inhalt, der ungeprüft weitergeleitet wird. Texte, Bilder, Videos — produziert von ChatGPT, Gemini, Claude oder anderen Modellen, ohne dass jemand geprüft hat, ob der Inhalt stimmt, Sinn ergibt oder irgendwem hilft.</p>
|
||||
<h2><span class="icon">?</span> <span data-de="Was ist Slop?" data-en="What is slop?">Was ist Slop?</span></h2>
|
||||
<p data-de="Slop ist KI-generierter Inhalt, der ungeprüft weitergeleitet wird. Texte, Bilder, Videos — produziert von ChatGPT, Gemini, Claude oder anderen Modellen, ohne dass jemand geprüft hat, ob der Inhalt stimmt, Sinn ergibt oder irgendwem hilft." data-en="Slop is AI-generated content that gets forwarded unchecked. Texts, images, videos — produced by ChatGPT, Gemini, Claude or other models, without anyone checking whether the content is accurate, makes sense, or helps anyone.">Slop ist KI-generierter Inhalt, der ungeprüft weitergeleitet wird. Texte, Bilder, Videos — produziert von ChatGPT, Gemini, Claude oder anderen Modellen, ohne dass jemand geprüft hat, ob der Inhalt stimmt, Sinn ergibt oder irgendwem hilft.</p>
|
||||
<div class="slop-quote">
|
||||
<p>Spam war unerwünschte Werbung. Slop ist unerwünschter KI-Müll. Der Unterschied: Slop kommt von Leuten, die es gut meinen.</p>
|
||||
<p data-de="Spam war unerwünschte Werbung. Slop ist unerwünschter KI-Müll. Der Unterschied: Slop kommt von Leuten, die es gut meinen." data-en="Spam was unwanted advertising. Slop is unwanted AI garbage. The difference: slop comes from people who mean well.">Spam war unerwünschte Werbung. Slop ist unerwünschter KI-Müll. Der Unterschied: Slop kommt von Leuten, die es gut meinen.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2><span class="icon">!</span> Warum ist das ein Problem?</h2>
|
||||
<h2><span class="icon">!</span> <span data-de="Warum ist das ein Problem?" data-en="Why is this a problem?">Warum ist das ein Problem?</span></h2>
|
||||
<ul>
|
||||
<li>KI halluziniert. Fakten, Zitate, Studien — oft frei erfunden.</li>
|
||||
<li>Du machst dich zum Sprachrohr einer Maschine, ohne es zu merken.</li>
|
||||
<li>Wer Slop weiterleitet, verschwendet die Zeit anderer Menschen.</li>
|
||||
<li>Es entwertet echte Kommunikation und echtes Wissen.</li>
|
||||
<li data-de="KI halluziniert. Fakten, Zitate, Studien — oft frei erfunden." data-en="AI hallucinates. Facts, quotes, studies — often made up.">KI halluziniert. Fakten, Zitate, Studien — oft frei erfunden.</li>
|
||||
<li data-de="Du machst dich zum Sprachrohr einer Maschine, ohne es zu merken." data-en="You become the mouthpiece of a machine without noticing.">Du machst dich zum Sprachrohr einer Maschine, ohne es zu merken.</li>
|
||||
<li data-de="Wer Slop weiterleitet, verschwendet die Zeit anderer Menschen." data-en="Whoever forwards slop wastes other people's time.">Wer Slop weiterleitet, verschwendet die Zeit anderer Menschen.</li>
|
||||
<li data-de="Es entwertet echte Kommunikation und echtes Wissen." data-en="It devalues genuine communication and real knowledge.">Es entwertet echte Kommunikation und echtes Wissen.</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2><span class="icon">→</span> Was du stattdessen tun kannst</h2>
|
||||
<h2><span class="icon">→</span> <span data-de="Was du stattdessen tun kannst" data-en="What you can do instead">Was du stattdessen tun kannst</span></h2>
|
||||
<div class="instead-grid">
|
||||
<div class="instead-card dont">
|
||||
<div class="label">Nicht</div>
|
||||
<p>ChatGPT fragen und die Antwort 1:1 weiterleiten</p>
|
||||
<div class="label" data-de="Nicht" data-en="Don't">Nicht</div>
|
||||
<p data-de="ChatGPT fragen und die Antwort 1:1 weiterleiten" data-en="Ask ChatGPT and forward the answer verbatim">ChatGPT fragen und die Antwort 1:1 weiterleiten</p>
|
||||
</div>
|
||||
<div class="instead-card do">
|
||||
<div class="label">Besser</div>
|
||||
<p>Selbst nachdenken, recherchieren, in eigenen Worten schreiben</p>
|
||||
<div class="label" data-de="Besser" data-en="Better">Besser</div>
|
||||
<p data-de="Selbst nachdenken, recherchieren, in eigenen Worten schreiben" data-en="Think for yourself, research, write in your own words">Selbst nachdenken, recherchieren, in eigenen Worten schreiben</p>
|
||||
</div>
|
||||
<div class="instead-card dont">
|
||||
<div class="label">Nicht</div>
|
||||
<p>KI-generierte Bilder/Videos als echt teilen</p>
|
||||
<div class="label" data-de="Nicht" data-en="Don't">Nicht</div>
|
||||
<p data-de="KI-generierte Bilder/Videos als echt teilen" data-en="Share AI-generated images/videos as real">KI-generierte Bilder/Videos als echt teilen</p>
|
||||
</div>
|
||||
<div class="instead-card do">
|
||||
<div class="label">Besser</div>
|
||||
<p>Kennzeichnen, was KI-generiert ist — oder es lassen</p>
|
||||
<div class="label" data-de="Besser" data-en="Better">Besser</div>
|
||||
<p data-de="Kennzeichnen, was KI-generiert ist — oder es lassen" data-en="Label what is AI-generated — or don't share it">Kennzeichnen, was KI-generiert ist — oder es lassen</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2><span class="icon">♻</span> Keine Panik</h2>
|
||||
<p>KI ist ein Werkzeug. Ein gutes sogar. Aber ein Werkzeug, dessen Output man prüft, bearbeitet und versteht — nicht blind weiterleitet. Du würdest auch keinen Wikipedia-Artikel ungelesen als deine Meinung verschicken.</p>
|
||||
<p style="margin-top: 1rem;">Nächstes Mal: Lies es. Prüf es. Mach es zu deinem. Oder lass es.</p>
|
||||
<h2><span class="icon">♻</span> <span data-de="Keine Panik" data-en="No panic">Keine Panik</span></h2>
|
||||
<p data-de="KI ist ein Werkzeug. Ein gutes sogar. Aber ein Werkzeug, dessen Output man prüft, bearbeitet und versteht — nicht blind weiterleitet. Du würdest auch keinen Wikipedia-Artikel ungelesen als deine Meinung verschicken." data-en="AI is a tool. A good one even. But a tool whose output you check, edit and understand — not forward blindly. You wouldn't send a Wikipedia article unread as your own opinion either.">KI ist ein Werkzeug. Ein gutes sogar. Aber ein Werkzeug, dessen Output man prüft, bearbeitet und versteht — nicht blind weiterleitet. Du würdest auch keinen Wikipedia-Artikel ungelesen als deine Meinung verschicken.</p>
|
||||
<p style="margin-top: 1rem;" data-de="Nächstes Mal: Lies es. Prüf es. Mach es zu deinem. Oder lass es." data-en="Next time: Read it. Check it. Make it yours. Or leave it.">Nächstes Mal: Lies es. Prüf es. Mach es zu deinem. Oder lass es.</p>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p>slopschild.de — Zum Weiterleiten an Slop-Verbreiter.</p>
|
||||
<p style="margin-top: 2rem; font-size: 0.7rem; opacity: 0.35; font-style: italic;">*this website has been fully generated by ai and should be considered slop</p>
|
||||
<p data-de="slopschild.de — Zum Weiterleiten an Slop-Verbreiter." data-en="slopschild.de — For forwarding to slop spreaders.">slopschild.de — Zum Weiterleiten an Slop-Verbreiter.</p>
|
||||
<p style="margin-top: 2rem; font-size: 0.7rem; opacity: 0.35; font-style: italic;" data-de="*this website has been fully generated by ai and should be considered slop" data-en="*this website has been fully generated by ai and should be considered slop">*this website has been fully generated by ai and should be considered slop</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>
|
||||
</footer>
|
||||
<script src="/shared/i18n.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user