From 116a2ca06bcd61b0b3bd56d7f42d1077553c35b9 Mon Sep 17 00:00:00 2001
From: "Hunter W." <kfateweaver@gmail.com>
Date: Tue, 9 Jun 2026 18:11:17 -0400
Subject: [PATCH] added noscript component

---
 app/layout.tsx     | 26 +++++++++++++++++++++++++-
 app/page.tsx       |  2 ++
 components/Nav.tsx |  9 +++++++--
 3 files changed, 34 insertions(+), 3 deletions(-)
diff --git a/app/layout.tsx b/app/layout.tsx
index d38f8b7..7fe1621 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -31,7 +31,31 @@ export default function RootLayout({
   return (
     <html lang="en" className={`${mono.variable} ${sans.variable}`} suppressHydrationWarning>
        <head />
-      <body>        
+      <body>   
+          <noscript >
+            <div style={{
+              width: '100vw',
+              height: '100vh',
+              alignContent: 'center',              
+            }}>   
+              
+               <div style={{
+                alignSelf: 'center',
+                alignItems: 'center',
+                fontFamily: 'var(--mono)',
+                padding: '20px',
+                textAlign: 'center',
+                background: '#555',
+                color: '#fff', 
+                display: 'flex',
+                flexDirection: 'row',
+              }}> 
+              <img src={"favicon.ico"} width={64} style={{marginLeft: '25%'}}/>                  
+              <span>JavaScript is required to run this application. Please enable JavaScript to continue.</span>
+            </div>  
+             
+          </div>
+        </noscript>
          <ThemeProvider attribute="data-theme">
            <ThemeSwitch/>
            {children}
diff --git a/app/page.tsx b/app/page.tsx
index 75f9bcb..a442e37 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -42,6 +42,8 @@ export default function Home() {
           
         </header>
 
+       
+
         <Nav section={"profile"} />
         <main>
         <Profile />
diff --git a/components/Nav.tsx b/components/Nav.tsx
index f1005a6..645829c 100644
--- a/components/Nav.tsx
+++ b/components/Nav.tsx
@@ -5,12 +5,17 @@ import Link from "next/link";
 
 type Props = {
   section: string;
-  subtitle?: string;
 };
 
 const items = ["profile", "project"];
 
-export default function Nav({ section, subtitle }: Props) {
+export default function Nav({ section }: Props) {
+
+
+  let subtitle = null;
+  if (section == "project"){
+
+  }
   return (
     <nav
       style={{
