Add Navbar component and camping logo to page
This commit is contained in:
1
src/lib/assets/camping.svg
Normal file
1
src/lib/assets/camping.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 16 KiB |
29
src/lib/components/Navbar.svelte
Normal file
29
src/lib/components/Navbar.svelte
Normal file
@@ -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>
|
||||
Reference in New Issue
Block a user