notplanned/claude-template.html

<!doctype html><html lang="en"><head>
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>notplanned / claude</title>
<meta name="description" content="Deterministic GitHub scout for Claude-attributed coding activity.">
<style>
:root{color-scheme:light dark;--bg:#f3f1eb;--fg:#111;--muted:#6d6961;--line:#cbc7bc;--card:#faf8f2;--accent:#ff5a1f;--warm:#d99416}
@media(prefers-color-scheme:dark){:root{--bg:#10100f;--fg:#f2efe7;--muted:#a6a198;--line:#393732;--card:#171715;--accent:#ff7540;--warm:#efad32}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}a{color:inherit}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}
header{min-height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:900;letter-spacing:-.05em}.nav{font-size:11px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.nav a{text-decoration:none}.nav a:hover{color:var(--fg)}
.hero{padding:74px 0 45px;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end}h1{font-family:ui-sans-serif,system-ui,sans-serif;font-size:clamp(58px,10vw,112px);line-height:.85;letter-spacing:-.08em;margin:0}.dek{font-family:ui-sans-serif,system-ui,sans-serif;color:var(--muted);font-size:18px;line-height:1.45;margin:0}
.stats{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:22px}.stat{padding:16px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-family:ui-sans-serif,system-ui,sans-serif;font-size:22px}.stat span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.note{font-size:11.5px;color:var(--muted);line-height:1.5;margin:0 0 34px}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:17px}.section-head h2{font-family:ui-sans-serif,system-ui,sans-serif;font-size:30px;letter-spacing:-.04em;margin:0}.section-head p{margin:0;max-width:520px;text-align:right;font-size:12px;line-height:1.45;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:58px}.commit-card{display:flex;flex-direction:column;min-height:260px;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:17px;padding:19px;transition:.12s ease}.commit-card:hover{transform:translateY(-2px);border-color:var(--fg)}.topline{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.repo,.meta,.why{font-size:10.5px;color:var(--muted)}.ecosystem{font-size:9px;text-transform:uppercase;letter-spacing:.08em;border:1px solid currentColor;border-radius:999px;padding:5px 7px}.ecosystem.independent{color:var(--accent)}.ecosystem.official{color:var(--warm)}h3{font-family:ui-sans-serif,system-ui,sans-serif;font-size:21px;line-height:1.08;letter-spacing:-.035em;margin:0 0 8px}.message{font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;line-height:1.45;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:15px 0 auto;max-height:112px;overflow:hidden}.why{border-top:1px solid var(--line);padding-top:10px;margin-top:15px;line-height:1.45}.empty{border:1px dashed var(--line);padding:28px;border-radius:16px;color:var(--muted);grid-column:1/-1}
footer{border-top:1px solid var(--line);padding:24px 0 36px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}
@media(max-width:780px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2n){border-right:0}.stat:nth-child(-n+3){border-bottom:1px solid var(--line)}.section-head{align-items:start;flex-direction:column}.section-head p{text-align:left}}
</style></head><body><div class="wrap">
<header><div class="brand">notplanned / claude</div><div class="nav"><a href="/">scout</a><a href="/trending/">trending</a></div></header>
<section class="hero"><h1>claude signal.</h1><p class="dek">A bounded, deterministic mirror of public GitHub commits attributed to Claude, Claude Code, or Claude co-authorship. The independent ecosystem stays visible beside official Anthropic work.</p></section>
<section class="stats"><div class="stat"><strong>__COUNT__</strong><span>commits</span></div><div class="stat"><strong>__INDEPENDENT__</strong><span>independent</span></div><div class="stat"><strong>__OFFICIAL__</strong><span>official</span></div><div class="stat"><strong>__REPOS__</strong><span>repos</span></div><div class="stat"><strong>__QUERIES__</strong><span>bounded queries</span></div></section>
<p class="note">Updated __UPDATED__ UTC. Search window: last 30 days. Results are deduped by repository + commit SHA, sorted newest first, and categorized with fixed keyword rules. GitHub search can be incomplete when its public rate limit is low.</p>
<section><div class="section-head"><h2>independent ecosystem</h2><p>Public repositories outside the Anthropic organization: the clearest demand/discovery signal for what people are asking Claude to build.</p></div><div class="grid">__INDEPENDENT_CARDS__</div></section>
<section><div class="section-head"><h2>official Anthropic</h2><p>Anthropic-owned repositories are separated so first-party implementation work does not obscure independent activity.</p></div><div class="grid">__OFFICIAL_CARDS__</div></section>
<footer><span>notplanned · Claude activity scout</span><span>deterministic refresh · <a href="/claude.json">claude.json</a> · <a href="https://github.com/search?q=Claude&type=commits" target="_blank" rel="noreferrer">source ↗</a></span></footer>
</div></body></html>