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 <link> tags to next/font/google
- Wrap "// SECURE_NODE_7" in JSX expression to avoid comment parse error
This commit is contained in:
Julia McGhee
2026-03-20 20:27:13 +00:00
parent 3d61911868
commit 11f1365f75
4 changed files with 30 additions and 10 deletions

View File

@@ -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;

View File

@@ -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 (
<html lang="en" className="dark">
<html
lang="en"
className={`dark ${spaceGrotesk.variable} ${inter.variable}`}
>
<head>
<link
href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700;900&family=Inter:wght@300;400;600&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap"
rel="stylesheet"

View File

@@ -120,7 +120,7 @@ export default function Home() {
ESTABLISHED 2024
</span>
<span className="text-primary font-headline text-[10px] tracking-widest">
// SECURE_NODE_7
{"// SECURE_NODE_7"}
</span>
</div>
<h1 className="font-headline text-5xl lg:text-7xl font-black tracking-tighter text-on-surface leading-[0.9] mb-6 uppercase italic">