lazorgurl/homelab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Tactical Monolith design system and landing page to web app

Browse Source 
Set up Tailwind CSS v4 with full design token system from Stitch project
(obsidian surfaces, neon cyan/magenta/lime palette, Space Grotesk + Inter
typography, 0px border-radius). Landing page includes hero section, side
nav, module cards, system status panels, terminal log, and CRT overlay.
This commit is contained in:
Julia McGhee
2026-03-20 20:24:19 +00:00
parent 18b2564c8e
commit 3d61911868
9 changed files with 1039 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
apps/web/src/app/layout.tsx
View File

@@ -1,8 +1,10 @@
import type { Metadata } from "next";
import "./globals.css";
export const metadata: Metadata = {
title: "Homelab",
description: "Self-hosted applications",
title: "COREWORLDS.IO // TACTICAL_TERMINAL",
description:
"Interface with the Coreworlds terminal. A high-clearance orbital research module.",
};
export default function RootLayout({
@@ -11,8 +13,22 @@ export default function RootLayout({
children: React.ReactNode;
}) {
return (
<html lang="en">
<body>{children}</body>
<html lang="en" className="dark">
<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"
/>
</head>
<body className="bg-background text-on-surface font-body overflow-x-hidden">
{/* Global CRT Overlay */}
<div className="fixed inset-0 z-[100] scanlines opacity-30 pointer-events-none" />
{children}
</body>
</html>
);
}