Merge main into dev (resolve color stop conflict)
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
commit
994487a1e2
|
|
@ -17,8 +17,8 @@
|
|||
--forest-deep: oklch(0.16 0.05 150);
|
||||
--mycelium-green: oklch(0.55 0.18 155);
|
||||
--mycelium-glow: oklch(0.72 0.20 135);
|
||||
--undernet-dark: oklch(0.22 0.04 200);
|
||||
--undernet-teal: oklch(0.50 0.14 220);
|
||||
--undernet-dark: oklch(0.26 0.03 230);
|
||||
--undernet-teal: oklch(0.55 0.10 225);
|
||||
--emergence-gold: oklch(0.60 0.16 90);
|
||||
--canopy-light: oklch(0.94 0.02 110);
|
||||
--mycopunk-orange: oklch(0.60 0.16 55);
|
||||
|
|
@ -229,9 +229,9 @@
|
|||
|
||||
/* Card glass effect */
|
||||
.glass-card {
|
||||
background: oklch(0.5 0 0 / 0.08);
|
||||
background: oklch(0.5 0 0 / 0.12);
|
||||
backdrop-filter: blur(8px);
|
||||
border: 1px solid oklch(0.5 0 0 / 0.12);
|
||||
border: 1px solid oklch(0.5 0 0 / 0.16);
|
||||
border-radius: var(--radius-lg);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -223,13 +223,13 @@ export function LegacySection() {
|
|||
style={{ transitionDelay: "0.20s" }}
|
||||
>
|
||||
<h3 className="font-serif text-3xl sm:text-4xl md:text-5xl font-bold text-center">
|
||||
The Birth of the
|
||||
The Inoculation of the
|
||||
<br />
|
||||
Peer-for-Peer (P4P) Movement
|
||||
</h3>
|
||||
<div className="space-y-4 text-base leading-relaxed opacity-80">
|
||||
<p>
|
||||
MycoStack carries this legacy forward by giving birth to a
|
||||
MycoStack carries this legacy forward by inoculating a
|
||||
movement: <strong>Peer-for-Peer (P4P)</strong> — an
|
||||
evolution of P2P thinking that shifts from peers exchanging{" "}
|
||||
<em>with</em> each other to peers acting <em>for</em> each other.
|
||||
|
|
|
|||
|
|
@ -7,14 +7,14 @@ import { useEffect } from "react"
|
|||
// 8 sections: Hero → Legacy → Compost → Mycelium → Undernet → Anastomosis → Emergence → Network Map
|
||||
// Gentler rainbow fade with lighter start, lower chroma for subtlety
|
||||
const COLOR_STOPS: number[][] = [
|
||||
[0.0, 0.18, 0.015, 30, 0.88, 0.02, 80, 0.50, 0.10, 60 ], // Hero: warm twilight (lighter)
|
||||
[0.10, 0.16, 0.018, 40, 0.86, 0.02, 80, 0.52, 0.10, 50 ], // Legacy: warm earth
|
||||
[0.20, 0.15, 0.025, 50, 0.84, 0.03, 75, 0.55, 0.11, 45 ], // Compost: amber earth
|
||||
[0.35, 0.18, 0.03, 150, 0.88, 0.03, 145, 0.55, 0.13, 155], // Mycelium: forest green
|
||||
[0.48, 0.22, 0.025, 210, 0.90, 0.02, 200, 0.52, 0.10, 220], // Undernet: deep teal
|
||||
[0.60, 0.45, 0.03, 160, 0.15, 0.02, 150, 0.60, 0.12, 145], // Anastomosis: transition
|
||||
[0.78, 0.82, 0.025, 110, 0.15, 0.03, 100, 0.58, 0.12, 90 ], // Emergence: golden light
|
||||
[0.92, 0.92, 0.015, 120, 0.12, 0.02, 100, 0.55, 0.13, 155], // Network Map: canopy
|
||||
[0.0, 0.18, 0.015, 10, 0.88, 0.02, 10, 0.50, 0.08, 10 ], // Hero: warm twilight
|
||||
[0.10, 0.16, 0.018, 40, 0.86, 0.02, 40, 0.52, 0.10, 40 ], // Legacy: faded orange
|
||||
[0.20, 0.15, 0.025, 70, 0.84, 0.03, 70, 0.55, 0.10, 65 ], // Compost: faded amber
|
||||
[0.35, 0.18, 0.03, 145, 0.88, 0.03, 145, 0.55, 0.12, 150], // Mycelium: faded green
|
||||
[0.48, 0.24, 0.025, 230, 0.90, 0.02, 230, 0.52, 0.10, 225], // Undernet: faded blue
|
||||
[0.60, 0.45, 0.03, 290, 0.15, 0.02, 290, 0.58, 0.10, 285], // Anastomosis: faded violet
|
||||
[0.78, 0.82, 0.025, 345, 0.15, 0.02, 345, 0.58, 0.10, 340], // Emergence: faded rose
|
||||
[0.92, 0.92, 0.015, 30, 0.12, 0.02, 30, 0.55, 0.08, 25 ], // Network Map: back to warm
|
||||
]
|
||||
|
||||
function lerp(a: number, b: number, t: number) {
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@ export function UndernetSection() {
|
|||
<h3 className="font-serif text-2xl font-semibold">
|
||||
Community-Owned Infrastructure
|
||||
</h3>
|
||||
<div className="space-y-4 text-base leading-relaxed opacity-75">
|
||||
<div className="space-y-4 text-base leading-relaxed opacity-85">
|
||||
<p>
|
||||
Beneath the extractive platforms, a different kind of
|
||||
infrastructure is growing. Self-provisioned. Privacy-first.
|
||||
|
|
@ -77,7 +77,7 @@ export function UndernetSection() {
|
|||
</p>
|
||||
</div>
|
||||
|
||||
<div className="glass-card p-4 space-y-2 font-mono text-xs opacity-60">
|
||||
<div className="glass-card p-4 space-y-2 font-mono text-xs opacity-80">
|
||||
<div>
|
||||
<span className="opacity-50">protocol:</span> fog computing
|
||||
</div>
|
||||
|
|
@ -100,10 +100,10 @@ export function UndernetSection() {
|
|||
className="section-reveal glass-card p-6 overflow-x-auto"
|
||||
style={{ transitionDelay: "0.2s" }}
|
||||
>
|
||||
<div className="font-mono text-xs sm:text-sm leading-relaxed opacity-60 whitespace-pre">
|
||||
<div className="font-mono text-xs sm:text-sm leading-relaxed opacity-80 whitespace-pre">
|
||||
{ASCII_NETWORK}
|
||||
</div>
|
||||
<p className="mt-4 font-mono text-xs opacity-40">
|
||||
<p className="mt-4 font-mono text-xs opacity-60">
|
||||
// every node is sovereign
|
||||
<br />
|
||||
// every connection is encrypted
|
||||
|
|
|
|||
Loading…
Reference in New Issue