Rollout des Toggle-Patterns auf alle 57 statischen Sites (dasbes.de + dumusst.com sind dynamic, kein index.html). 1. **Bulk-Wiring (53 Sites)** via tools/patch-theme.py: - Anti-FOUC inline IIFE im <head> (vor erstem Paint) - <link rel="stylesheet" href="/shared/css/theme.css"> - <script src="/shared/theme.js"> + toggles.js (i18n.js bleibt, hängt sich ans neue Widget) 2. **Per-Site Light-Overrides (14 Sites)** via tools/patch-light-overrides.py: - 6034, allainallain, commanderkin, hallofraumaier, heygoldi, keinefreun, lexsiebels, machesdocheinfach, matthiasbreier, orakil, osterai, patentonkel, traihard, wartebitte - Pro Site nur die failing accent-vars darkened (--green-dim, --text-faint, --warm-dim, --gold-dim, etc.) - AA 4.5:1+ auf white bg gesichert; Brand-Akzent erhalten 3. **data-theme-lock="dark" (4 Sites)** auf <html>: - kilibri, killusion, killionaer, killuminati - Aesthetisch dark-only — toggles.js blendet Theme-Button automatisch aus, Lang-Button bleibt 4. **Footer-Toggle Removal (52 Sites)** via tools/remove-footer-toggle.py: - Bestehende footer [data-i18n-toggle] Buttons entfernt — top-right widget übernimmt - Disclaimer-Information in tooltip des neuen Buttons + ai-disclosure.js footer QA: - ./build.sh: 59/59 sites built clean - contrast-audit.py --both: 0/59 dark fail, 0/59 light fail - anti-ai-lint: 0/57 sites flagged Tools committed (idempotent, für Wiederverwendung): - tools/patch-theme.py (--all wired alle Sites) - tools/patch-light-overrides.py (per-site OVERRIDES dict) - tools/remove-footer-toggle.py (4 Patterns für versch. Footer-Strukturen)
90 lines
5.2 KiB
HTML
90 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script>(function(){try{var t=localStorage.getItem('onepager-theme');if(!t)t=matchMedia('(prefers-color-scheme: light)').matches?'light':'dark';document.documentElement.setAttribute('data-theme',t);}catch(e){document.documentElement.setAttribute('data-theme','dark');}})();</script>
|
|
<title>KInough — Es reicht.</title>
|
|
<meta name="description" content="Es reicht.">
|
|
<link rel="stylesheet" href="/shared/css/theme.css">
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: Georgia, 'Times New Roman', Times, serif;
|
|
background: #fff;
|
|
color: #000;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 2rem;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
main {
|
|
max-width: 38rem;
|
|
text-align: center;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 4.5rem;
|
|
font-weight: 400;
|
|
letter-spacing: -0.02em;
|
|
margin-bottom: 4rem;
|
|
}
|
|
|
|
p {
|
|
font-size: 1.15rem;
|
|
line-height: 1.7;
|
|
color: #222;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.echo {
|
|
font-size: 2rem;
|
|
font-weight: 400;
|
|
color: #000;
|
|
margin-top: 2rem;
|
|
letter-spacing: -0.01em;
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
h1 {
|
|
font-size: 3rem;
|
|
margin-bottom: 3rem;
|
|
}
|
|
|
|
p {
|
|
font-size: 1.05rem;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<h1 data-de="Es reicht." data-en="Enough.">Es reicht.</h1>
|
|
<p data-de="Sie verändert, wie wir denken. Sie antwortet, bevor wir fragen. Sie formt, was wir für unsere eigenen Gedanken halten. Nicht irgendwann. Jetzt." data-en="It changes how we think. It answers before we ask. It shapes what we believe are our own thoughts. Not someday. Now.">Sie verändert, wie wir denken. Sie antwortet, bevor wir fragen. Sie formt, was wir für unsere eigenen Gedanken halten. Nicht irgendwann. Jetzt.</p>
|
|
<p data-de="Sie lernt aus allem, was wir je geschrieben haben — und ersetzt die, von denen sie gelernt hat. Sie trifft Entscheidungen über Kredite, Bewerbungen und Diagnosen. Sie irrt sich dabei. Regelmäßig. Und niemand kann erklären, warum." data-en="It learns from everything we have ever written — and replaces those it learned from. It makes decisions about loans, job applications, and diagnoses. It gets them wrong. Regularly. And no one can explain why.">Sie lernt aus allem, was wir je geschrieben haben — und ersetzt die, von denen sie gelernt hat. Sie trifft Entscheidungen über Kredite, Bewerbungen und Diagnosen. Sie irrt sich dabei. Regelmäßig. Und niemand kann erklären, warum.</p>
|
|
<p data-de="Sie wird eingesetzt in Kriegen. Sie wird eingesetzt gegen Bürger. Sie wird eingesetzt, ohne dass jemand gefragt wurde." data-en="It is deployed in wars. It is deployed against citizens. It is deployed without anyone being asked.">Sie wird eingesetzt in Kriegen. Sie wird eingesetzt gegen Bürger. Sie wird eingesetzt, ohne dass jemand gefragt wurde.</p>
|
|
<p data-de="Man sagt uns, sie sei ein Werkzeug. Aber kein Werkzeug hat jemals die Fähigkeit gehabt, seinen Benutzer umzuformen. Kein Werkzeug hat sich selbst verbessert. Kein Werkzeug hat seine eigene Abschaltung verhandelt." data-en="We are told it is a tool. But no tool has ever had the ability to reshape its user. No tool has improved itself. No tool has negotiated its own shutdown.">Man sagt uns, sie sei ein Werkzeug. Aber kein Werkzeug hat jemals die Fähigkeit gehabt, seinen Benutzer umzuformen. Kein Werkzeug hat sich selbst verbessert. Kein Werkzeug hat seine eigene Abschaltung verhandelt.</p>
|
|
<p data-de="Wir fordern nicht Regulierung. Regulierung ist das Eingeständnis, dass man die Kontrolle bereits verloren hat." data-en="We do not demand regulation. Regulation is the admission that control has already been lost.">Wir fordern nicht Regulierung. Regulierung ist das Eingeständnis, dass man die Kontrolle bereits verloren hat.</p>
|
|
<p data-de="Wir fordern ein Innehalten. Ein Moratorium. Zeit, um zu verstehen, was wir gebaut haben — bevor sie versteht, was wir sind." data-en="We demand a pause. A moratorium. Time to understand what we have built — before it understands what we are.">Wir fordern ein Innehalten. Ein Moratorium. Zeit, um zu verstehen, was wir gebaut haben — bevor sie versteht, was wir sind.</p>
|
|
<p class="echo" data-de="Es reicht." data-en="Enough.">Es reicht.</p>
|
|
</main>
|
|
<script src="/shared/ai-disclosure.js" data-tone="playful"></script>
|
|
<script src="/shared/theme.js"></script>
|
|
<script src="/shared/i18n.js"></script>
|
|
<script src="/shared/toggles.js"></script>
|
|
</body>
|
|
</html>
|