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

70
sites/killionaer.de/index.html
View File

@@ -173,58 +173,58 @@
<nav>
<div class="container">
<div class="logo"><span class="ki">KI</span>llionär</div>
<a href="#fortune">Vermögen aufbauen*</a>
<a href="#fortune" data-de="Vermögen aufbauen*" data-en="Build wealth*">Vermögen aufbauen*</a>
</div>
</nav>
<section class="hero">
<div class="hero-content container">
<div class="hero-badge">* Keine echte Finanzberatung</div>
<div class="hero-badge" data-de="* Keine echte Finanzberatung" data-en="* Not real financial advice">* Keine echte Finanzberatung</div>
<h1>Werde<br><span class="shimmer">KIllionär</span></h1>
<p>Andere versprechen dir KI-Reichtum. Wir versprechen dir wenigstens eine schöne Website. Making KIllions — seit gestern.</p>
<a href="#fortune" class="hero-cta">Jetzt KIllionen verdienen</a>
<p data-de="Andere versprechen dir KI-Reichtum. Wir versprechen dir wenigstens eine schöne Website. Making KIllions — seit gestern." data-en="Others promise you AI-wealth. We at least promise you a nice website. Making KIllions — since yesterday.">Andere versprechen dir KI-Reichtum. Wir versprechen dir wenigstens eine schöne Website. Making KIllions — seit gestern.</p>
<a href="#fortune" class="hero-cta" data-de="Jetzt KIllionen verdienen" data-en="Earn KIllions now">Jetzt KIllionen verdienen</a>
</div>
</section>
<section class="section" id="fortune">
<div class="container">
<div class="section-label">Vermögensstrategien</div>
<h2>So wirst du <span class="ki">KI</span>llionär</h2>
<div class="section-label" data-de="Vermögensstrategien" data-en="Wealth strategies">Vermögensstrategien</div>
<h2 data-de="So wirst du <span class=&quot;ki&quot;>KI</span>llionär" data-en="How to become a <span class=&quot;ki&quot;>KI</span>llionaire">So wirst du <span class="ki">KI</span>llionär</h2>
<div class="fortune-grid">
<div class="fortune-card">
<div class="fortune-icon">🤖</div>
<h3>KI-Startup gründen</h3>
<p>Füge "KI" zu deinem Firmennamen hinzu. Sofort 400% mehr Bewertung. Produkt optional.</p>
<h3 data-de="KI-Startup gründen" data-en="Found an AI startup">KI-Startup gründen</h3>
<p data-de="Füge &quot;KI&quot; zu deinem Firmennamen hinzu. Sofort 400% mehr Bewertung. Produkt optional." data-en="Add &quot;AI&quot; to your company name. Instantly 400% higher valuation. Product optional.">Füge "KI" zu deinem Firmennamen hinzu. Sofort 400% mehr Bewertung. Produkt optional.</p>
<div class="fortune-amount">+€ 4.000.000</div>
</div>
<div class="fortune-card">
<div class="fortune-icon">📊</div>
<h3>KI-Berater werden</h3>
<p>Erstelle eine PowerPoint mit dem Wort "Disruption". Rechne 2.000€ pro Slide. Inhalt irrelevant.</p>
<h3 data-de="KI-Berater werden" data-en="Become an AI consultant">KI-Berater werden</h3>
<p data-de="Erstelle eine PowerPoint mit dem Wort &quot;Disruption&quot;. Rechne 2.000€ pro Slide. Inhalt irrelevant." data-en="Create a PowerPoint with the word &quot;Disruption&quot;. Charge 2,000€ per slide. Content irrelevant.">Erstelle eine PowerPoint mit dem Wort "Disruption". Rechne 2.000€ pro Slide. Inhalt irrelevant.</p>
<div class="fortune-amount">+€ 80.000/Monat</div>
</div>
<div class="fortune-card">
<div class="fortune-icon">🎓</div>
<h3>KI-Onlinekurs verkaufen</h3>
<p>Nimm 3 YouTube-Videos auf. Nenne es "KI-Masterclass". Preis: 1.997€. Geld-zurück-Garantie: nein.</p>
<h3 data-de="KI-Onlinekurs verkaufen" data-en="Sell an AI online course">KI-Onlinekurs verkaufen</h3>
<p data-de="Nimm 3 YouTube-Videos auf. Nenne es &quot;KI-Masterclass&quot;. Preis: 1.997€. Geld-zurück-Garantie: nein." data-en="Record 3 YouTube videos. Call it &quot;AI Masterclass&quot;. Price: 1,997€. Money-back guarantee: no.">Nimm 3 YouTube-Videos auf. Nenne es "KI-Masterclass". Preis: 1.997€. Geld-zurück-Garantie: nein.</p>
<div class="fortune-amount">+€ 500.000/Jahr</div>
</div>
<div class="fortune-card">
<div class="fortune-icon">📈</div>
<h3>KI-Aktien kaufen</h3>
<p>Alles kaufen was "AI" im Namen hat. Fundamentalanalyse ist was für Leute die keine KIllionäre werden.</p>
<h3 data-de="KI-Aktien kaufen" data-en="Buy AI stocks">KI-Aktien kaufen</h3>
<p data-de="Alles kaufen was &quot;AI&quot; im Namen hat. Fundamentalanalyse ist was für Leute die keine KIllionäre werden." data-en="Buy everything with &quot;AI&quot; in the name. Fundamental analysis is for people who don't become KIllionaires.">Alles kaufen was "AI" im Namen hat. Fundamentalanalyse ist was für Leute die keine KIllionäre werden.</p>
<div class="fortune-amount">+∞ (theoretisch)</div>
</div>
<div class="fortune-card">
<div class="fortune-icon">🎤</div>
<h3>KI-Keynote halten</h3>
<p>Sage "Game-Changer" und "Paradigmenwechsel" in einem Satz. Stehende Ovationen. 15.000€ Honorar.</p>
<h3 data-de="KI-Keynote halten" data-en="Give an AI keynote">KI-Keynote halten</h3>
<p data-de="Sage &quot;Game-Changer&quot; und &quot;Paradigmenwechsel&quot; in einem Satz. Stehende Ovationen. 15.000€ Honorar." data-en="Say &quot;game-changer&quot; and &quot;paradigm shift&quot; in one sentence. Standing ovations. 15,000€ speaking fee.">Sage "Game-Changer" und "Paradigmenwechsel" in einem Satz. Stehende Ovationen. 15.000€ Honorar.</p>
<div class="fortune-amount">+€ 15.000/Rede</div>
</div>
<div class="fortune-card">
<div class="fortune-icon">📱</div>
<h3>KI-Influencer werden</h3>
<p>Poste Screenshots von ChatGPT auf LinkedIn. Schreibe "Die Zukunft ist jetzt." darunter. Follower kommen von alleine.</p>
<h3 data-de="KI-Influencer werden" data-en="Become an AI influencer">KI-Influencer werden</h3>
<p data-de="Poste Screenshots von ChatGPT auf LinkedIn. Schreibe &quot;Die Zukunft ist jetzt.&quot; darunter. Follower kommen von alleine." data-en="Post screenshots of ChatGPT on LinkedIn. Write &quot;The future is now.&quot; below. Followers come by themselves.">Poste Screenshots von ChatGPT auf LinkedIn. Schreibe "Die Zukunft ist jetzt." darunter. Follower kommen von alleine.</p>
<div class="fortune-amount">+€ Unbezahlbar</div>
</div>
</div>
@@ -233,36 +233,36 @@
<section class="testimonials">
<div class="container">
<div class="section-label">Erfolgsgeschichten*</div>
<h2>Was unsere <span class="ki">KI</span>llionäre sagen</h2>
<div class="section-label" data-de="Erfolgsgeschichten*" data-en="Success stories*">Erfolgsgeschichten*</div>
<h2 data-de="Was unsere <span class=&quot;ki&quot;>KI</span>llionäre sagen" data-en="What our <span class=&quot;ki&quot;>KI</span>llionaires say">Was unsere <span class="ki">KI</span>llionäre sagen</h2>
<div class="testimonial-grid">
<div class="testimonial">
<div class="testimonial-text">Seit ich "KI-Experte" in meine LinkedIn-Bio geschrieben habe, bekomme ich 47 Anfragen pro Tag. Ich weiß immer noch nicht was ein Transformer ist.</div>
<div class="testimonial-text" data-de="Seit ich &quot;KI-Experte&quot; in meine LinkedIn-Bio geschrieben habe, bekomme ich 47 Anfragen pro Tag. Ich weiß immer noch nicht was ein Transformer ist." data-en="Since I wrote &quot;AI Expert&quot; in my LinkedIn bio, I get 47 inquiries per day. I still don't know what a transformer is.">Seit ich "KI-Experte" in meine LinkedIn-Bio geschrieben habe, bekomme ich 47 Anfragen pro Tag. Ich weiß immer noch nicht was ein Transformer ist.</div>
<div class="testimonial-author">
<div class="testimonial-avatar">🕴️</div>
<div>
<div class="testimonial-name">Maximilian von Prompt</div>
<div class="testimonial-role">KI-Visionär & Prompt-Flüsterer</div>
<div class="testimonial-role" data-de="KI-Visionär & Prompt-Flüsterer" data-en="AI Visionary & Prompt Whisperer">KI-Visionär & Prompt-Flüsterer</div>
</div>
</div>
</div>
<div class="testimonial">
<div class="testimonial-text">Mein KI-Startup hat noch kein Produkt, aber schon drei Finanzierungsrunden. Der Trick? Jedes Pitch-Deck endet mit "...powered by AI".</div>
<div class="testimonial-text" data-de="Mein KI-Startup hat noch kein Produkt, aber schon drei Finanzierungsrunden. Der Trick? Jedes Pitch-Deck endet mit &quot;...powered by AI&quot;." data-en="My AI startup has no product yet, but already three funding rounds. The trick? Every pitch deck ends with &quot;...powered by AI&quot;.">Mein KI-Startup hat noch kein Produkt, aber schon drei Finanzierungsrunden. Der Trick? Jedes Pitch-Deck endet mit "...powered by AI".</div>
<div class="testimonial-author">
<div class="testimonial-avatar">👩‍💼</div>
<div>
<div class="testimonial-name">Sandra Neuronetz</div>
<div class="testimonial-role">CEO, QuantumKI GmbH (pre-Revenue)</div>
<div class="testimonial-role" data-de="CEO, QuantumKI GmbH (pre-Revenue)" data-en="CEO, QuantumKI GmbH (pre-revenue)">CEO, QuantumKI GmbH (pre-Revenue)</div>
</div>
</div>
</div>
<div class="testimonial">
<div class="testimonial-text">Ich habe einfach meine Excel-Tabelle in "KI-gestütztes Predictive Analytics Dashboard" umbenannt. Umsatz verdreifacht.</div>
<div class="testimonial-text" data-de="Ich habe einfach meine Excel-Tabelle in &quot;KI-gestütztes Predictive Analytics Dashboard&quot; umbenannt. Umsatz verdreifacht." data-en="I simply renamed my Excel spreadsheet to &quot;AI-powered Predictive Analytics Dashboard&quot;. Revenue tripled.">Ich habe einfach meine Excel-Tabelle in "KI-gestütztes Predictive Analytics Dashboard" umbenannt. Umsatz verdreifacht.</div>
<div class="testimonial-author">
<div class="testimonial-avatar">🧔</div>
<div>
<div class="testimonial-name">Dr. Klaus Algorithm</div>
<div class="testimonial-role">Chief KI Officer, vorher Buchhalter</div>
<div class="testimonial-role" data-de="Chief KI Officer, vorher Buchhalter" data-en="Chief AI Officer, formerly accountant">Chief KI Officer, vorher Buchhalter</div>
</div>
</div>
</div>
@@ -275,19 +275,19 @@
<div class="counter-grid">
<div class="counter-item">
<h3>€0</h3>
<p>Echte Einnahmen</p>
<p data-de="Echte Einnahmen" data-en="Real revenue">Echte Einnahmen</p>
</div>
<div class="counter-item">
<h3>∞</h3>
<p>Versprochen</p>
<p data-de="Versprochen" data-en="Promised">Versprochen</p>
</div>
<div class="counter-item">
<h3>100%</h3>
<p>Buzzword-Quote</p>
<p data-de="Buzzword-Quote" data-en="Buzzword quota">Buzzword-Quote</p>
</div>
<div class="counter-item">
<h3>0</h3>
<p>Produkte shipped</p>
<p data-de="Produkte shipped" data-en="Products shipped">Produkte shipped</p>
</div>
</div>
</div>
@@ -295,11 +295,15 @@
<footer>
<div class="container">
<p><span class="ki">KI</span>llionär — Making <span class="ki">KI</span>llions seit gestern.</p>
<p style="margin-top: 8px;">* Alle Testimonials sind frei erfunden. Wie die meisten KI-Versprechen.</p>
<p data-de="<span class=&quot;ki&quot;>KI</span>llionär — Making <span class=&quot;ki&quot;>KI</span>llions seit gestern." data-en="<span class=&quot;ki&quot;>KI</span>llionär — Making <span class=&quot;ki&quot;>KI</span>llions since yesterday."><span class="ki">KI</span>llionär — Making <span class="ki">KI</span>llions seit gestern.</p>
<p style="margin-top: 8px;" data-de="* Alle Testimonials sind frei erfunden. Wie die meisten KI-Versprechen." data-en="* All testimonials are entirely fictitious. Like most AI promises.">* Alle Testimonials sind frei erfunden. Wie die meisten KI-Versprechen.</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>