From 3ae105ec3e0839ad35259d72b089108970cc0291 Mon Sep 17 00:00:00 2001 From: Jeff Emmett Date: Mon, 9 Feb 2026 18:43:35 +0000 Subject: [PATCH] fix: match footer and fonts to original cadcad.org - Add BlockScience logo back to "Created by" section - "BlockScience" is now a link in cadcad-lightblue color - Remove cadCAD logo from footer - Center-align three footer columns: Product, Join our community, Support us - Match original link styles (text-gray-800, hover:text-pink-500) - Switch from Geist to system-ui font stack matching original site - Match original font sizes (text-3xl for attribution heading, text-xl for description) Co-Authored-By: Claude Opus 4.6 --- src/app/globals.css | 4 +- src/app/layout.tsx | 15 +--- src/components/Footer.tsx | 172 +++++++++++++++++++++----------------- 3 files changed, 100 insertions(+), 91 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 4388f16..eb6de65 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -20,8 +20,8 @@ --color-surface: var(--surface); --color-border: var(--border); --color-muted: var(--muted); - --font-sans: var(--font-geist-sans); - --font-mono: var(--font-geist-mono); + --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; + --font-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; } body { diff --git a/src/app/layout.tsx b/src/app/layout.tsx index f459f71..67567fd 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,17 +1,6 @@ import type { Metadata } from "next"; -import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; -const geistSans = Geist({ - variable: "--font-geist-sans", - subsets: ["latin"], -}); - -const geistMono = Geist_Mono({ - variable: "--font-geist-mono", - subsets: ["latin"], -}); - export const metadata: Metadata = { title: "cadCAD - Complex Adaptive Dynamics Computer-Aided Design", description: @@ -39,9 +28,7 @@ export default function RootLayout({ }>) { return ( - + {children} diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 4118975..b6eaea7 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,11 +1,10 @@ -import CadCADLogo from "./CadCADLogo"; +import Image from "next/image"; const productLinks = [ { label: "Github", href: "https://github.com/cadCAD-org/cadCAD" }, { label: "Video tutorials", href: "https://www.youtube.com/playlist?list=PLmWm8ksQq4YKtdRV-SoinhV6LbQMgX1we" }, { label: "Inspirational videos", href: "https://www.youtube.com/playlist?list=PLmWm8ksQq4YJnNDMaslh20axb4r7fgW_a" }, { label: "List of related resources", href: "https://community.cadcad.org/" }, - { label: "Join our community", href: "https://community.cadcad.org/" }, ]; const communityLinks = [ @@ -17,100 +16,123 @@ const communityLinks = [ export default function Footer() { return ( - + + ); }