christian
4abe0185bd
All checks were successful
Vercel Preview Deployment / Deploy-Preview (push) Successful in 1m50s
56 lines
1.6 KiB
Svelte
56 lines
1.6 KiB
Svelte
<script>
|
|
import {
|
|
Navbar,
|
|
NavBrand,
|
|
NavLi,
|
|
NavUl,
|
|
NavHamburger,
|
|
Dropdown,
|
|
DropdownItem,
|
|
DarkMode
|
|
} from 'flowbite-svelte';
|
|
import { ChevronDownOutline, HomeOutline } from 'flowbite-svelte-icons';
|
|
import '../app.css';
|
|
import CloudflareAnalytics from '$lib/CloudflareAnalytics.svelte';
|
|
import logo from '$lib/logo.png';
|
|
import { page } from '$app/stores';
|
|
|
|
$: activeUrl = $page.url.pathname;
|
|
</script>
|
|
|
|
<CloudflareAnalytics />
|
|
<Navbar class="bg-transparent">
|
|
<NavBrand href="/">
|
|
<img src={logo} class="me-3 h-6 sm:h-9" alt="Flowbite Logo" />
|
|
<span class="self-center whitespace-nowrap text-xl font-semibold dark:text-stone-200"
|
|
>rannes.dev</span
|
|
>
|
|
</NavBrand>
|
|
<div class="flex">
|
|
<DarkMode btnClass="block sm:hidden" />
|
|
<NavHamburger />
|
|
</div>
|
|
<NavUl {activeUrl}>
|
|
<NavLi href="/">home</NavLi>
|
|
<NavLi href="/about">whoami</NavLi>
|
|
<NavLi class="cursor-pointer">
|
|
projects<ChevronDownOutline class="w-6 h-6 text-primary-800 dark:text-stone-200 inline" />
|
|
</NavLi>
|
|
<Dropdown class="w-44 z-20">
|
|
<DropdownItem href="/projects/svelte">svelte</DropdownItem>
|
|
<DropdownItem href="/projects/nextjs">nextjs</DropdownItem>
|
|
<DropdownItem href="/projects/homelab">homelab</DropdownItem>
|
|
</Dropdown>
|
|
<NavLi href="/contact">contact</NavLi>
|
|
<NavLi class="hidden sm:block">
|
|
<DarkMode btnClass="p-0" />
|
|
</NavLi>
|
|
</NavUl>
|
|
</Navbar>
|
|
<div class="px-2 sm:px-0 mx-auto max-w-xs sm:max-w-md md:max-w-3xl text-center">
|
|
<slot />
|
|
</div>
|
|
<footer class="mt-12 text-center">
|
|
<p class="text-sm text-stone-400">built by christian rannes 2024</p>
|
|
</footer>
|