airdiffusion-landing / index.html
Pista1981's picture
Upload landing page HTML
c4b0d99 verified
Raw
History Blame Contribute Delete
6.01 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AirDiffusion β€” Open Source AI Video Gen (Donate GPU Time)</title>
<meta name="description" content="Open-source layer-streaming video generation. A 19B video model on a 24GB GPU that shouldn't fit. Donations fund more GPU time.">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #0a0a0a; color: #eaeaea; line-height: 1.6; }
.container { max-width: 800px; margin: 0 auto; padding: 40px 20px; }
h1 { font-size: 2.4em; margin-bottom: 16px; color: #fff; }
h2 { font-size: 1.4em; margin: 32px 0 12px; color: #fff; }
.subtitle { font-size: 1.15em; color: #a0a0a0; margin-bottom: 24px; }
.tagline { display: inline-block; background: #1a1a2e; color: #00d4ff; padding: 4px 12px; border-radius: 16px; font-size: 0.85em; margin-bottom: 16px; }
.video-wrap { margin: 24px 0; border-radius: 8px; overflow: hidden; background: #000; }
video { width: 100%; display: block; }
.donate-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0; }
.donate-card { background: #14141a; border: 1px solid #2a2a3a; border-radius: 8px; padding: 20px; }
.donate-card h3 { color: #f7931a; margin-bottom: 8px; }
.donate-card.usdt h3 { color: #26a17b; }
.donate-card.ltc h3 { color: #345d9d; }
.addr { font-family: 'Monaco', 'Courier New', monospace; font-size: 0.78em; word-break: break-all; background: #0a0a0f; padding: 8px; border-radius: 4px; margin: 8px 0; user-select: all; }
.cta { background: #00d4ff; color: #000; padding: 12px 24px; border-radius: 6px; text-decoration: none; font-weight: 600; display: inline-block; margin-top: 8px; }
.feature { margin: 24px 0; padding: 20px; background: #14141a; border-left: 3px solid #00d4ff; border-radius: 4px; }
.feature strong { color: #00d4ff; }
.btn-tg { background: #0088cc; color: #fff; padding: 10px 20px; border-radius: 6px; text-decoration: none; display: inline-block; margin: 8px 4px 0 0; }
footer { margin-top: 60px; padding-top: 24px; border-top: 1px solid #2a2a3a; color: #666; font-size: 0.9em; }
.links { margin-top: 16px; }
.links a { color: #00d4ff; text-decoration: none; margin-right: 16px; }
</style>
</head>
<body>
<div class="container">
<span class="tagline">🎬 Open Source β€’ No Cloud β€’ No API Fees</span>
<h1>AirDiffusion</h1>
<p class="subtitle">Layer-streaming AI video generation. A 19B model on a 24GB GPU that shouldn't fit. Donations fund more GPU time.</p>
<div class="video-wrap">
<video controls poster="">
<source src="showcase_render.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<h2>β˜• Why donate?</h2>
<p>Every dollar goes to electricity and compute time so this bot stays free. The Telegram bot is open 24/7. No subscriptions, no paywalls, no API fees. Tips = more GPU time for everyone.</p>
<div class="feature">
<strong>Try the bot free:</strong> Send <code>/free &lt;prompt&gt;</code> to <a href="https://t.me/Hermes_pista_bot" style="color:#00d4ff">@Hermes_pista_bot</a> on Telegram. 1 free render per minute.
</div>
<h2>πŸ’° Donate β€” Crypto (no KYC, no fees)</h2>
<div class="donate-grid">
<div class="donate-card">
<h3>β‚Ώ Bitcoin (BTC)</h3>
<div class="addr" id="btc">bc1qsexwhgwcezpjmmkkxph2ktga472zxrh5fe9jed</div>
<button class="cta" onclick="copyAddr('btc')">Copy Address</button>
</div>
<div class="donate-card usdt">
<h3>πŸ’΅ USDT (TRC20)</h3>
<div class="addr" id="usdt">TUUDoZimpyFHbXoE2KJCqxNkBpXD6b6Sc</div>
<button class="cta" onclick="copyAddr('usdt')">Copy Address</button>
</div>
</div>
<p style="font-size:0.9em;color:#888;margin-top:8px;">USDT TRC20 recommended β€” only ~$1 transfer fee. BTC can be 2-10$ during busy periods.</p>
<h2>🎁 What you get for donating</h2>
<ul style="padding-left:20px;">
<li><strong>5+ USDT:</strong> Priority in render queue</li>
<li><strong>20+ USDT:</strong> Custom referral link (10% of all future donations)</li>
<li><strong>50+ USDT:</strong> Beta access to new models (Wan2.1 14B, CogVideoX 5B)</li>
<li><strong>100+ USDT:</strong> Custom AI video service β€” DM me on Telegram</li>
</ul>
<div style="text-align:center;margin:32px 0;">
<a href="https://t.me/Hermes_pista_bot" class="btn-tg">πŸ€– Try the Bot</a>
<a href="https://huggingface.co/Pista1981" class="btn-tg" style="background:#ff9a00;">πŸ€— HuggingFace</a>
</div>
<h2>⚑ Tech Highlights</h2>
<ul style="padding-left:20px;">
<li><strong>Layer-streaming:</strong> AirLLM-pattern for video diffusion. Streams transformer blocks layer-by-layer to disk.</li>
<li><strong>19B model on 24GB GPU:</strong> That's a Quadro M6000. Should not fit. It fits.</li>
<li><strong>Apache 2.0:</strong> Open source. Fork it. Build on it. Sell the outputs (commercial OK).</li>
<li><strong>Cost per render: ~0.003 EUR</strong> (electricity). We charge nothing. Tips go to GPU time.</li>
</ul>
<footer>
<p>AirDiffusion Β© 2026 β€’ Made on a single Quadro M6000 24GB in someone's basement.</p>
<div class="links">
<a href="https://t.me/Hermes_pista_bot">Telegram</a>
<a href="https://huggingface.co/Pista1981">HuggingFace</a>
<a href="https://civitai.com/user/Pista1981">Civitai</a>
</div>
</footer>
</div>
<script>
function copyAddr(id) {
const el = document.getElementById(id);
navigator.clipboard.writeText(el.textContent.trim());
const btn = el.nextElementSibling;
const orig = btn.textContent;
btn.textContent = 'βœ… Copied!';
setTimeout(() => btn.textContent = orig, 1500);
}
</script>
</body>
</html>