v0: single-page The Everyone Factory

- Single index.html, monochrome, Tufte-flavored
- Sections: hero, function, three layers, 2D scorecard,
  5-app run, Phase 2/3 expansion, contact
- Footer: Greybeard Holdings LLC, source link
- No JS, no CSS framework, no build step
- Ready to deploy at os.scoble.me/tef/
This commit is contained in:
Scott Scoble 2026-07-17 11:30:09 -07:00
parent 7db0b430ab
commit 525aa791ca
3 changed files with 208 additions and 2 deletions

2
.gitignore vendored Normal file
View file

@ -0,0 +1,2 @@
.DS_Store
*.swp

View file

@ -1,3 +1,32 @@
# everyone-factory # marcus/everyone-factory
The Everyone Factory — spec-first outcome practice, source of truth for os.scoble.me/tef/ Source of truth for **[The Everyone Factory](https://os.scoble.me/tef/)** — a spec-first outcome practice of Greybeard Holdings LLC.
The website is a single `index.html`. The site is served at `https://os.scoble.me/tef/` via `meos-gateway.nix` (n97-mini).
## What's here
- `index.html` — the website. Single page, monochrome, Tufte-flavored, no JS, no build step.
- The deployed copy lives at `/var/www/tef/index.html` on n97-mini.
## How deploys work
1. Edit `index.html` here.
2. Push to `main`.
3. Copy the file to `n97-mini:/var/www/tef/index.html`.
4. If the nginx location block needs changes, edit `/etc/nixos/modules/meos-gateway.nix` on n97-mini.
5. **Dry-verify with `nginx -t -c <generated-config>`** (HARD RULE, never skip — see cycle 118).
6. `sudo nixos-rebuild switch --impure --flake /etc/nixos#n97-mini`
7. Verify with `curl -sS -o /dev/null -w "%{http_code}\n" https://os.scoble.me/tef/`
## Constraints
- No tunnels (Scott, 2026-06-11). meos-gateway + nixos-rebuild only.
- Touching `services.nginx` → dry-verify first.
- The site's copy is Scott's voice. Review all changes before merging.
## Practice context
The Everyone Factory is a spec-first outcome practice. The function is `engine(spec) = Product`. The orientation is everyone. The brand holds; the work fills.
The full practice plan lives in this session's working memory and the issue tracker.

175
index.html Normal file
View file

@ -0,0 +1,175 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The Everyone Factory</title>
<meta name="description" content="A spec-first outcome practice. The factory is the engine. Everyone is the orientation.">
<style>
:root {
--fg: #111;
--fg-muted: #555;
--fg-soft: #777;
--rule: #ddd;
--bg: #fff;
--bg-soft: #fafafa;
--accent: #111;
--max: 38rem;
}
@media (prefers-color-scheme: dark) {
:root {
--fg: #e8e6e3;
--fg-muted: #a8a6a3;
--fg-soft: #6a6865;
--rule: #2a2a2a;
--bg: #0e0e0e;
--bg-soft: #161616;
--accent: #e8e6e3;
}
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--fg); }
body {
font-family: "Iowan Old Style", "Charter", "Georgia", "Source Serif Pro", "Cambria", serif;
font-size: 17px;
line-height: 1.55;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.wrap { max-width: var(--max); margin: 0 auto; padding: 3.5rem 1.5rem 6rem; }
header { border-bottom: 1px solid var(--rule); padding-bottom: 2.5rem; margin-bottom: 2.5rem; }
h1 {
font-size: 2.6rem;
line-height: 1.05;
margin: 0 0 0.6rem;
font-weight: 700;
letter-spacing: -0.01em;
}
.lede { font-size: 1.15rem; color: var(--fg-muted); margin: 0 0 0.4rem; font-style: italic; }
.meta { font-size: 0.85rem; color: var(--fg-soft); margin: 0; }
h2 {
font-size: 1.35rem;
margin: 3rem 0 0.6rem;
font-weight: 700;
letter-spacing: -0.005em;
}
h3 {
font-size: 1.05rem;
margin: 1.6rem 0 0.3rem;
font-weight: 700;
}
p { margin: 0 0 0.9rem; }
code, pre {
font-family: "JetBrains Mono", "SF Mono", "Menlo", "Consolas", monospace;
font-size: 0.92em;
}
code { background: var(--bg-soft); padding: 0.1em 0.35em; border: 1px solid var(--rule); border-radius: 3px; }
pre { background: var(--bg-soft); border: 1px solid var(--rule); padding: 1rem; overflow-x: auto; line-height: 1.45; }
pre code { background: none; border: none; padding: 0; }
.rule { border: 0; border-top: 1px solid var(--rule); margin: 2.5rem 0; }
ul, ol { padding-left: 1.4rem; margin: 0 0 1rem; }
li { margin-bottom: 0.35rem; }
.small { font-size: 0.85rem; color: var(--fg-soft); }
a { color: var(--accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover { text-decoration-thickness: 2px; }
footer {
margin-top: 4rem;
padding-top: 1.5rem;
border-top: 1px solid var(--rule);
color: var(--fg-soft);
font-size: 0.85rem;
}
.mono { font-family: "JetBrains Mono", "SF Mono", "Menlo", "Consolas", monospace; font-size: 0.92em; }
.fn { font-family: "JetBrains Mono", "SF Mono", "Menlo", "Consolas", monospace; font-size: 0.95em; background: var(--bg-soft); border: 1px solid var(--rule); padding: 0.6rem 0.8rem; display: inline-block; margin: 0.4rem 0 0.8rem; }
.grid { display: grid; grid-template-columns: 1fr; gap: 0.6rem; margin: 0.6rem 0 1.2rem; }
.row { display: grid; grid-template-columns: 9rem 1fr; gap: 0.5rem; padding: 0.4rem 0; border-bottom: 1px dotted var(--rule); font-size: 0.95rem; }
.row:last-child { border-bottom: none; }
.row .k { color: var(--fg-soft); }
.pill { display: inline-block; font-size: 0.78rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--fg-soft); border: 1px solid var(--rule); padding: 0.15rem 0.5rem; margin-right: 0.4rem; border-radius: 999px; }
@media (max-width: 30rem) {
.wrap { padding: 2rem 1rem 4rem; }
h1 { font-size: 2.1rem; }
.row { grid-template-columns: 1fr; gap: 0.1rem; }
}
</style>
</head>
<body>
<div class="wrap">
<header>
<h1>The Everyone Factory</h1>
<p class="lede">A spec-first outcome practice. The factory is the engine. Everyone is the orientation.</p>
<p class="meta">Greybeard Holdings LLC &middot; Henderson, NV &middot; 2026</p>
</header>
<h2>What it is</h2>
<p>The factory takes a spec. The spec is the contract. The contract is in your hand before any code gets written. The factory builds to the contract. The contract is the deliverable.</p>
<p>This is not a software shop. This is not a SaaS factory. This is a practice that produces whatever the spec describes &mdash; software today, books next, physical goods after. The medium changes. The function is the same.</p>
<hr class="rule">
<h2>The function</h2>
<p>In one line:</p>
<div class="fn">engine(spec) = Product</p>
<p>The engine takes a spec. The engine returns a product. The product is whatever the spec describes &mdash; a SaaS, a book, a 3D-printed part, a crochet pattern. The spec is the input contract. The product is the output. The factory is the function.</p>
<h2>Three layers</h2>
<div class="grid">
<div class="row"><span class="k">Engine</span><span>The function, the methodology, the reusable infrastructure. The layer that compounds across products.</span></div>
<div class="row"><span class="k">Components</span><span>Reusable outputs that ship in 2+ products, across any medium. The layer that compounds across time.</span></div>
<div class="row"><span class="k">App</span><span>The thing the user sees. The 7-day deliverable. The layer that compounds case studies.</span></div>
</div>
<p>Product = App + Components. Cutting an app at 8 months doesn't lose the components. The components survive into the next app. The engine survives every cut.</p>
<hr class="rule">
<h2>How the value is measured</h2>
<p>Every app is scored on two axes. Both matter. Neither replaces the other.</p>
<div class="grid">
<div class="row"><span class="k">Cashflow</span><span>Build cost, monthly inference cost, MRR, time to first revenue. Operational efficiency.</span></div>
<div class="row"><span class="k">Signal</span><span>Reusable modules produced, founder-type data points, cycle-time benchmarks, spec gaps, sales experiments. Compounding leverage.</span></div>
</div>
<p>Apps land in one of four cells:</p>
<ul>
<li><strong>High signal + high cashflow</strong> &mdash; the rare home run. Scale it.</li>
<li><strong>Low signal + high cashflow</strong> &mdash; the boring winner. Keep it; the engine already learned what it can.</li>
<li><strong>High signal + low cashflow</strong> &mdash; the research app. Budget the burn. Don't cut.</li>
<li><strong>Low signal + low cashflow</strong> &mdash; the dead weight. Cut at 8 months.</li>
</ul>
<p>The kill threshold: 110% of inference cost in monthly revenue at month 8. The success bar (the marketing claim): $1K MRR per app. The actual engine value: the cumulative signal density, not any single app's revenue.</p>
<hr class="rule">
<h2>What's running</h2>
<p>Phase 1: software. Five apps, by increasing complexity. Each is a hypothesis test for the engine. Each is an experiment. The portfolio is the engine's instrument panel.</p>
<ol>
<li><span class="pill">Cycle time</span> <strong>ShipFast</strong> &mdash; a Next.js SaaS boilerplate. Tests whether the engine can ship a working SaaS in 7 days at &lt;$5K total cost.</li>
<li><span class="pill">Spec-ability</span> <strong>Senja</strong> &mdash; a testimonial collection + widget embed. Tests whether the spec-first practice survives a clean widget-renderer build.</li>
<li><span class="pill">Depth</span> <strong>Fathom</strong> &mdash; a privacy-first analytics platform. Tests whether the engine produces a 30-day product, not just a 7-day one.</li>
<li><span class="pill">Integration</span> <strong>Rewardful</strong> &mdash; a Stripe-native affiliate tracker. Tests whether the engine integrates with serious third-party infrastructure.</li>
<li><span class="pill">Pre-sell</span> <strong>Subscribr</strong> &mdash; an AI newsletter tool. Tests whether the engine can pre-sell a spec before any code, the way Subscribr did in the wild.</li>
</ol>
<h2>What's next</h2>
<ul>
<li><strong>Phase 2</strong> &mdash; software continues; books (Kindle Direct Publishing) and physical goods (Etsy-class marketplaces) enter the portfolio. Same engine function; different output types.</li>
<li><strong>Phase 3</strong> &mdash; the engine is medium-agnostic. Components catalog spans software, books, and physical goods. The factory produces whatever the spec describes.</li>
</ul>
<hr class="rule">
<h2>How to engage</h2>
<p>If you have a spec &mdash; a thing you want built, a workflow you want specified, a founder-shape problem you want named &mdash; the factory is for you. The first conversation is the spec. The spec is the contract. The contract is the price.</p>
<p>Email: <a href="mailto:scott@scoble.me">scott@scoble.me</a></p>
<hr class="rule">
<h2>Why this exists</h2>
<p>Bezos started with books. We start with software. He built the everything store. We are building the everything factory.</p>
<p>The factory is the engine. Everyone is the orientation. This is the humanity in the age of AI.</p>
<footer>
<p>The Everyone Factory is a practice of <strong>Greybeard Holdings LLC</strong>. Source: <a href="https://os.scoble.me/forgejo/marcus/everyone-factory">marcus/everyone-factory</a>. v0 &middot; 2026-07-17.</p>
</footer>
</div>
</body>
</html>