From 3d738d5eb7967e45bef096a19958a41ab0430821 Mon Sep 17 00:00:00 2001 From: v0 Date: Wed, 8 Oct 2025 20:24:13 +0000 Subject: [PATCH] fix: ensure footer has maximum contrast and visibility Replace transparent footer with solid white and change badge background for better opacity. Co-authored-by: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com> --- app/globals.css | 12 +- app/layout.tsx | 3 + components/book-showcase.tsx | 2 +- components/content-section.tsx | 133 ++++++++++++++--------- components/cta-section.tsx | 2 +- components/footer.tsx | 25 +++-- components/header.tsx | 12 +- components/hero-section.tsx | 53 ++++----- components/hyphal-canvas.tsx | 80 +++++++++++--- components/image-gallery.tsx | 109 ++++++++++--------- components/mycofi-intro.tsx | 26 ++--- public/images/exploring-mycofi-cover.png | Bin 0 -> 773978 bytes public/mycofi-logo.jpg | Bin 0 -> 39326 bytes 13 files changed, 282 insertions(+), 175 deletions(-) create mode 100644 public/images/exploring-mycofi-cover.png create mode 100644 public/mycofi-logo.jpg diff --git a/app/globals.css b/app/globals.css index 484be56..8dfe6d8 100644 --- a/app/globals.css +++ b/app/globals.css @@ -6,11 +6,11 @@ :root { /* Updated to vibrant green color palette inspired by mycelial networks, forest growth, and living ecosystems */ --background: oklch(0.98 0.01 145); - --foreground: oklch(0.15 0.04 155); + --foreground: oklch(0.08 0.02 155); --card: oklch(0.99 0.005 145); - --card-foreground: oklch(0.15 0.04 155); + --card-foreground: oklch(0.08 0.02 155); --popover: oklch(0.99 0.005 145); - --popover-foreground: oklch(0.15 0.04 155); + --popover-foreground: oklch(0.08 0.02 155); /* Primary: Vibrant emerald green (living mycelium) */ --primary: oklch(0.55 0.18 155); --primary-foreground: oklch(0.99 0.005 145); @@ -21,7 +21,7 @@ --muted-foreground: oklch(0.35 0.04 155); /* Accent: Bright lime green (new growth) */ --accent: oklch(0.72 0.2 135); - --accent-foreground: oklch(0.15 0.04 155); + --accent-foreground: oklch(0.08 0.02 155); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.99 0.005 145); --border: oklch(0.85 0.03 145); @@ -34,11 +34,11 @@ --chart-5: oklch(0.6 0.14 140); --radius: 0.625rem; --sidebar: oklch(0.98 0.01 145); - --sidebar-foreground: oklch(0.15 0.04 155); + --sidebar-foreground: oklch(0.08 0.02 155); --sidebar-primary: oklch(0.55 0.18 155); --sidebar-primary-foreground: oklch(0.99 0.005 145); --sidebar-accent: oklch(0.92 0.02 145); - --sidebar-accent-foreground: oklch(0.15 0.04 155); + --sidebar-accent-foreground: oklch(0.08 0.02 155); --sidebar-border: oklch(0.85 0.03 145); --sidebar-ring: oklch(0.55 0.18 155); } diff --git a/app/layout.tsx b/app/layout.tsx index 5002af6..36768bd 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -17,6 +17,9 @@ export const metadata: Metadata = { description: "Exploring regenerative economic systems inspired by mycelial networks and nature's resource allocation algorithms", generator: "v0.app", + icons: { + icon: "/mycofi-logo.jpg", + }, } export default function RootLayout({ diff --git a/components/book-showcase.tsx b/components/book-showcase.tsx index 1560b9a..3260ec2 100644 --- a/components/book-showcase.tsx +++ b/components/book-showcase.tsx @@ -16,7 +16,7 @@ export function BookShowcase() {
Exploring MycoFi: Mycelial Design Patterns for Web3 and Beyond - Book Cover
- - -
-
+ +
+ +
+
+ +
+
The Problem
-

+

Currency Monocultures

@@ -38,40 +43,60 @@ export function ContentSection() { currencies that undermine collective health and indigenous wisdom.

- The myth of "homo economicus" and the rational actor prioritizes individual gain over collective - wellbeing, threatening our continued existence on this planet. + { + "By collapsing all value into the singular unit of bank-issued money, capitalism erodes all other sources of value. The immeasurable wealth provided by social and environmental benefits is extracted into dollars by the unyielding logic of profit-maximization." + }

- - -
-
- The Solution + +
+ +
+
+ +
+
+ The Opportunity
-

+

Permaculture Currencies

- Like mycelial networks that redistribute resources through underground connections, we can design - economic systems based on cooperation and mutual aid. + Like mycelial networks that redistribute a plethora of resources through underground connections, we + can design multi-dimensional economic systems capable of representing multiple localized forms of + value.

+

{""}

- Indigenous peoples lived within egalitarian networks ensuring no one's basic needs went unfulfilled—a - model we can learn from and adapt for our future. + By enabling the localized production of alternative currencies, purpose-driven groups of people can + recognize commitments of care and societal regeneration, participating in economies based on + cooperation and mutual aid.

+ +
- Nature's Wisdom + Listening to Nature's Wisdom

Learning from Fungi @@ -102,53 +127,63 @@ export function ContentSection() {
- - -
-
+ +
+ +
+
+ +
+
The Current Reality
-

+

Society is Trippin Balls

-

+

Our collective hallucination of infinite growth on a finite planet has us chasing extractive - capitalism down a rabbit hole of ecological collapse. + capitalism down a rabbit hole of ecological collapse. Envisioning the end of the world before the end + of capitalism is a societal-scale bad trip.

- - Explore the trip → - + - - -
-
+ +
+ +
+
+ +
+
The Emerging Future
-

+

Post-Appitalism Awaits

-

- Beyond post-capitalism lies post-appitalism—where decentralized applications enable regenerative - economies, mutual aid networks, and collective flourishing. +

+ A key part of post-capitalism is post-APPitalism—where decentralized applications dissolve the silos of traditional app models (premised on capitalist value extraction) to enable new technologies for collective flourishing.

- - Enter the future → - +
diff --git a/components/cta-section.tsx b/components/cta-section.tsx index 38f108a..34f64b6 100644 --- a/components/cta-section.tsx +++ b/components/cta-section.tsx @@ -11,7 +11,7 @@ export function CTASection() { className="text-4xl md:text-5xl font-bold mb-4 text-balance" style={{ fontFamily: "var(--font-crimson)" }} > - Explore the Myco-Economic Future + Welcome to the Myco-Economic Future

Dive deeper into regenerative economics and permaculture currencies diff --git a/components/footer.tsx b/components/footer.tsx index 35f9b49..4e17755 100644 --- a/components/footer.tsx +++ b/components/footer.tsx @@ -3,31 +3,34 @@ import { Sprout } from "lucide-react" export function Footer() { return ( -