baobeld/benjaminpalko
1
0
Fork 0
Code Pull requests Packages 2 Activity Actions

setup site and nav

Browse source
This commit is contained in:
Benjamin Palko 2025-04-26 23:18:23 -04:00
parent b7ca9ce497
commit afe035a40c
4 changed files with 45 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/lib/components/Navbar.svelte Normal file
View file

@ -0,0 +1,28 @@
<script lang="ts">
interface Props {
pages: { slug: string; name: string }[];
route: { id: string | null };
}
let { pages, route }: Props = $props();
</script>
<nav class="navbar px-12">
<div class="flex flex-1 items-center gap-4">
<div class="avatar avatar-placeholder">
<div
class="ring-accent ring-offset-base-100 bg-base-200 text-neutral-content w-10 rounded-full ring ring-offset-2"
>
<span>B</span>
</div>
</div>
<h2 class="text-3xl"><b>Benjamin</b> Palko</h2>
</div>
<div class="flex gap-4 text-lg">
{#each pages as page (page.slug)}
<a href={page.slug} class="link hover:link-accent" class:link-accent={route.id === page.slug}>
{page.name}
</a>
{/each}
</div>
</nav>