notplanned/template.html

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>notplanned</title>
<meta name="description" content="Deterministic GitHub scout for rejected demand, plus a curated opportunity layer.">
<style>
:root{color-scheme:light dark;--bg:#f3f1eb;--fg:#111;--muted:#6c6961;--line:#cbc7bc;--card:#faf8f2;--accent:#ff5a1f;--warm:#d99416;--watch:#7b8178}
@media(prefers-color-scheme:dark){:root{--bg:#10100f;--fg:#f2efe7;--muted:#a6a198;--line:#393732;--card:#171715;--accent:#ff7540;--warm:#efad32;--watch:#92988f}}
*{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:18px}.brand{font-weight:900;letter-spacing:-.05em}.nav{display:flex;gap:14px;font-size:11px;color:var(--muted);flex-wrap:wrap;justify-content:flex-end}.nav a{text-decoration:none}.nav a:hover{color:var(--fg)}
.hero{padding:76px 0 48px;display:grid;grid-template-columns:1.35fr .65fr;gap:42px;align-items:end}h1{font-family:ui-sans-serif,system-ui,sans-serif;font-size:clamp(50px,8vw,98px);line-height:.88;letter-spacing:-.075em;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(6,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:58px}.stat{padding:15px 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;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.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)}
.curated{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:64px}.curated-card,.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:17px;padding:20px;text-decoration:none;transition:.12s ease}.curated-card{min-height:280px}.card{min-height:250px}.curated-card:hover,.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)}.score{min-width:34px;height:34px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-weight:800}.heat{font-size:9px;text-transform:uppercase;letter-spacing:.1em;border:1px solid currentColor;border-radius:999px;padding:5px 7px}.heat.hot{color:var(--accent)}.heat.warm{color:var(--warm)}.heat.watch{color:var(--watch)}
h3{font-family:ui-sans-serif,system-ui,sans-serif;font-size:21px;line-height:1.08;letter-spacing:-.035em;margin:0 0 8px}.thesis,.move{font-family:ui-sans-serif,system-ui,sans-serif;font-size:14.5px;line-height:1.45}.thesis{margin:18px 0 auto}.move{margin:18px 0 auto}.why{border-top:1px solid var(--line);padding-top:11px;margin-top:17px;line-height:1.45}.why strong{color:var(--fg)}
.note{border-left:3px solid var(--accent);padding-left:15px;color:var(--muted);font-size:11.5px;line-height:1.55;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:64px}.empty{border:1px dashed var(--line);padding:28px;border-radius:16px;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:24px 0 36px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}
@media(max-width:980px){.curated{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(3,1fr)}.stat:nth-child(3n){border-right:0}.stat:nth-child(-n+3){border-bottom:1px solid var(--line)}}
@media(max-width:820px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.section-head p{text-align:left}}
@media(max-width:620px){.curated{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(odd){border-right:1px solid var(--line)}.stat:nth-child(even){border-right:0}.stat{border-bottom:1px solid var(--line)}.stat:nth-last-child(-n+2){border-bottom:0}}
</style>
</head>
<body><div class="wrap">
<header>
  <div class="brand">notplanned</div>
  <div class="nav"><a href="/claude/">claude</a><a href="/trending/">trending</a><a href="#curated">curated</a><a href="#radar">raw radar</a></div>
</header>

<section class="hero">
  <h1>github scout.</h1>
  <p class="dek">Two layers: a cheap deterministic radar that continuously searches GitHub for rejected demand, and a smaller curated list of plays worth thinking about harder.</p>
</section>

<section class="stats">
  <div class="stat"><strong>__COUNT__</strong><span>raw candidates</span></div>
  <div class="stat"><strong>__CURATED_COUNT__</strong><span>curated plays</span></div>
  <div class="stat"><strong>__REPOS__</strong><span>repos scanned</span></div>
  <div class="stat"><strong>__SEEDS__</strong><span>seed repos</span></div>
  <div class="stat"><strong>__DISCOVERED__</strong><span>discovered repos</span></div>
  <div class="stat"><strong>__UPDATED__</strong><span>last radar · UTC</span></div>
</section>

<section id="curated">
  <div class="section-head">
    <h2>curated</h2>
    <p>Promoted opportunities with an actual thesis and smallest next move. Static for now; no scheduled model job burning tokens.</p>
  </div>
  <div class="curated">__CURATED_CARDS__</div>
</section>

<section id="radar">
  <div class="section-head">
    <h2>raw deterministic radar</h2>
    <p>No model judgment. Seed repos + deterministic GitHub repo discovery → rejected issues → explicit score → ranked candidates.</p>
  </div>
  <div class="note">Minimum score: __THRESHOLD__. Score = rejection + recency + engagement + externalizability + repository activity/scale/issue surface. Repos are either permanent seeds or discovered from fixed GitHub search queries. Same inputs, same ranking.</div>
  <div class="grid">__CARDS__</div>
</section>

<footer><span>notplanned · GitHub scout</span><span>deterministic radar refreshes every 6h · <a href="/radar.json">radar.json</a> · <a href="/curated.json">curated.json</a></span></footer>
</div></body></html>