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:
6
apps/web/.eslintrc.json
Normal file
6
apps/web/.eslintrc.json
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
{
|
||||||
|
"extends": ["next/core-web-vitals", "prettier"],
|
||||||
|
"rules": {
|
||||||
|
"no-console": "warn"
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -66,10 +66,10 @@
|
|||||||
--color-outline: #727677;
|
--color-outline: #727677;
|
||||||
--color-outline-variant: #44494a;
|
--color-outline-variant: #44494a;
|
||||||
|
|
||||||
/* Typography */
|
/* Typography — CSS variables set by next/font in layout.tsx */
|
||||||
--font-headline: "Space Grotesk", sans-serif;
|
--font-headline: var(--font-headline), "Space Grotesk", sans-serif;
|
||||||
--font-body: "Inter", sans-serif;
|
--font-body: var(--font-body), "Inter", sans-serif;
|
||||||
--font-label: "Space Grotesk", sans-serif;
|
--font-label: var(--font-headline), "Space Grotesk", sans-serif;
|
||||||
|
|
||||||
/* 0px border radius — enforced globally */
|
/* 0px border radius — enforced globally */
|
||||||
--radius: 0px;
|
--radius: 0px;
|
||||||
|
|||||||
@@ -1,6 +1,21 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
|
import { Space_Grotesk, Inter } from "next/font/google";
|
||||||
import "./globals.css";
|
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 = {
|
export const metadata: Metadata = {
|
||||||
title: "COREWORLDS.IO // TACTICAL_TERMINAL",
|
title: "COREWORLDS.IO // TACTICAL_TERMINAL",
|
||||||
description:
|
description:
|
||||||
@@ -13,12 +28,11 @@ export default function RootLayout({
|
|||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="en" className="dark">
|
<html
|
||||||
|
lang="en"
|
||||||
|
className={`dark ${spaceGrotesk.variable} ${inter.variable}`}
|
||||||
|
>
|
||||||
<head>
|
<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
|
<link
|
||||||
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap"
|
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap"
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
|
|||||||
@@ -120,7 +120,7 @@ export default function Home() {
|
|||||||
ESTABLISHED 2024
|
ESTABLISHED 2024
|
||||||
</span>
|
</span>
|
||||||
<span className="text-primary font-headline text-[10px] tracking-widest">
|
<span className="text-primary font-headline text-[10px] tracking-widest">
|
||||||
// SECURE_NODE_7
|
{"// SECURE_NODE_7"}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<h1 className="font-headline text-5xl lg:text-7xl font-black tracking-tighter text-on-surface leading-[0.9] mb-6 uppercase italic">
|
<h1 className="font-headline text-5xl lg:text-7xl font-black tracking-tighter text-on-surface leading-[0.9] mb-6 uppercase italic">
|
||||||
|
|||||||
Reference in New Issue
Block a user