5c92a7b021
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
300 lines
15 KiB
HTML
300 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>KIllions — Die Währung der KI-Ära</title>
|
|
<meta name="description" content="KIllions — KI + Millions. 1 KIllion = unendlich Möglichkeiten. Die Kryptowährung die es nie geben wird.">
|
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>◈</text></svg>">
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Inter:wght@300;400;500;600&display=swap');
|
|
|
|
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
|
|
|
|
:root {
|
|
--bg: #08080c;
|
|
--bg-elevated: #0e0e14;
|
|
--bg-card: #12121a;
|
|
--border: #1a1a28;
|
|
--text: #e0e0f0;
|
|
--text-dim: #7070a0;
|
|
--text-muted: #404060;
|
|
--accent: #6366f1;
|
|
--accent-light: #818cf8;
|
|
--accent-glow: rgba(99, 102, 241, 0.15);
|
|
--green: #10b981;
|
|
--red: #ef4444;
|
|
}
|
|
|
|
html { scroll-behavior: smooth; }
|
|
|
|
body {
|
|
font-family: 'Inter', -apple-system, sans-serif;
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
line-height: 1.6;
|
|
-webkit-font-smoothing: antialiased;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.container { max-width: 800px; margin: 0 auto; padding: 0 24px; }
|
|
|
|
nav {
|
|
position: fixed; top: 0; left: 0; right: 0; z-index: 100;
|
|
padding: 16px 0;
|
|
background: rgba(8, 8, 12, 0.92);
|
|
backdrop-filter: blur(20px);
|
|
border-bottom: 1px solid var(--border);
|
|
}
|
|
nav .container { display: flex; justify-content: space-between; align-items: center; }
|
|
.logo { font-family: 'JetBrains Mono', monospace; font-size: 1.1rem; font-weight: 700; letter-spacing: -0.02em; }
|
|
.logo .ki { color: var(--accent-light); }
|
|
.nav-links { display: flex; gap: 24px; }
|
|
.nav-links a { color: var(--text-muted); text-decoration: none; font-size: 0.8rem; font-family: 'JetBrains Mono', monospace; transition: color 0.3s; }
|
|
.nav-links a:hover { color: var(--accent-light); }
|
|
|
|
.hero {
|
|
min-height: 100vh; display: flex; align-items: center; justify-content: center;
|
|
text-align: center; padding: 120px 24px 80px;
|
|
position: relative;
|
|
}
|
|
.hero::before {
|
|
content: '';
|
|
position: absolute; top: 20%; left: 50%; transform: translateX(-50%);
|
|
width: 400px; height: 400px;
|
|
background: radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);
|
|
pointer-events: none;
|
|
}
|
|
|
|
.token-symbol {
|
|
width: 120px; height: 120px; margin: 0 auto 40px;
|
|
border: 2px solid var(--accent); border-radius: 50%;
|
|
display: flex; align-items: center; justify-content: center;
|
|
font-family: 'JetBrains Mono', monospace; font-size: 2rem; font-weight: 700;
|
|
color: var(--accent-light);
|
|
box-shadow: 0 0 40px var(--accent-glow), inset 0 0 40px var(--accent-glow);
|
|
animation: pulse 3s ease-in-out infinite;
|
|
}
|
|
@keyframes pulse {
|
|
0%, 100% { box-shadow: 0 0 40px var(--accent-glow), inset 0 0 40px var(--accent-glow); }
|
|
50% { box-shadow: 0 0 60px rgba(99, 102, 241, 0.25), inset 0 0 60px rgba(99, 102, 241, 0.1); }
|
|
}
|
|
|
|
.hero h1 {
|
|
font-family: 'JetBrains Mono', monospace; font-size: clamp(2.5rem, 7vw, 4.5rem);
|
|
font-weight: 700; line-height: 1.1; margin-bottom: 16px; letter-spacing: -0.03em;
|
|
}
|
|
.hero h1 .ki { color: var(--accent-light); }
|
|
.hero .tagline {
|
|
font-family: 'JetBrains Mono', monospace; font-size: 1rem;
|
|
color: var(--text-dim); margin-bottom: 48px;
|
|
}
|
|
|
|
.price-display {
|
|
display: inline-block; background: var(--bg-card); border: 1px solid var(--border);
|
|
border-radius: 12px; padding: 24px 48px; margin-bottom: 16px;
|
|
}
|
|
.price-label { font-size: 0.7rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.15em; font-family: 'JetBrains Mono', monospace; }
|
|
.price-value {
|
|
font-family: 'JetBrains Mono', monospace; font-size: 2.5rem; font-weight: 700;
|
|
color: var(--green); margin: 8px 0;
|
|
}
|
|
.price-change { font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; color: var(--green); }
|
|
|
|
.section { padding: 80px 0; }
|
|
.section-label {
|
|
font-family: 'JetBrains Mono', monospace; font-size: 0.65rem;
|
|
letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); margin-bottom: 12px;
|
|
}
|
|
.section h2 {
|
|
font-family: 'JetBrains Mono', monospace; font-size: clamp(1.5rem, 3.5vw, 2rem);
|
|
font-weight: 700; margin-bottom: 40px; letter-spacing: -0.02em;
|
|
}
|
|
.section h2 .ki { color: var(--accent-light); }
|
|
|
|
.stats-grid {
|
|
display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
|
gap: 16px; margin-bottom: 60px;
|
|
}
|
|
.stat-card {
|
|
background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px;
|
|
padding: 24px; text-align: center;
|
|
}
|
|
.stat-value { font-family: 'JetBrains Mono', monospace; font-size: 1.5rem; font-weight: 700; color: var(--accent-light); }
|
|
.stat-label { font-size: 0.75rem; color: var(--text-muted); margin-top: 4px; }
|
|
|
|
.whitepaper {
|
|
background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px;
|
|
padding: 40px; font-family: 'JetBrains Mono', monospace;
|
|
}
|
|
.whitepaper h3 { font-size: 1rem; margin-bottom: 20px; color: var(--accent-light); }
|
|
.whitepaper-line {
|
|
display: flex; justify-content: space-between; padding: 12px 0;
|
|
border-bottom: 1px solid var(--border); font-size: 0.85rem;
|
|
}
|
|
.whitepaper-line:last-child { border-bottom: none; }
|
|
.whitepaper-key { color: var(--text-dim); }
|
|
.whitepaper-val { color: var(--text); font-weight: 500; }
|
|
|
|
.roadmap { padding: 80px 0; }
|
|
.roadmap-item {
|
|
display: flex; gap: 24px; margin-bottom: 32px; align-items: flex-start;
|
|
}
|
|
.roadmap-q {
|
|
font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; font-weight: 700;
|
|
color: var(--accent-light); background: var(--bg-card); border: 1px solid var(--border);
|
|
border-radius: 8px; padding: 8px 16px; white-space: nowrap; min-width: 72px; text-align: center;
|
|
}
|
|
.roadmap-content h4 { font-size: 0.95rem; margin-bottom: 4px; }
|
|
.roadmap-content p { font-size: 0.8rem; color: var(--text-dim); }
|
|
|
|
.disclaimer {
|
|
background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 10px;
|
|
padding: 24px; margin: 60px 0; font-size: 0.75rem; color: var(--text-muted);
|
|
font-family: 'JetBrains Mono', monospace; line-height: 1.8;
|
|
}
|
|
|
|
footer { padding: 40px 0; border-top: 1px solid var(--border); text-align: center; }
|
|
footer p { font-size: 0.75rem; color: var(--text-muted); font-family: 'JetBrains Mono', monospace; }
|
|
footer .ki { color: var(--accent-light); }
|
|
|
|
@keyframes fadeIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
|
|
.hero > * { animation: fadeIn 0.7s ease-out both; }
|
|
.hero > *:nth-child(2) { animation-delay: 0.1s; }
|
|
.hero > *:nth-child(3) { animation-delay: 0.2s; }
|
|
.hero > *:nth-child(4) { animation-delay: 0.3s; }
|
|
.hero > *:nth-child(5) { animation-delay: 0.4s; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<div class="container">
|
|
<div class="logo"><span class="ki">KI</span>llions</div>
|
|
<div class="nav-links">
|
|
<a href="#tokenomics" data-de="Tokenomics" data-en="Tokenomics">Tokenomics</a>
|
|
<a href="#roadmap" data-de="Roadmap" data-en="Roadmap">Roadmap</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<section class="hero">
|
|
<div class="container">
|
|
<div class="token-symbol"><span class="ki">KI</span>∞</div>
|
|
<h1><span class="ki">KI</span>llions</h1>
|
|
<div class="tagline" data-de="Die Währung der KI-Ära" data-en="The currency of the AI era">Die Währung der KI-Ära</div>
|
|
<div class="price-display">
|
|
<div class="price-label" data-de="1 KIllion" data-en="1 KIllion">1 KIllion</div>
|
|
<div class="price-value" data-de="= ∞ Möglichkeiten" data-en="= ∞ Possibilities">= ∞ Möglichkeiten</div>
|
|
<div class="price-change">↑ +∞% (24h)</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section" id="tokenomics">
|
|
<div class="container">
|
|
<div class="section-label" data-de="// tokenomics" data-en="// tokenomics">// tokenomics</div>
|
|
<h2 data-de="<span class="ki">KI</span>llion-Kennzahlen" data-en="<span class="ki">KI</span>llion Metrics"><span class="ki">KI</span>llion-Kennzahlen</h2>
|
|
<div class="stats-grid">
|
|
<div class="stat-card">
|
|
<div class="stat-value">∞</div>
|
|
<div class="stat-label" data-de="Total Supply" data-en="Total Supply">Total Supply</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-value">0</div>
|
|
<div class="stat-label" data-de="Circulating" data-en="Circulating">Circulating</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-value">???</div>
|
|
<div class="stat-label" data-de="Market Cap" data-en="Market Cap">Market Cap</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-value">N/A</div>
|
|
<div class="stat-label" data-de="Börsenlistung" data-en="Exchange Listing">Börsenlistung</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="whitepaper">
|
|
<h3 data-de="// whitepaper.pdf (Auszug)" data-en="// whitepaper.pdf (excerpt)">// whitepaper.pdf (Auszug)</h3>
|
|
<div class="whitepaper-line">
|
|
<span class="whitepaper-key" data-de="Blockchain" data-en="Blockchain">Blockchain</span>
|
|
<span class="whitepaper-val" data-de="Keine (zu teuer)" data-en="None (too expensive)">Keine (zu teuer)</span>
|
|
</div>
|
|
<div class="whitepaper-line">
|
|
<span class="whitepaper-key" data-de="Konsens-Mechanismus" data-en="Consensus Mechanism">Konsens-Mechanismus</span>
|
|
<span class="whitepaper-val" data-de="Proof of Buzzword" data-en="Proof of Buzzword">Proof of Buzzword</span>
|
|
</div>
|
|
<div class="whitepaper-line">
|
|
<span class="whitepaper-key" data-de="Mining" data-en="Mining">Mining</span>
|
|
<span class="whitepaper-val" data-de="GPU-Cluster (imaginär)" data-en="GPU cluster (imaginary)">GPU-Cluster (imaginär)</span>
|
|
</div>
|
|
<div class="whitepaper-line">
|
|
<span class="whitepaper-key" data-de="Smart Contracts" data-en="Smart Contracts">Smart Contracts</span>
|
|
<span class="whitepaper-val" data-de="Dumm aber enthusiastisch" data-en="Dumb but enthusiastic">Dumm aber enthusiastisch</span>
|
|
</div>
|
|
<div class="whitepaper-line">
|
|
<span class="whitepaper-key" data-de="Use Case" data-en="Use Case">Use Case</span>
|
|
<span class="whitepaper-val" data-de="Keiner (Feature, kein Bug)" data-en="None (feature, not a bug)">Keiner (Feature, kein Bug)</span>
|
|
</div>
|
|
<div class="whitepaper-line">
|
|
<span class="whitepaper-key" data-de="Regulierung" data-en="Regulation">Regulierung</span>
|
|
<span class="whitepaper-val" data-de="Lol" data-en="Lol">Lol</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="roadmap" id="roadmap">
|
|
<div class="container">
|
|
<div class="section-label" data-de="// roadmap" data-en="// roadmap">// roadmap</div>
|
|
<h2 data-de="Der Weg zur <span class="ki">KI</span>llion" data-en="The path to <span class="ki">KI</span>llion">Der Weg zur <span class="ki">KI</span>llion</h2>
|
|
<div class="roadmap-item">
|
|
<div class="roadmap-q">Q1</div>
|
|
<div class="roadmap-content">
|
|
<h4 data-de="Website launchen" data-en="Launch website">Website launchen</h4>
|
|
<p data-de="Diese Website. Erledigt. Mehr haben wir für Q1 nicht geplant." data-en="This website. Done. We didn't plan anything else for Q1.">Diese Website. Erledigt. Mehr haben wir für Q1 nicht geplant.</p>
|
|
</div>
|
|
</div>
|
|
<div class="roadmap-item">
|
|
<div class="roadmap-q">Q2</div>
|
|
<div class="roadmap-content">
|
|
<h4 data-de="Whitepaper schreiben" data-en="Write whitepaper">Whitepaper schreiben</h4>
|
|
<p data-de="30 Seiten. Mindestens 50% Buzzwords. "Synergien" kommt dreimal vor." data-en="30 pages. At least 50% buzzwords. "Synergies" appears three times.">30 Seiten. Mindestens 50% Buzzwords. "Synergien" kommt dreimal vor.</p>
|
|
</div>
|
|
</div>
|
|
<div class="roadmap-item">
|
|
<div class="roadmap-q">Q3</div>
|
|
<div class="roadmap-content">
|
|
<h4 data-de="Token Sale" data-en="Token Sale">Token Sale</h4>
|
|
<p data-de="Verkaufe Nichts für Geld. Nenne es "Pre-Seed". VC-Bewertung: 100 Mio." data-en="Sell Nothing for money. Call it "Pre-Seed". VC valuation: 100M.">Verkaufe Nichts für Geld. Nenne es "Pre-Seed". VC-Bewertung: 100 Mio.</p>
|
|
</div>
|
|
</div>
|
|
<div class="roadmap-item">
|
|
<div class="roadmap-q">Q4</div>
|
|
<div class="roadmap-content">
|
|
<h4 data-de="Exit" data-en="Exit">Exit</h4>
|
|
<p data-de="Team löst sich auf. Gründer zieht nach Dubai. Klassiker." data-en="Team dissolves. Founder moves to Dubai. Classic.">Team löst sich auf. Gründer zieht nach Dubai. Klassiker.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="container">
|
|
<div class="disclaimer">
|
|
<span data-de="DISCLAIMER: KIllions ist keine echte Kryptowährung. KIllions hat keinen Wert, keine Blockchain, kein Team, kein Produkt und keine Zukunft. Genau wie die meisten echten Krypto-Projekte, nur ehrlicher. Dies ist Satire. Bitte investieren Sie Ihr Geld in etwas Sinnvolles. Zum Beispiel eine Zimmerpflanze." data-en="DISCLAIMER: KIllions is not a real cryptocurrency. KIllions has no value, no blockchain, no team, no product, and no future. Just like most real crypto projects, only more honest. This is satire. Please invest your money in something meaningful. For example, a houseplant.">DISCLAIMER: KIllions ist keine echte Kryptowährung. KIllions hat keinen Wert, keine Blockchain, kein Team, kein Produkt und keine Zukunft. Genau wie die meisten echten Krypto-Projekte, nur ehrlicher. Dies ist Satire. Bitte investieren Sie Ihr Geld in etwas Sinnvolles. Zum Beispiel eine Zimmerpflanze.</span>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<p data-de="<span class="ki">KI</span>llions — 1 <span class="ki">KI</span>llion = ∞ Möglichkeiten = 0 Euro" data-en="<span class="ki">KI</span>llions — 1 <span class="ki">KI</span>llion = ∞ Possibilities = 0 Euro"><span class="ki">KI</span>llions — 1 <span class="ki">KI</span>llion = ∞ Möglichkeiten = 0 Euro</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>
|