flo-bit.dev
[READ-ONLY] Mirror of https://github.com/flo-bit/blog-template. minimalistic astro blog template
flo-bit.dev/blog-template/
astro
blog
template
1.1 kB
43 lines
1---
2import {
3 BASE,
4 MANUAL_DARK_MODE,
5 SEARCH_ENABLED,
6 SITE_FAVICON,
7} from "../consts";
8import ThemeToggle from "./ThemeToggle.svelte";
9import Search from "./search/Search.svelte";
10import HeaderLink from "./HeaderLink.astro";
11import CommandPalette from "./search/CommandPalette.svelte";
12import CodeCopyButton from "./CodeCopyButton.svelte";
13---
14
15<header>
16 <nav
17 class="flex items-center justify-between p-6 lg:px-8"
18 aria-label="Global"
19 >
20 <div class="flex lg:flex-1">
21 <a href={BASE + "/"} class="-m-1.5 p-1.5">
22 <span class="sr-only">go to home</span>
23
24 <div class="h-12 w-12 text-3xl">{SITE_FAVICON}</div>
25 </a>
26 </div>
27 <div class="flex gap-x-12">
28 <HeaderLink href={BASE + "/"} class="text-sm font-semibold leading-6"
29 >Blog</HeaderLink
30 >
31 <HeaderLink href={BASE + "/about"} class="text-sm font-semibold leading-6"
32 >About</HeaderLink
33 >
34
35 {MANUAL_DARK_MODE ? <ThemeToggle client:visible /> : null}
36
37 {SEARCH_ENABLED ? <Search client:visible /> : null}
38 </div>
39 </nav>
40</header>
41
42<CommandPalette client:load />
43<CodeCopyButton client:load />