aniva/Chrysoblog
aniva
/
Chrysoblog
1
1
Fork 0
Code Issues 9 Pull Requests 2 Packages Projects Releases Wiki Activity

feat: Name in navbar

This commit is contained in:
Leni Aniva 2024-10-10 14:40:14 -07:00
parent 568c1b740f
commit 8662b2469a
Signed by: aniva
GPG Key ID: 4D9B1C8D10EA4C50
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/routes/Navbar.svelte
View File

@ -1,6 +1,7 @@
<script lang="ts"> <script lang="ts">
import { page } from '$app/stores'; import { page } from '$app/stores';
import { routes } from "$lib/sitemap.ts" import { routes } from "$lib/sitemap.ts"
import { name } from '$content/metadata.json';
function isCurrentLink(pathname, route) { function isCurrentLink(pathname, route) {
return route != "/" && pathname.startsWith(route) return route != "/" && pathname.startsWith(route)
@ -9,6 +10,7 @@
</script> </script>
<div id="navbar" class="h-5 space-x-4"> <div id="navbar" class="h-5 space-x-4">
<p id="bio-name">{name}</p>
{#each routes as item} {#each routes as item}
<a <a
class="nav-link" class="nav-link"
@ -19,6 +21,12 @@
</div> </div>
<style> <style>
#bio-name {
font-family: serif;
font-size: 3rem;
font-weight: normal;
color: theme('colors.java.800');
}
#navbar { #navbar {
display: flex; display: flex;
flex-direction: column; flex-direction: column;