From 614511d59a864d6877e1e6a8aae4d182b35cc7dd Mon Sep 17 00:00:00 2001
From: cc <codecolorist@gmail.com>
Date: Tue, 14 Apr 2026 19:36:59 +0200
Subject: [PATCH] Add footer and improve layout structure

- Create Footer component with links to GitHub and Mastodon
- Restructure root layout with flex column for sticky footer
- Update OS layout to use flex-1 for proper height inheritance
---
 src/app/layout.tsx        | 14 +++++++++-----
 src/app/os/layout.tsx     |  2 +-
 src/components/footer.tsx | 30 ++++++++++++++++++++++++++++++
 3 files changed, 40 insertions(+), 6 deletions(-)
 create mode 100644 src/components/footer.tsx

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index a02a860..23e21ea 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,6 +4,7 @@ import { ThemeProvider } from "next-themes";
 import "./globals.css";
 
 import { NavTop } from "@/components/navtop";
+import { Footer } from "@/components/footer";
 import { Toaster } from "@/components/ui/sonner";
 import { Suspense } from "react";
 
@@ -34,11 +35,14 @@ export default function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
         <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
-          <NavTop />
-          <Toaster />
-          <Suspense>
-            <main className="flex flex-col">{children}</main>
-          </Suspense>
+          <div className="flex flex-col min-h-screen">
+            <NavTop />
+            <Toaster />
+            <Suspense>
+              <main className="flex-1 flex flex-col">{children}</main>
+            </Suspense>
+            <Footer />
+          </div>
         </ThemeProvider>
       </body>
     </html>
diff --git a/src/app/os/layout.tsx b/src/app/os/layout.tsx
index 98562f9..f775293 100644
--- a/src/app/os/layout.tsx
+++ b/src/app/os/layout.tsx
@@ -38,7 +38,7 @@ export default function OSDetailLayout({
   }, [os]);
 
   return (
-    <div className="flex flex-col h-[calc(100vh-56px)] p-4 md:p-6" suppressHydrationWarning>
+    <div className="flex flex-col flex-1 min-h-0 p-4 md:p-6" suppressHydrationWarning>
       <header className="flex flex-col sm:flex-row sm:items-center gap-2 mb-4 shrink-0">
         <div className="flex items-center gap-4">
           <Breadcrumb>
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
new file mode 100644
index 0000000..4534f08
--- /dev/null
+++ b/src/components/footer.tsx
@@ -0,0 +1,30 @@
+export function Footer() {
+  return (
+    <footer className="border-t border-border bg-muted/30 mt-auto">
+      <div className="px-4 md:px-8 py-6">
+        <div className="flex flex-col sm:flex-row items-center justify-between gap-4 text-sm text-muted-foreground">
+          <span>entdb</span>
+
+          <div className="flex items-center gap-4">
+            <a
+              href="https://github.com/chichou/entdb-indexer"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="hover:text-foreground transition-colors"
+            >
+              GitHub
+            </a>
+            <a
+              href="https://infosec.exchange/@codecolorist"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="hover:text-foreground transition-colors"
+            >
+              Mastodon
+            </a>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}