Daniel528
diff --git a/‎2025/index.html‎
Lines changed: 1 addition & 0 deletions b/‎2025/index.html‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎2025/public/resources/roommate/bookclub.png‎
1.07 MB b/‎2025/public/resources/roommate/bookclub.png‎
1.07 MB
diff --git a/‎2025/public/resources/roommate/claireandwilla.mp4‎
23.6 MB b/‎2025/public/resources/roommate/claireandwilla.mp4‎
23.6 MB
diff --git a/‎2025/public/resources/roommate/daniel.png‎
12.5 MB b/‎2025/public/resources/roommate/daniel.png‎
12.5 MB
diff --git a/‎2025/public/resources/roommate/eating.png‎
1.25 MB b/‎2025/public/resources/roommate/eating.png‎
1.25 MB
diff --git a/‎2025/public/resources/roommate/haileyandcoen.mov‎
93.4 MB b/‎2025/public/resources/roommate/haileyandcoen.mov‎
93.4 MB
diff --git a/‎2025/public/resources/roommate/haileyandcoen.mp4‎
10.9 MB b/‎2025/public/resources/roommate/haileyandcoen.mp4‎
10.9 MB
diff --git a/‎2025/public/resources/roommate/hiking.png‎
13.1 MB b/‎2025/public/resources/roommate/hiking.png‎
13.1 MB
diff --git a/‎2025/src/App.tsx‎
Lines changed: 28 additions & 1 deletion b/‎2025/src/App.tsx‎
Lines changed: 28 additions & 1 deletion
diff --git a/‎2025/src/components/index.ts‎
Lines changed: 1 addition & 0 deletions b/‎2025/src/components/index.ts‎
Lines changed: 1 addition & 0 deletions
@@ -7,6 +7,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Henny+Penny&family=Honk&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Italianno&display=swap" rel="stylesheet">    
     <title>Daniel Fraser - Portfolio</title>
   </head>
   <body>
 
@@ -1,8 +1,14 @@
-import { useState, useCallback } from "react";
+import { useState, useCallback, useEffect } from "react";
 import { Routes, Route, useLocation, useNavigate } from "react-router-dom";
 import { useIsMobile } from "./hooks/useIsMobile";
 import { useAnimations } from "./hooks/useAnimations";
 import { PATHS } from "./constants/appStates";
+import {
+  PAGE_CONFIG,
+  DEFAULT_TITLE,
+  DEFAULT_FAVICON,
+} from "./constants/pageConfig";
+import { setFavicon } from "./utils/favicon";
 import type { NavToggleHandler } from "./types";
 import { NavigationProvider } from "./contexts/navigation/NavigationProvider";
 
@@ -11,6 +17,7 @@ import { HomePage } from "./components/pages/HomePage";
 import { DesignPage } from "./components/pages/DesignPage";
 import { DevPage } from "./components/pages/DevPage";
 import { AboutPage } from "./components/pages/AboutPage";
+import { PleaseLetMeLiveWithYouPage } from "./components/pages/PleaseLetMeLiveWithYouPage";
 import { Layout } from "./components/layout/Layout";
 
 // Map paths to their corresponding components
@@ -84,6 +91,21 @@ function App() {
     [navOpen]
   );
 
+  // Update page title and favicon based on current route
+  useEffect(
+    function onLocationPathnameChanged() {
+      const pathname = location.pathname as keyof typeof PAGE_CONFIG;
+      const config = PAGE_CONFIG[pathname];
+
+      // Update title
+      document.title = config?.title ?? DEFAULT_TITLE;
+
+      // Update favicon
+      setFavicon(config?.favicon, DEFAULT_FAVICON);
+    },
+    [location.pathname]
+  );
+
   return (
     <NavigationProvider handleNavClick={handleNavClick}>
       <Routes>
@@ -105,6 +127,11 @@ function App() {
             }
           />
         ))}
+        {/* Independent page - bypasses Layout component */}
+        <Route
+          path={PATHS.PLEASE_LET_ME_LIVE_WITH_YOU}
+          element={<PleaseLetMeLiveWithYouPage />}
+        />
       </Routes>
     </NavigationProvider>
   );
 
@@ -11,6 +11,7 @@ export { HomePage } from "./pages/HomePage";
 export { DesignPage } from "./pages/DesignPage";
 export { DevPage } from "./pages/DevPage";
 export { AboutPage } from "./pages/AboutPage";
+export { PleaseLetMeLiveWithYouPage } from "./pages/PleaseLetMeLiveWithYouPage";
 
 // Shared components
 export { Video } from "./shared/Video";