From 11f1365f75f35cdd5a117d0477abe95b9421dc41 Mon Sep 17 00:00:00 2001 From: Julia McGhee Date: Fri, 20 Mar 2026 20:27:13 +0000 Subject: [PATCH] Fix CI lint failures: add ESLint config, use next/font, fix JSX comment - Add .eslintrc.json so next lint doesn't prompt interactively in CI - Switch Google Fonts from tags to next/font/google - Wrap "// SECURE_NODE_7" in JSX expression to avoid comment parse error --- apps/web/.eslintrc.json | 6 ++++++ apps/web/src/app/globals.css | 8 ++++---- apps/web/src/app/layout.tsx | 24 +++++++++++++++++++----- apps/web/src/app/page.tsx | 2 +- 4 files changed, 30 insertions(+), 10 deletions(-) create mode 100644 apps/web/.eslintrc.json diff --git a/apps/web/.eslintrc.json b/apps/web/.eslintrc.json new file mode 100644 index 0000000..25bac96 --- /dev/null +++ b/apps/web/.eslintrc.json @@ -0,0 +1,6 @@ +{ + "extends": ["next/core-web-vitals", "prettier"], + "rules": { + "no-console": "warn" + } +} diff --git a/apps/web/src/app/globals.css b/apps/web/src/app/globals.css index 750ce74..1f25ac2 100644 --- a/apps/web/src/app/globals.css +++ b/apps/web/src/app/globals.css @@ -66,10 +66,10 @@ --color-outline: #727677; --color-outline-variant: #44494a; - /* Typography */ - --font-headline: "Space Grotesk", sans-serif; - --font-body: "Inter", sans-serif; - --font-label: "Space Grotesk", sans-serif; + /* Typography — CSS variables set by next/font in layout.tsx */ + --font-headline: var(--font-headline), "Space Grotesk", sans-serif; + --font-body: var(--font-body), "Inter", sans-serif; + --font-label: var(--font-headline), "Space Grotesk", sans-serif; /* 0px border radius — enforced globally */ --radius: 0px; diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx index 1a3f73a..cde1ac7 100644 --- a/apps/web/src/app/layout.tsx +++ b/apps/web/src/app/layout.tsx @@ -1,6 +1,21 @@ import type { Metadata } from "next"; +import { Space_Grotesk, Inter } from "next/font/google"; import "./globals.css"; +const spaceGrotesk = Space_Grotesk({ + subsets: ["latin"], + weight: ["300", "400", "500", "700"], + variable: "--font-headline", + display: "swap", +}); + +const inter = Inter({ + subsets: ["latin"], + weight: ["300", "400", "600"], + variable: "--font-body", + display: "swap", +}); + export const metadata: Metadata = { title: "COREWORLDS.IO // TACTICAL_TERMINAL", description: @@ -13,12 +28,11 @@ export default function RootLayout({ children: React.ReactNode; }) { return ( - + - - // SECURE_NODE_7 + {"// SECURE_NODE_7"}