Skip to content

Instantly share code, notes, and snippets.

@unforced
Created February 1, 2026 18:20
Show Gist options
  • Select an option

  • Save unforced/6a6d1177a9c097387a1e999b05cefe78 to your computer and use it in GitHub Desktop.

Select an option

Save unforced/6a6d1177a9c097387a1e999b05cefe78 to your computer and use it in GitHub Desktop.
RegenHub Cooperative Vision - Scaling Agency Through Tool + Training
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RegenHub - Scaling Agency Through Cooperative Ventures</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #0a0a0a 100%);
color: #e4e4e7;
line-height: 1.7;
min-height: 100vh;
}
.container {
max-width: 900px;
margin: 0 auto;
padding: 60px 30px;
}
/* Header */
header {
text-align: center;
padding: 80px 30px 60px;
border-bottom: 1px solid rgba(74, 222, 128, 0.2);
}
.logo {
font-size: 3em;
margin-bottom: 20px;
}
h1 {
font-size: 2.8em;
font-weight: 700;
background: linear-gradient(135deg, #4ade80, #a78bfa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 20px;
}
.tagline {
font-size: 1.4em;
color: #a1a1aa;
max-width: 600px;
margin: 0 auto;
}
/* Sections */
section {
padding: 60px 0;
border-bottom: 1px solid rgba(255,255,255,0.05);
}
h2 {
font-size: 1.8em;
color: #4ade80;
margin-bottom: 25px;
}
h3 {
font-size: 1.3em;
color: #c4b5fd;
margin-bottom: 15px;
margin-top: 30px;
}
p {
margin-bottom: 20px;
color: #d4d4d8;
}
.highlight {
color: #4ade80;
font-weight: 600;
}
.purple {
color: #a78bfa;
}
/* The Vision Block */
.vision-block {
background: rgba(74, 222, 128, 0.08);
border: 1px solid rgba(74, 222, 128, 0.3);
border-radius: 16px;
padding: 40px;
margin: 40px 0;
text-align: center;
}
.vision-block p {
font-size: 1.3em;
color: #e4e4e7;
margin: 0;
}
/* Two Column */
.two-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-top: 30px;
}
@media (max-width: 700px) {
.two-col { grid-template-columns: 1fr; }
}
.card {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 12px;
padding: 30px;
}
.card.green { border-color: rgba(74, 222, 128, 0.4); background: rgba(74, 222, 128, 0.05); }
.card.purple { border-color: rgba(167, 139, 250, 0.4); background: rgba(167, 139, 250, 0.05); }
.card h3 {
margin-top: 0;
display: flex;
align-items: center;
gap: 10px;
}
.card h3 span {
font-size: 1.5em;
}
/* Flywheel Diagram */
.flywheel {
background: rgba(0,0,0,0.3);
border-radius: 16px;
padding: 40px;
margin: 40px 0;
text-align: center;
}
.flywheel-visual {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
margin: 30px 0;
}
.flywheel-item {
background: rgba(255,255,255,0.05);
border-radius: 12px;
padding: 25px 30px;
min-width: 200px;
}
.flywheel-item.tool {
border: 2px solid #a78bfa;
background: rgba(167, 139, 250, 0.1);
}
.flywheel-item.training {
border: 2px solid #4ade80;
background: rgba(74, 222, 128, 0.1);
}
.flywheel-arrow {
font-size: 2em;
color: #666;
}
.flywheel-result {
margin-top: 30px;
padding: 20px;
background: linear-gradient(135deg, rgba(74, 222, 128, 0.1), rgba(167, 139, 250, 0.1));
border-radius: 12px;
border: 1px solid rgba(255,255,255,0.1);
}
/* Structure */
.structure {
background: rgba(0,0,0,0.4);
border-radius: 16px;
padding: 40px;
margin: 40px 0;
font-family: monospace;
font-size: 0.95em;
line-height: 1.5;
overflow-x: auto;
}
.structure-line {
color: #71717a;
}
.structure .green { color: #4ade80; }
.structure .purple { color: #a78bfa; }
.structure .gold { color: #fbbf24; }
.structure .blue { color: #60a5fa; }
/* Principles */
.principles {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 25px;
margin-top: 30px;
}
.principle {
background: rgba(255,255,255,0.02);
border-left: 3px solid #4ade80;
padding: 20px 25px;
}
.principle h4 {
color: #4ade80;
margin-bottom: 10px;
font-size: 1.1em;
}
.principle p {
margin: 0;
font-size: 0.95em;
color: #a1a1aa;
}
/* Quote */
.quote {
font-size: 1.2em;
font-style: italic;
color: #a78bfa;
border-left: 3px solid #a78bfa;
padding-left: 25px;
margin: 40px 0;
}
/* CTA */
.cta {
text-align: center;
padding: 80px 30px;
}
.cta h2 {
color: #e4e4e7;
margin-bottom: 20px;
}
.cta p {
font-size: 1.2em;
color: #a1a1aa;
margin-bottom: 30px;
}
.cta-links {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}
.cta-link {
display: inline-block;
padding: 15px 30px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
transition: all 0.2s;
}
.cta-link.primary {
background: linear-gradient(135deg, #4ade80, #22c55e);
color: #0a0a0a;
}
.cta-link.secondary {
background: rgba(167, 139, 250, 0.2);
border: 1px solid #a78bfa;
color: #a78bfa;
}
.cta-link:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
/* Footer */
footer {
text-align: center;
padding: 40px;
color: #52525b;
font-size: 0.9em;
}
footer a {
color: #71717a;
text-decoration: none;
}
</style>
</head>
<body>
<header>
<div class="logo">&#127812;</div>
<h1>RegenHub</h1>
<p class="tagline">A cooperative building the tools and training to scale human agency</p>
</header>
<div class="container">
<section>
<h2>The Vision</h2>
<p>We're building a network of increasingly <span class="highlight">agentic</span>, <span class="highlight">collaborative</span>, and <span class="highlight">high-capacity</span> individuals.</p>
<p>Not by extracting value from talent. By <em>developing</em> talent and keeping them close. By building tools that extend what people can do. By training people to use those tools effectively. By holding it all in a cooperative structure that keeps the value in the commons.</p>
<div class="vision-block">
<p><strong>Tool + Training = Scaled Agency</strong></p>
</div>
</section>
<section>
<h2>Two Integral Ventures</h2>
<div class="two-col">
<div class="card purple">
<h3><span>&#128640;</span> Parachute</h3>
<p><strong>The Tool</strong></p>
<p>Open, local-first AI for connected thinking. An extended mind that helps people be more agentic, more coherent, more capable.</p>
<p>Voice-first. Memory that persists. Your data stays yours.</p>
<p style="color: #a78bfa; margin-bottom: 0;"><em>Extends what one person can do.</em></p>
</div>
<div class="card green">
<h3><span>&#127891;</span> Learn Vibe Build</h3>
<p><strong>The Training</strong></p>
<p>AI-native education for creators. Cohort-based learning that takes people from idea to shipped product.</p>
<p>Not a bootcamp. A launchpad. "Articulation is the new skill."</p>
<p style="color: #4ade80; margin-bottom: 0;"><em>Teaches people to build with AI.</em></p>
</div>
</div>
<div class="flywheel">
<h3 style="color: #e4e4e7;">The Flywheel</h3>
<div class="flywheel-visual">
<div class="flywheel-item training">
<strong style="color: #4ade80;">LVB</strong><br>
<span style="color: #a1a1aa;">trains builders</span>
</div>
<div class="flywheel-arrow">&#8594;</div>
<div class="flywheel-item tool">
<strong style="color: #a78bfa;">Parachute</strong><br>
<span style="color: #a1a1aa;">extends capacity</span>
</div>
<div class="flywheel-arrow">&#8594;</div>
<div class="flywheel-item">
<strong>Users</strong><br>
<span style="color: #a1a1aa;">validate & improve</span>
</div>
</div>
<div class="flywheel-result">
<strong style="color: #e4e4e7;">Result:</strong>
<span style="color: #a1a1aa;">A growing network of agentic builders, continuously improving the tools they use, governed by the cooperative they're part of.</span>
</div>
</div>
<p class="quote">"These aren't just products to sell. They're infrastructure for scaling agency."</p>
</section>
<section>
<h2>Cooperative Structure</h2>
<p>RegenHub is a <strong>Limited Cooperative Association (LCA)</strong> &mdash; a legal structure that allows cooperative governance with investor participation.</p>
<div class="structure">
<span class="structure-line"> &#9484;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9488;</span>
<span class="structure-line"> &#9474; <span class="green">REGENHUB LCA</span> &#9474;</span>
<span class="structure-line"> &#9474; <span class="gold">The Cooperative Commons</span> &#9474;</span>
<span class="structure-line"> &#9474; &#9474;</span>
<span class="structure-line"> &#9474; &#8226; Holds physical space &#9474;</span>
<span class="structure-line"> &#9474; &#8226; <span class="green">51% equity</span> in portfolio ventures&#9474;</span>
<span class="structure-line"> &#9474; &#8226; Collaborative governance &#9474;</span>
<span class="structure-line"> &#9492;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9516;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9496;</span>
<span class="structure-line"> &#9474;</span>
<span class="structure-line"> &#9484;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9524;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9488;</span>
<span class="structure-line"> &#9474; &#9474;</span>
<span class="structure-line"> &#9660; &#9660;</span>
<span class="structure-line"> &#9484;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9488; &#9484;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9488;</span>
<span class="structure-line"> &#9474; <span class="purple">LEARN VIBE BUILD</span> &#9474; &#9474; <span class="purple">PARACHUTE</span> &#9474;</span>
<span class="structure-line"> &#9474; &#9474; &#9474; &#9474;</span>
<span class="structure-line"> &#9474; <span class="green">51%</span> LCA &#9474; &#9474; <span class="green">51%</span> LCA &#9474;</span>
<span class="structure-line"> &#9474; <span class="blue">49%</span> distributed &#9474; &#9668;&#9472;&#9472;&#9658; &#9474; <span class="blue">49%</span> distributed &#9474;</span>
<span class="structure-line"> &#9474; <span class="gold">10%</span> cap per holder&#9474; &#9474; <span class="gold">10%</span> cap per holder&#9474;</span>
<span class="structure-line"> &#9492;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9496; &#9492;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9496;</span>
</div>
<h3>Why This Structure?</h3>
<div class="principles">
<div class="principle">
<h4>51% Cooperative Ownership</h4>
<p>Ventures stay aligned with the commons. The tool serves the network, not just shareholders.</p>
</div>
<div class="principle">
<h4>10% Individual Cap</h4>
<p>No single person dominates. Founders are stewards, not owners. Power stays distributed.</p>
</div>
<div class="principle">
<h4>Ventures Pay Rent to LCA</h4>
<p>Money flows through ventures, not the coop directly. Each venture raises its own funding.</p>
</div>
<div class="principle">
<h4>Nonprofit Partners Welcome</h4>
<p>Woven Web (501c3) brings grants. Gitcoin sponsors programs. Value flows in, governance stays cooperative.</p>
</div>
</div>
</section>
<section>
<h2>Why Cooperative?</h2>
<p>If Parachute and LVB were held privately, they'd optimize for founder returns. Held cooperatively:</p>
<ul style="list-style: none; padding: 0; margin: 30px 0;">
<li style="padding: 10px 0; padding-left: 30px; position: relative;"><span style="position: absolute; left: 0; color: #4ade80;">&#10003;</span> <strong>The tool serves the network</strong>, not external shareholders</li>
<li style="padding: 10px 0; padding-left: 30px; position: relative;"><span style="position: absolute; left: 0; color: #4ade80;">&#10003;</span> <strong>Training stays accessible</strong>, not gatekept for profit</li>
<li style="padding: 10px 0; padding-left: 30px; position: relative;"><span style="position: absolute; left: 0; color: #4ade80;">&#10003;</span> <strong>Users have governance voice</strong> in how things evolve</li>
<li style="padding: 10px 0; padding-left: 30px; position: relative;"><span style="position: absolute; left: 0; color: #4ade80;">&#10003;</span> <strong>Value stays in the commons</strong>, compounding for everyone</li>
</ul>
<p class="quote">"We're building tools that extend human agency. The governance should reflect that &mdash; distributed power, not concentrated."</p>
</section>
</div>
<div class="cta">
<h2>Building the Future of Work</h2>
<p>Cooperative ventures. Scaled agency. Tools and training for the builders.</p>
<div class="cta-links">
<a href="https://learnvibe.build" class="cta-link primary">Learn Vibe Build</a>
<a href="https://regenhub.xyz" class="cta-link secondary">RegenHub</a>
</div>
</div>
<footer>
<p>RegenHub LCA &bull; Boulder, Colorado</p>
<p style="margin-top: 10px;"><a href="https://wovenweb.org">Woven Web</a> &bull; <a href="https://openparachute.org">Open Parachute</a></p>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment