Add Navbar component and camping logo to page
This commit is contained in:
@@ -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! */
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user