Reorganize with mono theme

2025-08-01 00:51:20 -04:00
parent ace4ce4932
commit 9609ed7eef
20 changed files with 11541 additions and 8529 deletions
@@ -1,34 +1,44 @@
-import { Analytics } from "@vercel/analytics/react"
-import { SpeedInsights } from "@vercel/speed-insights/next"
-import { Footer } from "~/components/Footer"
-import { Navigation } from "~/components/Navigation"
-import { Sidebar } from "~/components/Sidebar"
-import { BreadcrumbWrapper } from "~/components/BreadcrumbWrapper"
+import { Analytics } from "@vercel/analytics/react";
+import { SpeedInsights } from "@vercel/speed-insights/next";
+import { Footer } from "~/components/Footer";
+import { Navigation } from "~/components/Navigation";
+import { Sidebar } from "~/components/Sidebar";
+import { BreadcrumbWrapper } from "~/components/BreadcrumbWrapper";

-import { inter } from "~/lib/fonts"
+import { inter } from "~/lib/fonts";
 import { description, name } from "~/lib/data";
-import "~/styles/globals.css"
+import "~/styles/globals.css";

 export const metadata = {
  title: `${name[0]?.first} ${name[0]?.last}`,
  description: description,
  icons: [{ rel: "icon", url: "/favicon.ico" }],
-}
+};

 export default function RootLayout({ children }: React.PropsWithChildren) {
  return (
    <html lang="en" className={inter.className} suppressHydrationWarning>
-      <body className="font-sans bg-background text-foreground min-h-screen flex flex-col" suppressHydrationWarning>
+      <body
+        className="flex min-h-screen flex-col bg-background font-sans text-foreground"
+        suppressHydrationWarning
+      >
        <Analytics />
        <SpeedInsights />
        <Navigation />
-        <div className="flex-1">
-          <div className="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
-            <div className="flex flex-col lg:flex-row lg:gap-12">
-              <aside className="lg:sticky lg:top-16 lg:h-[calc(100vh-4rem)] overflow-y-auto">
-                <Sidebar />
-              </aside>
-              <main className="flex-1 overflow-y-auto py-8">
+        <div className="flex flex-1">
+          {/* Desktop sidebar - extends to edge */}
+          <aside className="hidden overflow-y-auto lg:sticky lg:top-16 lg:block lg:h-[calc(100vh-4rem)]">
+            <Sidebar />
+          </aside>
+
+          <div className="flex-1">
+            {/* Mobile sidebar - horizontal intro bar only on homepage */}
+            <div className="px-4 sm:px-6 lg:hidden lg:px-8">
+              <Sidebar />
+            </div>
+
+            <div className="mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8">
+              <main className="py-8">
                <BreadcrumbWrapper />
                {children}
              </main>
@@ -38,5 +48,5 @@ export default function RootLayout({ children }: React.PropsWithChildren) {
        <Footer />
      </body>
    </html>
-  )
+  );
 }