Add Navbar component and camping logo to page

src/lib/components/Navbar.svelte

@@ -0,0 +1,29 @@
+<style>
+    .navbar {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-direction: row;
+    }
+    
+</style>
+
+<script lang="ts">
+    function navHome() {
+        window.location.href = '/';
+    
+    }
+    function navLog() {
+        window.location.href = '/log';
+    }
+</script>
+
+
+<div class="navbar">
+
+    <p>AdventureLog 🗺️</p>
+    <button on:click={navHome}>Home</button>
+    <button on:click={navLog}>Log</button>
+    <hr>
+    <br>
+</div>

src/routes/+layout.svelte

@@ -1,7 +1,9 @@
 <script>
     import Footer from "$lib/components/Footer.svelte";
+    import Navbar from "$lib/components/Navbar.svelte";
 </script>
 
+<Navbar />
 <section>
     <slot></slot>
   </section>
@@ -9,6 +11,7 @@
 
   <style>
     section {
+        margin-top: 2rem;
         margin-bottom: 5rem;
         /* gives the footer space! */
     }

src/routes/+page.svelte

@@ -1,8 +1,10 @@
 <script lang="ts">
+    import campingDrawing from "$lib/assets/camping.svg";
     function navToLog() {
         window.location.href = '/log';
     }
 </script>
 
 <h1>Welcome to AdventureLog 🗺️</h1>
+<img src={campingDrawing} width="25%" alt="Logo" />
 <button on:click={navToLog}>Open Log</button>