nav bar svelte

src/components/Nav-bar.astro

@@ -1,8 +1,19 @@
 ---
+import Button from "../components/navbutton.svelte"
+const pageTitle= Astro.props
 ---
+<a active=
 <div class="nav-links">
+    <Button class="navbutton">
     <a href="/">Home</a>
-    <a href="/about-me">About Me</a>
+</Button>
+<Button class="navbutton">
+    <a href="/about">About Me</a>
+</Button>
+<Button class="navbutton">
     <a href="/blog">Blog</a>
+</Button>
+<Button class="navbutton">
     <a href="https://youtube.com/watch?v=brwS_ZmVaRc">Caramelldansen</a>
+</Button>
 </div>

src/components/footer.astro

@@ -0,0 +1,7 @@
+---
+---
+<footer>
+    <div class="footer">
+        <a href="https://git.lgbt/elh/elh.gay">Source Code</a>
+    </div>
+</footer>

src/components/navbutton.svelte

@@ -0,0 +1,19 @@
+<script>
+	
+	let buttonProps = {
+	class:[$$restProps.class]
+	}
+</script>
+	<button on:click
+			on:mouseover
+			on:mouseenter
+			on:mouseleave
+		{...buttonProps}>
+			<slot/>
+	</button>
+
+<style>
+ .navbutton {
+	
+ }
+</style>