lepton/Webserver
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated look
All checks were successful
Deploy Website / build-and-deploy (push) Successful in 2m15s
Details

Browse Source
This commit is contained in:
Akshay Kolli
2026-04-11 23:27:29 -04:00
parent aa7fe8ecc7
commit 382edaab75
21 changed files with 740 additions and 397 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
app/layout.tsx
View File

@@ -1,14 +1,27 @@
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import {
IBM_Plex_Mono,
Instrument_Sans,
} from "next/font/google";
import Script from "next/script";
import "./globals.css";
import { Navbar } from "../components/layout/Navbar";
import { Footer } from "../components/layout/Footer";
import { Analytics } from "../components/Analytics";
import { Analytics } from "@/components/Analytics";
import { AmbientCanvas } from "@/components/layout/AmbientCanvas";
import { Footer } from "@/components/layout/Footer";
import { Navbar } from "@/components/layout/Navbar";
const inter = Inter({
variable: "--font-inter",
const instrumentSans = Instrument_Sans({
variable: "--font-instrument-sans",
subsets: ["latin"],
display: "swap",
weight: ["400", "500", "600", "700"],
});
const ibmPlexMono = IBM_Plex_Mono({
variable: "--font-ibm-plex-mono",
subsets: ["latin"],
display: "swap",
weight: ["400", "500"],
});
export const metadata: Metadata = {
@@ -36,19 +49,36 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
<html lang="en">
<html lang="en" suppressHydrationWarning>
<body
className={`${inter.variable} antialiased flex flex-col min-h-screen`}
className={`${instrumentSans.variable} ${ibmPlexMono.variable} min-h-screen bg-paper font-sans text-ink antialiased`}
>
<a href="#main-content" className="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-[100] focus:bg-white focus:dark:bg-zinc-900 focus:px-4 focus:py-2 focus:text-sm focus:font-medium focus:rounded focus:shadow">
<Script id="theme-init" strategy="beforeInteractive">
{`
try {
const storedTheme = localStorage.getItem("theme-preference");
const theme = storedTheme === "light" || storedTheme === "dark"
? storedTheme
: (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
document.documentElement.dataset.theme = theme;
} catch {}
`}
</Script>
<a
href="#main-content"
className="sr-only focus:not-sr-only focus:absolute focus:left-4 focus:top-4 focus:z-[100] focus:rounded-full focus:bg-paper-strong focus:px-4 focus:py-2 focus:text-sm focus:font-medium focus:text-ink focus:shadow-[0_12px_30px_rgba(23,28,24,0.08)]"
>
Skip to content
</a>
<Navbar />
<main id="main-content" className="flex-grow">
{children}
</main>
<Footer />
<Analytics />
<AmbientCanvas />
<div className="site-shell flex min-h-screen flex-col">
<Navbar />
<main id="main-content" className="flex-grow">
{children}
</main>
<Footer />
<Analytics />
</div>
</body>
</html>
);