diff options
Diffstat (limited to 'src/lib/components/Header.svelte')
| -rw-r--r-- | src/lib/components/Header.svelte | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte new file mode 100644 index 0000000..804497e --- /dev/null +++ b/src/lib/components/Header.svelte @@ -0,0 +1,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> |