Build TAARDIS Lab research showcase and ternary explorer

index.html

@@ -1,19 +1,4 @@
 <!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>TAARDIS Lab · Internectual Labs</title><style>
+:root{color-scheme:dark;--bg:#080c14;--line:#263346;--muted:#a6b6cb;--blue:#63d4ff;--gold:#eac575}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 10%,#123348 0,transparent 45%),var(--bg);color:#eff7ff;font:16px/1.65 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.wrap{max-width:1120px;margin:auto;padding:30px}nav{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px}.brand{font-weight:800;letter-spacing:.17em;font-size:13px}.tag{color:var(--blue);font:12px ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;padding:70px 0 55px}h1{font-size:clamp(56px,9vw,110px);line-height:.95;letter-spacing:-.075em;margin:20px 0}h1 span{display:block;color:var(--blue)}h2{font-size:34px;line-height:1.15;letter-spacing:-.035em}p{color:var(--muted)}.lead{max-width:570px;font-size:20px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:1px solid var(--line);border-radius:9px;padding:11px 19px;display:inline-block;font-weight:650}.btn.primary{background:var(--blue);color:#07111b;border-color:var(--blue)}.orb{aspect-ratio:1;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#16729755,transparent 66%)}.orb svg{width:100%;filter:drop-shadow(0 0 22px #2bbdf84d)}.orb-label{position:absolute;bottom:7%;font:12px ui-monospace,monospace;color:var(--muted);letter-spacing:.16em}.strip{border-block:1px solid var(--line);padding:18px 0;display:flex;gap:28px;flex-wrap:wrap;color:var(--muted);font-size:13px}.strip b{color:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:36px 0}.panel{border:1px solid var(--line);border-radius:18px;padding:28px;background:#101a2780}.panel h2{margin:14px 0}.trits{display:flex;gap:10px;margin:25px 0}.trits button{width:64px;height:68px;border:1px solid #40647b;border-radius:12px;background:#122e42;color:var(--blue);font:700 27px ui-monospace,monospace;cursor:pointer}.readout{padding:16px;border:1px solid var(--line);border-radius:10px;font:14px/1.8 ui-monospace,monospace}.readout strong{color:var(--gold)}small{display:block;color:var(--muted);line-height:1.6;margin-top:16px}.steps{list-style:none;padding:0;counter-reset:steps}.steps li{border-top:1px solid var(--line);padding:16px 0;color:var(--muted)}.steps b{display:block;color:#fff}.support{border:1px solid #4e4a39;border-radius:18px;padding:32px;margin:0 0 36px;background:linear-gradient(120deg,#30291a80,#101b2c90)}.support h2{max-width:660px;margin:12px 0}.support p{max-width:760px}footer{border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}@media(max-width:720px){.wrap{padding:22px}.hero{grid-template-columns:1fr;padding:45px 0 30px;gap:0}.orb{max-width:320px;justify-self:center;width:100%}.grid{grid-template-columns:1fr}.panel{padding:23px}nav{font-size:13px}.trits button{width:52px;height:60px}.lead{font-size:18px}}@media(prefers-reduced-motion:no-preference){.orb svg{animation:float 9s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px)}}}
+</style></head><body><div class="wrap"><nav><a class="brand" href="https://ai.internectual.net/" target="_blank" rel="noopener">INTERNECTUAL LABS ↗</a><a href="#support">Support the research ↗</a></nav><main><section class="hero"><div><div class="tag">Independent research / efficient AI</div><h1>TAARDIS<span>LAB.</span></h1><p class="lead">Smaller footprints.<br>More room to explore.</p><p>Exploring ternary computing, model compression, and practical tools for efficient AI. Built by Cody Dixon at Internectual Labs.</p><div class="actions"><a class="btn primary" href="#explore">Explore ternary ↓</a><a class="btn" href="https://ai.internectual.net/" target="_blank" rel="noopener">Visit the lab ↗</a></div></div><div class="orb" aria-hidden="true"><svg viewBox="0 0 400 400" fill="none"><circle cx="200" cy="200" r="165" stroke="#326279"/><circle cx="200" cy="200" r="135" stroke="#203d52" stroke-dasharray="3 10"/><path d="M200 48 335 280H65L200 48Zm0 0v232M65 280l135-72 135 72M200 208 200 48" stroke="#63d4ff" stroke-width="2"/><path d="m200 208 0 130M65 280l135 58 135-58M200 48l0 290" stroke="#eac575" stroke-width="1.5"/><circle cx="200" cy="208" r="13" fill="#63d4ff"/><circle cx="200" cy="48" r="5" fill="#eac575"/><circle cx="65" cy="280" r="5" fill="#eac575"/><circle cx="335" cy="280" r="5" fill="#eac575"/></svg><span class="orb-label">−1 / 0 / +1 · THREE POSSIBILITIES</span></div></section><div class="strip"><span><b>01</b> Ternary computing</span><span><b>02</b> Model compression</span><span><b>03</b> Reproducible evaluation</span></div><section class="grid" id="explore"><article class="panel"><div class="tag">Interactive / a small idea, made tangible</div><h2>Three states.<br>A different way to pack.</h2><p>Each tile is a trit: −1, 0, or +1. Tap a tile to cycle its state and see five ternary values represented as one base-3 code.</p><div class="trits"><button aria-label="Trit 1">−1</button><button aria-label="Trit 2">0</button><button aria-label="Trit 3">+1</button><button aria-label="Trit 4">0</button><button aria-label="Trit 5">−1</button></div><div class="readout" aria-live="polite">TRITS <strong id="values"></strong><br>BASE-3 CODE <strong id="code"></strong> / 242<br>8-BIT CONTAINER <strong id="bits"></strong></div><small>Educational encoding example: map −1 → 0, 0 → 1, +1 → 2. Five trits have 243 combinations, which fit in eight bits. This illustrates representation only; it does not establish model quality, inference speed, or total model size.</small></article><article class="panel"><div class="tag">The research direction</div><h2>Make every experiment count.</h2><p>TAARDIS is part of an independent effort to explore smaller model representations and the tools needed to understand them.</p><ul class="steps"><li><b>Build & inspect</b>Explore efficient representations and practical model tools.</li><li><b>Measure carefully</b>Compare quality, memory use, and speed with documented conditions.</li><li><b>Share evidence</b>Make public work easier to inspect, discuss, and reproduce.</li></ul><a class="btn" href="https://ai.internectual.net/#work" target="_blank" rel="noopener">Explore public projects ↗</a><small>This Space is a research showcase and educational interaction. It does not run a TAARDIS model or provide model inference.</small></article></section><section class="support" id="support"><div class="tag">Help the next experiment happen</div><h2>Support independent research.<br>Bring more ideas to the test.</h2><p>I welcome sponsored GPU compute, research collaborators, and financial support for training and reproducible evaluation. More compute creates room to test ideas and document what works.</p><div class="actions"><a class="btn primary" href="https://github.com/sponsors/CodeMasterCody3D" target="_blank" rel="noopener">Sponsor the work ↗</a><a class="btn" href="mailto:cody@internectual.com">Discuss compute or collaboration ↗</a><a class="btn" href="https://ai.internectual.net/#support" target="_blank" rel="noopener">More ways to support ↗</a></div><small>Seeking support; no GPU grant or sponsorship award is implied.</small></section></main><footer><span>INTERNECTUAL LABS · Cody Dixon</span><span><a href="https://ai.internectual.net/" target="_blank" rel="noopener">Lab website ↗</a> &nbsp; / &nbsp; <a href="https://github.com/CodeMasterCody3D" target="_blank" rel="noopener">GitHub ↗</a></span></footer></div><script>const trits=[-1,0,1,0,-1];const buttons=[...document.querySelectorAll('.trits button')];function render(){let code=trits.reduce((a,t)=>a*3+t+1,0);document.getElementById('values').textContent=trits.map(t=>t>0?'+1':String(t)).join('  ');document.getElementById('code').textContent=code;document.getElementById('bits').textContent=code.toString(2).padStart(8,'0');buttons.forEach((b,i)=>{b.textContent=trits[i]>0?'+1':trits[i]===-1?'−1':'0';b.setAttribute('aria-label','Trit '+(i+1)+': '+trits[i]+'. Activate to change.');});}buttons.forEach((b,i)=>b.addEventListener('click',()=>{trits[i]=trits[i]===1?-1:trits[i]+1;render();}));render();</script></body></html>