84b28d64f5
Self-injecting script following impressum.js pattern: - data-tone attribute: playful | serious | minimal | none - Reads document.documentElement.lang for KI (de) vs AI (en) - MutationObserver on lang attr for i18n toggle compat - All tones link to msbls.de/ki - Injected into all 54 custom sites with data-tone="playful" - Template infra: base.html includes script, render.sh reads disclosure.tone - disclosure.tone added to 3 example site.yaml files Implements m/onepager#2
90 lines
5.3 KiB
HTML
90 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>KInough — Es reicht.</title>
|
|
<meta name="description" content="Es reicht.">
|
|
<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>
|
|
<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>
|
|
<script src="/shared/ai-disclosure.js" data-tone="playful"></script>
|
|
<script src="/shared/i18n.js"></script>
|
|
</body>
|
|
</html>
|