From 08fa625410368ba98d6e548f5a65a63b016d8e5f Mon Sep 17 00:00:00 2001
From: Siddharth Rao <siddrao.926@gmail.com>
Date: Fri, 30 Aug 2024 04:14:29 -0700
Subject: [PATCH] Changed Navbar To Use Building Flag

---
 src/components/NavBar.svelte | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/NavBar.svelte b/src/components/NavBar.svelte
index 421b4c6..538a949 100644
--- a/src/components/NavBar.svelte
+++ b/src/components/NavBar.svelte
@@ -1,9 +1,15 @@
 <script lang="ts">
+	import { building } from "$app/environment";
+
 	let isMenuOpen: boolean = false;
 
 	function toggleMenu() {
 		isMenuOpen = !isMenuOpen;
 	}
+
+	function getLink(path: string) {
+		return !building ? `${path}.html` : path;
+	}
 </script>
 
 <nav class="navbar">
@@ -21,11 +27,11 @@
 		</button>
 		<ul class="navbar-menu" id="navbar-menu" class:show={isMenuOpen}>
 			<li><a href="/">Home</a></li>
-			<li><a href="/about.html">About</a></li>
-			<li><a href="/experience.html">Experience</a></li>
-			<li><a href="/projects.html">Projects</a></li>
-			<li><a href="/education.html">Education</a></li>
-			<li><a href="/contact.html">Contact</a></li>
+			<li><a href={getLink("/about")}>About</a></li>
+			<li><a href={getLink("/experience")}>Experience</a></li>
+			<li><a href={getLink("/projects")}>Projects</a></li>
+			<li><a href={getLink("/education")}>Education</a></li>
+			<li><a href={getLink("/contact")}>Contact</a></li>
 		</ul>
 	</div>
 </nav>