Add Navbar component and camping logo to page

This commit is contained in:
Sean Morley
2024-03-29 22:52:42 +00:00
parent 90036c5c14
commit c806cf074d
4 changed files with 35 additions and 0 deletions

View File

@@ -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! */
}

View File

@@ -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>