From 610877aa0cd1ea733abb235a4dd131c1f88cd9a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Henry=20Gr=C3=A6sberg?= <henrygr@stud.ntnu.no>
Date: Fri, 25 Oct 2024 19:19:42 +0200
Subject: [PATCH 1/4] Fix navbar centering itself on larger screens

---
 src/app/not-found.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index a7f28e6..5bb5a0f 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -6,8 +6,10 @@ import Navbar from "./components/Navbar";
 
 const NotFound = () => {
     return (
+        <>
+        <Navbar />
         <main className="grid min-w-screen min-h-screen gap-4 place-content-center">
-            <Navbar />
+            
             <h1 className="text-5xl text-center">Ser ut som du har havnet på feil sted</h1>
             <p className="text-center">404: Page not found</p>
             <div className="flex flex-row justify-center">
@@ -18,6 +20,7 @@ const NotFound = () => {
                 <NavButton buttonText="Andrej er lav :)" href="/" title="Tilbake til startsiden (Sikkert Andrej sin feil at du havna her, sorry!)" />
             </div>
         </main>
+        </>
     );
 }
 

From c1a5dbc03ffda6f2cabb2f595638393c63317d5e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Henry=20Gr=C3=A6sberg?= <henrygr@stud.ntnu.no>
Date: Fri, 25 Oct 2024 19:20:00 +0200
Subject: [PATCH 2/4] Remove double navbar and footer

---
 src/app/page.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f29b453..ef068f1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,13 +1,11 @@
-import Image from "next/image";
 import Navbar from "./components/Navbar";
 import Footer from "./components/Footer";
-import Page from "./about/page";
 
 export default function Home() {
   return (
     <div className="flex flex-col min-h-screen">
       <Navbar />
-      <Page />
+      <p>Home</p>
       <Footer />
     </div>
   )

From 99e93b4e257801137ecc9dd364433b59192c0497 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Henry=20Gr=C3=A6sberg?= <henrygr@stud.ntnu.no>
Date: Fri, 25 Oct 2024 19:20:24 +0200
Subject: [PATCH 3/4] Fix navbar scrollbar overflow

---
 src/app/components/Navbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/Navbar.tsx b/src/app/components/Navbar.tsx
index d1935e1..554ae77 100644
--- a/src/app/components/Navbar.tsx
+++ b/src/app/components/Navbar.tsx
@@ -5,7 +5,7 @@ import { Icon } from "@iconify/react";
 
 const Navbar = () => {
     return (
-        <nav className="flex justify-between py-2 px-10 w-[100vw] bg-primary text-text_secondary items-center">                
+        <nav className="flex justify-between py-2 px-10 w-full bg-primary text-text_secondary items-center">                
             <Link href="/" className="flex items-center gap-5">
                 <Image src={logo2} alt={"Dotkomk devblog logo"} height={60}/>
                 <h2 className="text-3xl font-bold hover:text-background duration-100">Dotkomk Devblog</h2>

From 088819a95b3b8222085ba8ffeec22aaf8d496743 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Henry=20Gr=C3=A6sberg?= <henrygr@stud.ntnu.no>
Date: Fri, 25 Oct 2024 19:24:10 +0200
Subject: [PATCH 4/4] fix not-found overflowing vertically on all screens

---
 src/app/not-found.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index 5bb5a0f..e5a93e1 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -3,13 +3,13 @@ import Image404a from "@/app/assets/404-mannen-after.jpg";
 import Image404b from "@/app/assets/404-mannen-before.jpg";
 import NavButton from "./components/NavButton";
 import Navbar from "./components/Navbar";
+import Footer from "./components/Footer";
 
 const NotFound = () => {
     return (
-        <>
+        <div className="flex flex-col min-w-screen min-h-screen">
         <Navbar />
-        <main className="grid min-w-screen min-h-screen gap-4 place-content-center">
-            
+        <main className="grid gap-4 flex-1 place-content-center">
             <h1 className="text-5xl text-center">Ser ut som du har havnet på feil sted</h1>
             <p className="text-center">404: Page not found</p>
             <div className="flex flex-row justify-center">
@@ -20,7 +20,8 @@ const NotFound = () => {
                 <NavButton buttonText="Andrej er lav :)" href="/" title="Tilbake til startsiden (Sikkert Andrej sin feil at du havna her, sorry!)" />
             </div>
         </main>
-        </>
+        <Footer />
+        </div>
     );
 }