summaryrefslogtreecommitdiff
path: root/src/lib/components/Header.svelte
blob: 804497e752a9515e79b12e681ab20ee54d8d3e7a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script lang="ts">
	import ThemeToggle from "./ThemeToggle.svelte";

	interface Props {
		title?: string;
		description?: string;
	}

	let { title = "My Blog", description = "Super. Good. Code." }: Props =
		$props();
</script>

<div class="wrapper-masthead">
	<header class="container masthead">
		<div class="site-info">
			<h1><a href="/">{title}</a></h1>
			<p class="site-description">{description}</p>
		</div>

		<nav>
			<a href="/">Blog</a>
			<a href="/apps">Apps</a>
			<a href="/about">About</a>
			<ThemeToggle />
		</nav>
	</header>
</div>