From a8f0bb479af7cf008ab19050e12465500397b8c9 Mon Sep 17 00:00:00 2001 From: Jeff Emmett Date: Wed, 25 Feb 2026 19:23:07 -0800 Subject: [PATCH] Add NoFi section, fix undernet readability, faster reveals, allied orgs MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Add NoFi (nofi.lol) post-finance section: TradFi→DeFi→ReFi→NoFi progression, making change not money, transcending financial coordination - Fix undernet brightening: keep dark bg with light text through anastomosis, only lighten gradually at emergence (bg stays L≤0.20 through NoFi) - Faster section reveals: lower threshold (0.05), smaller translateY (24px), quicker transitions (0.6s) for snappier content loading - Add allied organizations to network map: Giveth, Token Engineering Commons, Enspiral, Grassroots Economics with connections - Add NoFi node to network map with connections - Footer: add NoFi link and "building alongside" allies section Co-Authored-By: Claude Opus 4.6 --- app/globals.css | 6 +- app/page.tsx | 2 + ...ck-roots-interactive-effects-data-flows.md | 53 +++++++ components/footer.tsx | 26 ++++ components/network-map-section.tsx | 98 ++++++++++--- components/nofi-section.tsx | 131 ++++++++++++++++++ components/scroll-provider.tsx | 18 +-- hooks/use-section-reveal.ts | 2 +- 8 files changed, 301 insertions(+), 35 deletions(-) create mode 100644 backlog/tasks/task-8 - Restructure-MycoStack-roots-interactive-effects-data-flows.md create mode 100644 components/nofi-section.tsx diff --git a/app/globals.css b/app/globals.css index 597d2c7..4273faa 100644 --- a/app/globals.css +++ b/app/globals.css @@ -88,9 +88,9 @@ /* Section scroll-reveal */ .section-reveal { opacity: 0; - transform: translateY(40px); - transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), - transform 0.9s cubic-bezier(0.16, 1, 0.3, 1); + transform: translateY(24px); + transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), + transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); } .section-reveal.visible { diff --git a/app/page.tsx b/app/page.tsx index 466a7ab..2b456bd 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -5,6 +5,7 @@ import { CompostSection } from "@/components/compost-section" import { MyceliumSection } from "@/components/mycelium-section" import { UndernetSection } from "@/components/undernet-section" import { AnastomosisSection } from "@/components/anastomosis-section" +import { NoFiSection } from "@/components/nofi-section" import { EmergenceSection } from "@/components/emergence-section" import { NetworkMapSection } from "@/components/network-map-section" import { Footer } from "@/components/footer" @@ -20,6 +21,7 @@ export default function Home() { + diff --git a/backlog/tasks/task-8 - Restructure-MycoStack-roots-interactive-effects-data-flows.md b/backlog/tasks/task-8 - Restructure-MycoStack-roots-interactive-effects-data-flows.md new file mode 100644 index 0000000..8dee457 --- /dev/null +++ b/backlog/tasks/task-8 - Restructure-MycoStack-roots-interactive-effects-data-flows.md @@ -0,0 +1,53 @@ +--- +id: TASK-8 +title: 'Restructure MycoStack roots, interactive effects & data flows' +status: Done +assignee: [] +created_date: '2026-02-26 03:09' +labels: + - mycostack-website + - content + - visual + - interactive +dependencies: [] +priority: high +--- + +## Description + + +Major content and visual update to the MycoStack website: + +**Content:** +- Commons Stack elevated to primary root of the MycoStack +- P2P Foundation reframed as both foundation and forward-looking knowledge engine (convivial knowledge packets → open source protocol toolkits for P4P) +- New "Data Flows of the Commons" section covering trust, resources, favors, capital as community-manageable data flows +- Flow Funding moved to "Tools in Active Research" with TBFF (Threshold-Based Flow Funding) from rFunds.online +- Added rStack and rSpace links for community-owned infrastructure +- Updated hero lineage text, network map nodes, and footer links + +**Visual:** +- Lighter starting background (warm twilight instead of pitch black) +- Reduced chroma across color stops for gentler rainbow fade +- Interactive mycelial canvas: mouse/touch cursor attraction, spore particles, hypha connection lines, ambient glow +- Slower trail fade for more persistent mycelial trails + + +## Acceptance Criteria + +- [ ] #1 Commons Stack appears first in legacy section as primary root +- [ ] #2 P2P Foundation framed as both foundation and extending forward with knowledge packets +- [ ] #3 Flow Funding moved to Tools in Active Research with TBFF/rFunds.online +- [ ] #4 Data Flows section covers trust, resources, favors, capital +- [ ] #5 rStack and rSpace links added +- [ ] #6 Background starts lighter, gentler rainbow fade +- [ ] #7 Mycelial canvas responds to mouse/touch interaction +- [ ] #8 Build succeeds with no errors +- [ ] #9 Network map includes rFunds and rStack nodes + + +## Final Summary + + +All changes implemented across 7 files (412 insertions, 105 deletions). Build verified. Committed to dev, merged to main via fast-forward. Pushed to Gitea (dev branch confirmed, main push pending hook resolution). + diff --git a/components/footer.tsx b/components/footer.tsx index c5c18cb..dfdd2e7 100644 --- a/components/footer.tsx +++ b/components/footer.tsx @@ -4,6 +4,7 @@ const LINKS = [ { name: "Commons Stack", url: "https://commonsstack.org" }, { name: "P2P Foundation", url: "https://wiki.p2pfoundation.net/" }, { name: "MycoFi", url: "https://mycofi.earth" }, + { name: "NoFi", url: "https://nofi.lol" }, { name: "Mycopunk", url: "https://mycopunk.xyz" }, { name: "rFunds", url: "https://rfunds.online" }, { name: "rStack", url: "https://rstack.org" }, @@ -15,6 +16,13 @@ const LINKS = [ { name: "Trippin Balls", url: "https://trippinballs.lol" }, ] +const ALLIES = [ + { name: "Giveth", url: "https://giveth.io" }, + { name: "Token Engineering Commons", url: "https://tecommons.org" }, + { name: "Enspiral", url: "https://enspiral.com" }, + { name: "Grassroots Economics", url: "https://grassrootseconomics.org" }, +] + export function Footer() { return (