be5dca6510
New satirical sites with KI wordplays: - killionaer.de (KIllionär - KI wealth satire, gold tones) - killions.de (KIllions - crypto currency satire, minimal) - killuminati.de (KIlluminati - AI conspiracy satire, dark/mystic) - kilitaer.de (KIlitär - military AI satire, camo/code) - killusion.de (KIllusion - optical illusion meta-satire, glitch) - killegal.de (KIllegal - forbidden AI satire, police tape) - kilibri.de (KIlibri - micro AI smart home, warm/nature) All sites: German, satirical, KI visually highlighted in domain names.
295 lines
12 KiB
HTML
295 lines
12 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">Tokenomics</a>
|
|
<a href="#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">Die Währung der KI-Ära</div>
|
|
<div class="price-display">
|
|
<div class="price-label">1 KIllion</div>
|
|
<div class="price-value">= ∞ Möglichkeiten</div>
|
|
<div class="price-change">↑ +∞% (24h)</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section" id="tokenomics">
|
|
<div class="container">
|
|
<div class="section-label">// tokenomics</div>
|
|
<h2><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">Total Supply</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-value">0</div>
|
|
<div class="stat-label">Circulating</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-value">???</div>
|
|
<div class="stat-label">Market Cap</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-value">N/A</div>
|
|
<div class="stat-label">Börsenlistung</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="whitepaper">
|
|
<h3>// whitepaper.pdf (Auszug)</h3>
|
|
<div class="whitepaper-line">
|
|
<span class="whitepaper-key">Blockchain</span>
|
|
<span class="whitepaper-val">Keine (zu teuer)</span>
|
|
</div>
|
|
<div class="whitepaper-line">
|
|
<span class="whitepaper-key">Konsens-Mechanismus</span>
|
|
<span class="whitepaper-val">Proof of Buzzword</span>
|
|
</div>
|
|
<div class="whitepaper-line">
|
|
<span class="whitepaper-key">Mining</span>
|
|
<span class="whitepaper-val">GPU-Cluster (imaginär)</span>
|
|
</div>
|
|
<div class="whitepaper-line">
|
|
<span class="whitepaper-key">Smart Contracts</span>
|
|
<span class="whitepaper-val">Dumm aber enthusiastisch</span>
|
|
</div>
|
|
<div class="whitepaper-line">
|
|
<span class="whitepaper-key">Use Case</span>
|
|
<span class="whitepaper-val">Keiner (Feature, kein Bug)</span>
|
|
</div>
|
|
<div class="whitepaper-line">
|
|
<span class="whitepaper-key">Regulierung</span>
|
|
<span class="whitepaper-val">Lol</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="roadmap" id="roadmap">
|
|
<div class="container">
|
|
<div class="section-label">// roadmap</div>
|
|
<h2>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>Website launchen</h4>
|
|
<p>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>Whitepaper schreiben</h4>
|
|
<p>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>Token Sale</h4>
|
|
<p>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>Exit</h4>
|
|
<p>Team löst sich auf. Gründer zieht nach Dubai. Klassiker.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="container">
|
|
<div class="disclaimer">
|
|
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.
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<p><span class="ki">KI</span>llions — 1 <span class="ki">KI</span>llion = ∞ Möglichkeiten = 0 Euro</p>
|
|
<p style="margin-top: 8px;">Ein Projekt von <a href="https://martinsiebels.de" style="color: var(--accent-light); text-decoration: none;">martinsiebels.de</a></p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|