fableforge-nexus / index.html
King3Djbl's picture
FableForge Nexus: static viral hub linking all Spaces
70b057f verified
Raw
History Blame Contribute Delete
8.56 kB
<!doctype html>
<html lang="en"><head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>FableForge ยท The Galaxy of AI Demos</title>
<meta property="og:title" content="FableForge โ€” a galaxy of live AI demos"/>
<meta property="og:description" content="One open 9B model. A dozen playable worlds. All free."/>
<style>
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin:0; font-family:system-ui,-apple-system,sans-serif; background:#0a0614; color:#ece7fb; }
a { color:inherit; text-decoration:none; }
.hero { text-align:center; padding:72px 20px 28px;
background:radial-gradient(1200px 400px at 50% -80px,#3a1d70 0%,transparent 70%); }
.hero h1 { font-size:clamp(2.4rem,7vw,4.6rem); margin:0; font-weight:800; letter-spacing:-.02em;
background:linear-gradient(90deg,#b388ff,#ff8ae2,#8ad4ff,#b388ff);
background-size:300% auto; -webkit-background-clip:text; background-clip:text;
color:transparent; animation:shine 8s linear infinite; }
@keyframes shine { to { background-position:300% center; } }
.hero p { font-size:clamp(1rem,2.4vw,1.35rem); color:#c3b6e8; margin:14px auto 0; max-width:640px; }
.cta-row { margin-top:26px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.btn { padding:13px 26px; border-radius:999px; font-weight:700; font-size:.98rem;
transition:transform .15s, box-shadow .15s; }
.btn.primary { background:#7c3aed; color:#fff; box-shadow:0 0 34px #7c3aed77; }
.btn.ghost { background:#1c1235; color:#d9ccff; border:1px solid #3a2a63; }
.btn:hover { transform:translateY(-2px) scale(1.03); }
.grid { display:grid; gap:20px; padding:36px; max-width:1180px; margin:0 auto;
grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); }
.card { background:#140c29; border:1px solid #2a1c4a; border-radius:16px; overflow:hidden;
display:flex; flex-direction:column; transition:transform .18s, box-shadow .18s, border-color .18s; }
.card:hover { transform:translateY(-6px); box-shadow:0 16px 46px #7c3aed44; border-color:#7c3aed; }
.card.dim { opacity:.55; }
.card.dim:hover { opacity:.85; }
.thumb { height:150px; background-size:cover; background-position:center; position:relative; }
.live, .soon { position:absolute; top:10px; right:10px; font-size:.7rem; font-weight:800;
padding:4px 9px; border-radius:999px; letter-spacing:.04em; }
.live { background:#0f2a17; color:#4ade80; border:1px solid #22c55e; }
.soon { background:#2a220f; color:#fbbf24; border:1px solid #a16207; }
.card h3 { margin:14px 16px 6px; font-size:1.1rem; }
.card p { margin:0 16px 18px; color:#b1a3d8; font-size:.9rem; line-height:1.4; }
footer { text-align:center; padding:44px 20px 60px; color:#8a7ab0; }
footer a { color:#c3b0ff; }
</style></head>
<body>
<section class="hero">
<h1>๐Ÿ”ฎ FableForge</h1>
<p>A galaxy of live AI demos powered by one open 9B model โ€” <b>King3Djbl/mythos-9b-unhinged</b>. A dozen playable worlds. All free.</p>
<div class="cta-row">
<a class="btn primary" href="https://huggingface.co/King3Djbl/mythos-9b-unhinged" target="_blank">โฌ‡๏ธ Download the model</a>
<a class="btn ghost" href="https://twitter.com/intent/tweet?text=%F0%9F%94%AE%20FableForge%3A%20a%20galaxy%20of%20live%20AI%20demos%20powered%20by%20one%20open%209B%20model.%20Play%20them%20free%3A&url=https%3A//huggingface.co/spaces/fableforge-ai/fableforge-nexus" target="_blank">๐Ÿฆ Share on X</a>
<a class="btn ghost" href="https://www.reddit.com/submit?url=https%3A//huggingface.co/spaces/fableforge-ai/fableforge-nexus&title=%F0%9F%94%AE%20FableForge%3A%20a%20galaxy%20of%20live%20AI%20demos%20powered%20by%20one%20open%209B%20model.%20Play%20them%20free%3A" target="_blank">๐Ÿ‘ฝ Post to Reddit</a>
</div>
</section>
<section class="grid">
<a class="card" href="https://huggingface.co/spaces/fableforge-ai/infinite-npc" target="_blank" rel="noopener">
<div class="thumb" style="background-image:url('https://placehold.co/600x300/1a1030/e0d0ff/png?text=%F0%9F%8D%BA%20Infinite%20NPC')"><span class="live">โ— LIVE</span></div>
<h3>๐Ÿบ Infinite NPC</h3>
<p>An NPC that remembers every visitor.</p>
</a>
<a class="card" href="https://huggingface.co/spaces/fableforge-ai/ghost-writer" target="_blank" rel="noopener">
<div class="thumb" style="background-image:url('https://placehold.co/600x300/1a1030/e0d0ff/png?text=%F0%9F%91%BB%20Ghost%20Writer')"><span class="live">โ— LIVE</span></div>
<h3>๐Ÿ‘ป Ghost Writer</h3>
<p>A co-writer that finishes your sentences.</p>
</a>
<a class="card" href="https://huggingface.co/spaces/fableforge-ai/semantic-story-tree" target="_blank" rel="noopener">
<div class="thumb" style="background-image:url('https://placehold.co/600x300/1a1030/e0d0ff/png?text=%F0%9F%8C%B3%20Semantic%20Story%20Tree')"><span class="live">โ— LIVE</span></div>
<h3>๐ŸŒณ Semantic Story Tree</h3>
<p>Emotion sliders branch the tale.</p>
</a>
<a class="card" href="https://huggingface.co/spaces/King3Djbl/dual-gm-simulator" target="_blank" rel="noopener">
<div class="thumb" style="background-image:url('https://placehold.co/600x300/1a1030/e0d0ff/png?text=%F0%9F%8E%AD%20Dual-GM%20Simulator')"><span class="live">โ— LIVE</span></div>
<h3>๐ŸŽญ Dual-GM Simulator</h3>
<p>Two AIs auto-play a fantasy RPG.</p>
</a>
<a class="card dim" href="https://huggingface.co/spaces/fableforge-ai/constellation-explorer" target="_blank" rel="noopener">
<div class="thumb" style="background-image:url('https://placehold.co/600x300/1a1030/e0d0ff/png?text=%F0%9F%8C%A0%20Constellation%20Explorer')"><span class="soon">SOON</span></div>
<h3>๐ŸŒ  Constellation Explorer</h3>
<p>3D interactive dataset galaxy.</p>
</a>
<a class="card" href="https://huggingface.co/spaces/King3Djbl/shellwhisperer-terminal" target="_blank" rel="noopener">
<div class="thumb" style="background-image:url('https://placehold.co/600x300/1a1030/e0d0ff/png?text=%F0%9F%92%BB%20ShellWhisperer')"><span class="live">โ— LIVE</span></div>
<h3>๐Ÿ’ป ShellWhisperer</h3>
<p>AI-powered Linux terminal.</p>
</a>
<a class="card dim" href="https://huggingface.co/spaces/fableforge-ai/arena-vs-clones" target="_blank" rel="noopener">
<div class="thumb" style="background-image:url('https://placehold.co/600x300/1a1030/e0d0ff/png?text=%E2%9A%94%EF%B8%8F%20Arena%20vs%20Clones')"><span class="soon">SOON</span></div>
<h3>โš”๏ธ Arena vs Clones</h3>
<p>Blind A/B testing vs competitors.</p>
</a>
<a class="card dim" href="https://huggingface.co/spaces/fableforge-ai/refusal-tester" target="_blank" rel="noopener">
<div class="thumb" style="background-image:url('https://placehold.co/600x300/1a1030/e0d0ff/png?text=%F0%9F%9B%A1%EF%B8%8F%20Refusal%20Tester')"><span class="soon">SOON</span></div>
<h3>๐Ÿ›ก๏ธ Refusal Tester</h3>
<p>Live refusal-rate stress tester.</p>
</a>
<a class="card dim" href="https://huggingface.co/spaces/fableforge-ai/gm-screen" target="_blank" rel="noopener">
<div class="thumb" style="background-image:url('https://placehold.co/600x300/1a1030/e0d0ff/png?text=%F0%9F%97%BA%EF%B8%8F%20GM%20Screen')"><span class="soon">SOON</span></div>
<h3>๐Ÿ—บ๏ธ GM Screen</h3>
<p>Tactical campaign dashboard with map.</p>
</a>
<a class="card dim" href="https://huggingface.co/spaces/fableforge-ai/genesis-forge" target="_blank" rel="noopener">
<div class="thumb" style="background-image:url('https://placehold.co/600x300/1a1030/e0d0ff/png?text=%F0%9F%8C%8D%20Genesis%20Forge')"><span class="soon">SOON</span></div>
<h3>๐ŸŒ Genesis Forge</h3>
<p>Self-modifying 3D world engine.</p>
</a>
<a class="card dim" href="https://huggingface.co/spaces/fableforge-ai/living-world" target="_blank" rel="noopener">
<div class="thumb" style="background-image:url('https://placehold.co/600x300/1a1030/e0d0ff/png?text=%F0%9F%8F%B0%20Living%20World')"><span class="soon">SOON</span></div>
<h3>๐Ÿฐ Living World</h3>
<p>Persistent 3D RPG with NPC memory + P2P.</p>
</a>
</section>
<footer>
Built free on ๐Ÿค— Spaces ยท CPU + GGUF ยท <a href="https://huggingface.co/King3Djbl/mythos-9b-unhinged">Get the model</a><br/>
โญ Star the Spaces ยท ๐Ÿ” Share ยท ๐Ÿ”ง Remix โ€” every world runs on the same open weights.
</footer>
</body></html>