diff options
| author | Berke Güzel <wenekar1@gmail.com> | 2026-01-29 23:56:21 +0300 |
|---|---|---|
| committer | Berke Güzel <wenekar1@gmail.com> | 2026-01-29 23:56:21 +0300 |
| commit | 35556dca71eafdac4eb5d2fe781ba39687d0b058 (patch) | |
| tree | d85489336dce549b08d385c45cec6ae0678b211b /src/lib/components/Header.svelte | |
| parent | 292d9dd4241ace94bfaf50827dcedfbd40de8032 (diff) | |
initial commit
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> |