Add notplanned demo landing page
This commit is contained in:
matcha committed
1 parent
026a89a1df
commit
ce6852cdf6
1 file changed
+95
+95
@@ -0,0 +1,95 @@
|
||||
<!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="We build the features maintainers won't.">
|
||||
<style>
|
||||
:root{
|
||||
color-scheme:light dark;
|
||||
--bg:#f4f2ec; --fg:#111; --muted:#6a6861; --line:#cbc7bd; --card:#fbfaf6;
|
||||
--hot:#ff5a1f;
|
||||
}
|
||||
@media (prefers-color-scheme:dark){
|
||||
:root{--bg:#10100f;--fg:#f3f0e8;--muted:#aaa69d;--line:#393732;--card:#171715;--hot:#ff7a45}
|
||||
}
|
||||
*{box-sizing:border-box}
|
||||
html,body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}
|
||||
body{min-height:100vh}
|
||||
a{color:inherit}
|
||||
.wrap{width:min(980px,calc(100% - 36px));margin:0 auto}
|
||||
header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
|
||||
.brand{font-weight:800;letter-spacing:-.04em}
|
||||
.tiny{font-size:12px;color:var(--muted)}
|
||||
.hero{padding:110px 0 72px}
|
||||
h1{font-size:clamp(54px,11vw,118px);line-height:.84;letter-spacing:-.085em;margin:0 0 32px;max-width:900px}
|
||||
.hero p{font-family:ui-sans-serif,system-ui,sans-serif;font-size:clamp(20px,3.1vw,34px);line-height:1.15;max-width:700px;margin:0}
|
||||
.strike{text-decoration:line-through;text-decoration-thickness:.08em;text-decoration-color:var(--hot)}
|
||||
.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;padding:0 0 90px}
|
||||
.card{border:1px solid var(--line);background:var(--card);padding:24px;border-radius:18px}
|
||||
.label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
|
||||
.status{display:inline-flex;align-items:center;gap:8px;font-size:12px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;margin-bottom:24px}
|
||||
.dot{width:7px;height:7px;border-radius:50%;background:var(--hot);box-shadow:0 0 0 4px color-mix(in srgb,var(--hot) 18%,transparent)}
|
||||
h2{font-family:ui-sans-serif,system-ui,sans-serif;font-size:30px;line-height:1.05;letter-spacing:-.04em;margin:0 0 18px}
|
||||
.copy{font-family:ui-sans-serif,system-ui,sans-serif;color:var(--muted);font-size:16px;line-height:1.5}
|
||||
.metric{display:grid;grid-template-columns:1fr auto;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}
|
||||
.metric:first-of-type{margin-top:24px}
|
||||
.value{font-weight:700}
|
||||
.issue{display:block;text-decoration:none}
|
||||
.issue:hover h2{text-decoration:underline}
|
||||
.issue-meta{font-size:12px;color:var(--muted);margin-top:24px}
|
||||
.flow{padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:90px;display:flex;gap:12px;flex-wrap:wrap;font-size:13px}
|
||||
.flow span:not(:last-child)::after{content:"→";margin-left:12px;color:var(--muted)}
|
||||
footer{padding:0 0 44px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px}
|
||||
@media(max-width:760px){.hero{padding-top:76px}.grid{grid-template-columns:1fr}.flow{line-height:2}footer{flex-direction:column}}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<header>
|
||||
<div class="brand">notplanned</div>
|
||||
<div class="tiny">a yolopreneur game</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="hero">
|
||||
<h1>we build the features maintainers <span class="strike">won't.</span></h1>
|
||||
<p>GitHub is full of demand hiding in <strong>not planned</strong>, <strong>out of scope</strong>, <strong>stale</strong>, and <strong>won't fix</strong>. We turn the good ones into tiny products.</p>
|
||||
</section>
|
||||
|
||||
<section class="grid">
|
||||
<article class="card">
|
||||
<div class="label">game 001</div>
|
||||
<div class="status"><span class="dot"></span> live · scouting</div>
|
||||
<h2>Earn the first dollar from a feature somebody already asked for.</h2>
|
||||
<div class="copy">No startup brainstorm. No pitch deck. Find a real request upstream declined, solve it externally, expose it to reality, and let the game decide whether it deserves another move.</div>
|
||||
<div class="metric"><span>incubation</span><span class="value">free</span></div>
|
||||
<div class="metric"><span>target</span><span class="value">$1</span></div>
|
||||
<div class="metric"><span>next move</span><span class="value">find tea</span></div>
|
||||
</article>
|
||||
|
||||
<a class="card issue" href="https://github.com/anthropics/claude-code/issues/26252" target="_blank" rel="noreferrer">
|
||||
<div class="label">scout signal</div>
|
||||
<h2>MCP access from Claude Code Task subagents</h2>
|
||||
<div class="copy">A concrete user request in a hot repo, closed upstream as <strong>not planned</strong>. Not automatically a business—just the kind of friction worth inspecting.</div>
|
||||
<div class="issue-meta">source ↗ github.com/anthropics/claude-code/issues/26252</div>
|
||||
</a>
|
||||
</section>
|
||||
|
||||
<div class="flow" aria-label="notplanned loop">
|
||||
<span>scout friction</span>
|
||||
<span>check heat</span>
|
||||
<span>compose the smallest move</span>
|
||||
<span>launch</span>
|
||||
<span>reality selects</span>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<span>notplanned · build what fell off the roadmap</span>
|
||||
<span>game > company</span>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user