Rename (You)rSpace to rSpace, expand Sister Ecosystems to full ecosystem map

- Rename all (You)rSpace references to rSpace across components
- Rewrite Sister Ecosystems section as broader "The Ecosystem" with three
  tiers: Root Systems (Commons Stack, P2P Foundation), Economic Ecosystems
  (MycoFi, NoFi, Defect.fi), and Culture & Infrastructure (Compost
  Capitalism, Mycopunk, The Undernet)
- NoFi is now one node among equals rather than the focal point
- Update hero quip to remove (you)r pattern

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-02-25 20:20:05 -08:00
parent 4f8727fd52
commit 78e477c433
6 changed files with 178 additions and 63 deletions

View File

@ -228,7 +228,7 @@ export function AnastomosisSection() {
rel="noopener noreferrer" rel="noopener noreferrer"
className="domain-link" className="domain-link"
> >
(you)rSpace.online rSpace.online
</a>{" "} </a>{" "}
and start anastomosing. and start anastomosing.
</p> </p>

View File

@ -9,7 +9,7 @@ const LINKS = [
{ name: "Mycopunk", url: "https://mycopunk.xyz" }, { name: "Mycopunk", url: "https://mycopunk.xyz" },
{ name: "rFunds", url: "https://rfunds.online" }, { name: "rFunds", url: "https://rfunds.online" },
{ name: "rStack", url: "https://rstack.org" }, { name: "rStack", url: "https://rstack.org" },
{ name: "(You)rSpace", url: "https://yourspace.online" }, { name: "rSpace", url: "https://yourspace.online" },
{ name: "Undernet", url: "https://undernet.earth" }, { name: "Undernet", url: "https://undernet.earth" },
{ name: "Psilo-Cyber", url: "https://psilo-cyber.net" }, { name: "Psilo-Cyber", url: "https://psilo-cyber.net" },
{ name: "Compost Capitalism", url: "https://compostcapitalism.xyz" }, { name: "Compost Capitalism", url: "https://compostcapitalism.xyz" },

View File

@ -13,7 +13,7 @@ const QUIPS = [
"stop making money, start making sense", "stop making money, start making sense",
"building from beneath the surface", "building from beneath the surface",
"the (post-app)lication layer for regeneration", "the (post-app)lication layer for regeneration",
"(you)r space, (you)r rules, (you)r data", "your space, your rules, your data",
"encrypted, entangled, evolving", "encrypted, entangled, evolving",
"permaculture economies, pluralistic value", "permaculture economies, pluralistic value",
"peer for peer, people for planet", "peer for peer, people for planet",

View File

@ -240,7 +240,7 @@ export function LegacySection() {
rel="noopener noreferrer" rel="noopener noreferrer"
className="domain-link" className="domain-link"
> >
(You)rSpace rSpace
</a> </a>
</div> </div>
<div className="opacity-60"> <div className="opacity-60">

View File

@ -100,7 +100,7 @@ const NODES: NetworkNode[] = [
y: 78, y: 78,
}, },
{ {
name: "(You)rSpace", name: "rSpace",
domain: "yourspace.online", domain: "yourspace.online",
description: "Community-owned digital spaces", description: "Community-owned digital spaces",
x: 65, x: 65,

View File

@ -12,42 +12,69 @@ export function NoFiSection() {
<div className="max-w-4xl mx-auto space-y-16"> <div className="max-w-4xl mx-auto space-y-16">
<div className="section-reveal space-y-6 text-center"> <div className="section-reveal space-y-6 text-center">
<h2 className="font-serif text-4xl sm:text-5xl md:text-6xl font-bold"> <h2 className="font-serif text-4xl sm:text-5xl md:text-6xl font-bold">
Sister Ecosystems The Ecosystem
</h2> </h2>
<p className="text-lg sm:text-xl opacity-85 max-w-2xl mx-auto leading-relaxed"> <p className="text-lg sm:text-xl opacity-85 max-w-2xl mx-auto leading-relaxed">
The MycoStack doesn&rsquo;t grow alone. It interweaves with The MycoStack doesn&rsquo;t grow alone. It interweaves with
parallel movements rethinking value, finance, and coordination parallel movements rethinking value, finance, coordination, and
from the ground up. knowledge from the ground up. Each ecosystem reinforces the
others &mdash; the way mycorrhizal networks link distinct species
into shared resilience.
</p> </p>
</div> </div>
<div className="section-reveal grid gap-6 sm:grid-cols-3 max-w-3xl mx-auto"> {/* Row 1: Root ecosystems */}
<div className="section-reveal space-y-4">
<h3 className="font-serif text-xl font-semibold opacity-70 text-center">
Root Systems
</h3>
<div className="grid gap-6 sm:grid-cols-2 max-w-3xl mx-auto">
<div className="glass-card p-5 space-y-3"> <div className="glass-card p-5 space-y-3">
<h3 className="font-serif text-lg font-semibold"> <h4 className="font-serif text-lg font-semibold">
<a <a
href="https://nofi.lol" href="https://commonsstack.org"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="domain-link" className="domain-link"
> >
NoFi Commons Stack
</a> </a>
</h3> </h4>
<p className="text-sm leading-relaxed opacity-80"> <p className="text-sm leading-relaxed opacity-80">
Post-finance. The point was never to make money &mdash; it was The primary root. Token engineering, augmented bonding curves,
to make <em>change</em>. NoFi asks: what if we build conviction voting, and the Trusted Seed community &mdash; the
coordination so dense that the financial scaffolding can be tools and culture from which the MycoStack grows.
composted?
</p> </p>
<div className="glass-card p-3 space-y-1 font-mono text-xs text-center">
<div className="opacity-40">TradFi &rarr; DeFi &rarr; ReFi &rarr;</div>
<div style={{ color: "var(--scroll-accent)" }}>NoFi</div>
<div className="opacity-50">Transcend the need for it.</div>
</div>
</div> </div>
<div className="glass-card p-5 space-y-3"> <div className="glass-card p-5 space-y-3">
<h3 className="font-serif text-lg font-semibold"> <h4 className="font-serif text-lg font-semibold">
<a
href="https://wiki.p2pfoundation.net/"
target="_blank"
rel="noopener noreferrer"
className="domain-link"
>
P2P Foundation
</a>
</h4>
<p className="text-sm leading-relaxed opacity-80">
25,000 pages of commons knowledge. Commons-based peer
production, the partner state, cosmo-localism &mdash; the
theoretical bedrock and the frontier ahead.
</p>
</div>
</div>
</div>
{/* Row 2: Economic ecosystems */}
<div className="section-reveal space-y-4" style={{ transitionDelay: "0.1s" }}>
<h3 className="font-serif text-xl font-semibold opacity-70 text-center">
Economic Ecosystems
</h3>
<div className="grid gap-6 sm:grid-cols-3 max-w-3xl mx-auto">
<div className="glass-card p-5 space-y-3">
<h4 className="font-serif text-lg font-semibold">
<a <a
href="https://mycofi.earth" href="https://mycofi.earth"
target="_blank" target="_blank"
@ -56,7 +83,7 @@ export function NoFiSection() {
> >
MycoFi MycoFi
</a> </a>
</h3> </h4>
<p className="text-sm leading-relaxed opacity-80"> <p className="text-sm leading-relaxed opacity-80">
Mycelial finance &mdash; currencies that route value like fungi Mycelial finance &mdash; currencies that route value like fungi
route nutrients. Sensing scarcity, bridging gaps, feeding the route nutrients. Sensing scarcity, bridging gaps, feeding the
@ -65,7 +92,25 @@ export function NoFiSection() {
</div> </div>
<div className="glass-card p-5 space-y-3"> <div className="glass-card p-5 space-y-3">
<h3 className="font-serif text-lg font-semibold"> <h4 className="font-serif text-lg font-semibold">
<a
href="https://nofi.lol"
target="_blank"
rel="noopener noreferrer"
className="domain-link"
>
NoFi
</a>
</h4>
<p className="text-sm leading-relaxed opacity-80">
Post-finance. What if coordination becomes so dense that the
financial scaffolding can be composted? Not anti-money &mdash;
beyond the need for it.
</p>
</div>
<div className="glass-card p-5 space-y-3">
<h4 className="font-serif text-lg font-semibold">
<a <a
href="https://defect.fi" href="https://defect.fi"
target="_blank" target="_blank"
@ -74,18 +119,88 @@ export function NoFiSection() {
> >
Defect.fi Defect.fi
</a> </a>
</h3> </h4>
<p className="text-sm leading-relaxed opacity-80"> <p className="text-sm leading-relaxed opacity-80">
Defecting from extractive finance. Naming the exit &mdash; the Defecting from extractive finance. The conscious choice to
conscious choice to withdraw from systems that concentrate withdraw from systems that concentrate wealth and build
wealth and build alternatives that distribute it. alternatives that distribute it.
</p> </p>
</div> </div>
</div> </div>
<div className="glass-card p-3 space-y-1 font-mono text-xs text-center max-w-sm mx-auto">
<div className="opacity-50">TradFi &rarr; DeFi &rarr; ReFi &rarr; MycoFi &rarr;</div>
<div style={{ color: "var(--scroll-accent)" }}>NoFi</div>
<div className="opacity-50">Transcend the need for it.</div>
</div>
</div>
{/* Row 3: Cultural & infrastructure ecosystems */}
<div className="section-reveal space-y-4" style={{ transitionDelay: "0.2s" }}>
<h3 className="font-serif text-xl font-semibold opacity-70 text-center">
Culture &amp; Infrastructure
</h3>
<div className="grid gap-6 sm:grid-cols-3 max-w-3xl mx-auto">
<div className="glass-card p-5 space-y-3">
<h4 className="font-serif text-lg font-semibold">
<a
href="https://compostcapitalism.xyz"
target="_blank"
rel="noopener noreferrer"
className="domain-link"
>
Compost Capitalism
</a>
</h4>
<p className="text-sm leading-relaxed opacity-80">
Decomposing extractive systems into nutrients for regeneration.
The old economy isn&rsquo;t destroyed &mdash; it&rsquo;s
composted into something that can sustain life.
</p>
</div>
<div className="glass-card p-5 space-y-3">
<h4 className="font-serif text-lg font-semibold">
<a
href="https://mycopunk.xyz"
target="_blank"
rel="noopener noreferrer"
className="domain-link"
>
Mycopunk
</a>
</h4>
<p className="text-sm leading-relaxed opacity-80">
Building from beneath the surface. A cultural and philosophical
movement that draws on fungi as a model for decentralized,
resilient, regenerative systems.
</p>
</div>
<div className="glass-card p-5 space-y-3">
<h4 className="font-serif text-lg font-semibold">
<a
href="https://undernet.earth"
target="_blank"
rel="noopener noreferrer"
className="domain-link"
>
The Undernet
</a>
</h4>
<p className="text-sm leading-relaxed opacity-80">
Community-owned infrastructure. Self-provisioned servers,
encrypted mesh networks, open protocols &mdash; the network
beneath the network.
</p>
</div>
</div>
</div>
<blockquote className="section-reveal max-w-2xl mx-auto text-center"> <blockquote className="section-reveal max-w-2xl mx-auto text-center">
<p className="font-serif text-xl sm:text-2xl italic leading-relaxed opacity-80"> <p className="font-serif text-xl sm:text-2xl italic leading-relaxed opacity-80">
&ldquo;Stop making money. Start making sense.&rdquo; &ldquo;None of us are as resilient as all of us. The ecosystem
is the unit of survival.&rdquo;
</p> </p>
</blockquote> </blockquote>
</div> </div>