index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>Git Command Center — Sovereign Git Intelligence</title>
<meta name="description" content="Apple GitDOS: BOB-powered DOS terminal git interface. WORM-sealed git intelligence. Catcode guardrail. Ollama + OpenAI compatible."/>
<meta name="theme-color" content="#00ff88"/>
<link rel="manifest" href="manifest.json"/>
<style>
*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#04040a;--bg1:#080810;--bg2:#0a0a12;--border:#1a1a28;--text:#e0e0f0;--dim:#555;--green:#00ff88;--mono:'SF Mono',Monaco,Consolas,monospace;--amber:#ffd060}
html,body{min-height:100%;background:var(--bg);color:var(--text);font-family:var(--mono)}
a{color:inherit;text-decoration:none}

/* hero */
.hero{max-width:920px;margin:0 auto;padding:80px 24px 60px;text-align:center}
.mark{display:inline-flex;align-items:center;gap:8px;font-size:9px;letter-spacing:3px;color:var(--amber);border:1px solid #2e2a10;border-radius:4px;padding:4px 12px;margin-bottom:32px}
h1{font-size:clamp(28px,5vw,52px);font-weight:700;line-height:1.1;margin-bottom:18px;letter-spacing:-1px}
h1 span{color:var(--green)}
.sub{font-size:15px;color:#666;line-height:1.7;max-width:560px;margin:0 auto 40px}
.ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}
.btn-launch{padding:14px 36px;background:var(--amber);color:#000;border-radius:8px;font-weight:700;font-size:14px;font-family:var(--mono);letter-spacing:1px}
.btn-src{padding:14px 24px;border:1px solid var(--border);color:#888;border-radius:8px;font-size:13px;font-family:var(--mono)}
.note{font-size:10px;color:var(--dim);margin-top:8px}

/* CRT preview */
.crt-preview{max-width:640px;margin:0 auto 72px;background:#0a0800;border:2px solid #2a2200;border-radius:10px;overflow:hidden;box-shadow:0 0 40px #ffd06020}
.crt-top{background:#110e00;border-bottom:1px solid #2a2200;padding:8px 14px;display:flex;align-items:center;justify-content:space-between}
.crt-label{font-size:9px;letter-spacing:3px;color:var(--amber)}
.crt-dots{display:flex;gap:6px}
.dot{width:8px;height:8px;border-radius:50%}
.crt-screen{padding:18px 20px;font-size:11px;color:var(--amber);line-height:2;min-height:180px}
.prompt{color:var(--green)}
.cmd{color:#fff}
.out{color:var(--amber)}
.dim{color:#555}
.seal{color:var(--green);font-size:9px}

/* features */
.features{max-width:920px;margin:0 auto;padding:0 24px 80px}
.section-label{font-size:9px;letter-spacing:3px;color:var(--dim);margin-bottom:24px;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.card{background:var(--bg1);border:1px solid var(--border);border-radius:10px;padding:18px 20px}
.card-icon{font-size:18px;margin-bottom:10px;color:var(--amber)}
.card-title{font-size:12px;font-weight:700;color:var(--text);margin-bottom:6px}
.card-desc{font-size:11px;color:#555;line-height:1.6}

/* commands */
.cmds{max-width:640px;margin:0 auto 80px;background:var(--bg1);border:1px solid var(--border);border-radius:10px;overflow:hidden}
.cmds-header{background:var(--bg2);border-bottom:1px solid var(--border);padding:10px 16px;font-size:9px;letter-spacing:2px;color:var(--amber)}
.cmd-row{display:flex;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);align-items:flex-start}
.cmd-name{font-size:11px;color:var(--green);width:120px;flex-shrink:0}
.cmd-desc{font-size:10px;color:#555;line-height:1.5}

footer{border-top:1px solid var(--border);padding:20px 24px;text-align:center;font-size:10px;color:var(--dim)}
footer a{color:var(--amber)}
</style>
</head>
<body>
<div class="hero">
  <div class="mark">A · P · E &nbsp;COMPUTER &nbsp;·&nbsp; GIT ARENA</div>
  <h1>Git intelligence,<br><span>DOS-style.</span></h1>
  <p class="sub">Apple GitDOS runs git operations through a BOB-powered DOS terminal. WORM-seals every command. Catcode guardrail enforces sovereign boundaries. Ollama and OpenAI compatible.</p>
  <div class="ctas">
    <a class="btn-launch" href="app.html">⌨ BOOT TERMINAL</a>
    <a class="btn-src" href="https://github.com/SNAPKITTYWEST/git-command-center" target="_blank">View Source</a>
  </div>
  <p class="note">Requires local Ollama or OpenAI API key · Model: granite-code default</p>
</div>

<!-- CRT preview -->
<div class="crt-preview">
  <div class="crt-top">
    <span class="crt-label">APPLE GITDOS · SNAPKITTY OS</span>
    <div class="crt-dots">
      <div class="dot" style="background:#ff453a"></div>
      <div class="dot" style="background:#ffd60a"></div>
      <div class="dot" style="background:#00ff88"></div>
    </div>
  </div>
  <div class="crt-screen">
<pre><span class="out">APPLE GITDOS BY SNAPKITTY OS
A.P.E. COMPUTER ROM 0.2 — GRANITE EDITION
MODEL:     GRANITE-CODE
GUARDRAIL: CATCODE ACTIVE
WORM:      0 EVENTS SEALED

DOS READY.
</span>
<span class="prompt">]</span> <span class="cmd">git status</span>
<span class="out">BOB: Analyzing working tree...
  M  collectivekitty/lib/apps/registry.ts
  M  sovereign-workers/worker.mjs
  ?? apps/snapkitty-desktop/src/index.html</span>
<span class="seal">[WORM] #1 sealed · 0x7fa3...c291</span>

<span class="prompt">]</span> <span class="cmd">catcode check</span>
<span class="out">CATCODE: 0 violations · 42 checks passed · SOVEREIGN STACK CLEAN</span></pre>
  </div>
</div>

<!-- Features -->
<div class="features">
  <p class="section-label">CAPABILITIES</p>
  <div class="grid">
    <div class="card">
      <div class="card-icon">⌨</div>
      <div class="card-title">DOS Terminal UI</div>
      <div class="card-desc">Apple II inspired CRT interface. Phosphor glow, bezel frame, drive status display. Every command runs through the BOB reasoning layer.</div>
    </div>
    <div class="card">
      <div class="card-icon">⬡</div>
      <div class="card-title">BOB Integration</div>
      <div class="card-desc">BOB Orchestrator handles git intelligence — diff summaries, commit recommendations, branch strategy, merge analysis.</div>
    </div>
    <div class="card">
      <div class="card-icon">⛓</div>
      <div class="card-title">WORM Sealing</div>
      <div class="card-desc">Every command and response is appended to a local WORM chain. SHA-256 sealed, append-only. Your git history has a history.</div>
    </div>
    <div class="card">
      <div class="card-icon">🛡</div>
      <div class="card-title">Catcode Guardrail</div>
      <div class="card-desc">Sovereign content policy enforced at the prompt layer. Checks for secret leakage, unsafe force-push patterns, and out-of-bounds operations.</div>
    </div>
    <div class="card">
      <div class="card-icon">◎</div>
      <div class="card-title">Ollama + OpenAI</div>
      <div class="card-desc">Configurable endpoint. Default: Ollama localhost. Swap to any OpenAI-compatible API — LM Studio, Groq, Together, OpenRouter.</div>
    </div>
    <div class="card">
      <div class="card-icon">∴</div>
      <div class="card-title">Arena Mode</div>
      <div class="card-desc">Run git crawlers across multiple repos simultaneously. Results logged to WORM chain. BOB ranks by commit health, catcode score, and diff quality.</div>
    </div>
  </div>
</div>

<!-- Commands -->
<div class="cmds">
  <div class="cmds-header">COMMAND REFERENCE</div>
  <div class="cmd-row"><span class="cmd-name">git &lt;any&gt;</span><span class="cmd-desc">Pass any git command — BOB analyzes the output and provides sovereign commentary</span></div>
  <div class="cmd-row"><span class="cmd-name">catcode check</span><span class="cmd-desc">Run the catcode guardrail scan on the current working tree</span></div>
  <div class="cmd-row"><span class="cmd-name">worm tail</span><span class="cmd-desc">Print the last 10 WORM-sealed events from the local chain</span></div>
  <div class="cmd-row"><span class="cmd-name">worm seal &lt;msg&gt;</span><span class="cmd-desc">Manually append a message to the WORM chain</span></div>
  <div class="cmd-row"><span class="cmd-name">model &lt;name&gt;</span><span class="cmd-desc">Switch the active model (granite-code, llama3, deepseek-coder, etc.)</span></div>
  <div class="cmd-row"><span class="cmd-name">endpoint &lt;url&gt;</span><span class="cmd-desc">Change the Ollama/OpenAI endpoint URL</span></div>
  <div class="cmd-row"><span class="cmd-name">arena &lt;repos&gt;</span><span class="cmd-desc">Launch multi-repo git arena crawl — BOB scores each repo</span></div>
  <div class="cmd-row"><span class="cmd-name">help</span><span class="cmd-desc">Print all available commands</span></div>
</div>

<footer>
  Built by <a href="https://collectivekitty.com" target="_blank">SnapKitty Sovereign OS</a> ·
  <a href="https://github.com/SNAPKITTYWEST/git-command-center" target="_blank">GitHub</a> ·
  Sovereign License
</footer>
</body>
</html>