diff options
| author | Bobby <[email protected]> | 2026-04-22 08:10:30 +0530 |
|---|---|---|
| committer | Bobby <[email protected]> | 2026-04-22 08:10:30 +0530 |
| commit | 0bb36660ec4bceeb4bd9b18cf47a30ba8eded427 (patch) | |
| tree | f94aa2de99dcb7ee87639a3f60539fd376577bb9 /lib/components/AppTitle.svelte | |
| parent | e72162b34bddbf04998eea934335e9496b8649f8 (diff) | |
| download | hollowdark-0bb36660ec4bceeb4bd9b18cf47a30ba8eded427.tar.xz hollowdark-0bb36660ec4bceeb4bd9b18cf47a30ba8eded427.zip | |
Rename ui-lib to lib, split Begin into smaller components, add Credits, bump version to 1.0 from package.json
Diffstat (limited to 'lib/components/AppTitle.svelte')
| -rw-r--r-- | lib/components/AppTitle.svelte | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/lib/components/AppTitle.svelte b/lib/components/AppTitle.svelte new file mode 100644 index 0000000..ce5c859 --- /dev/null +++ b/lib/components/AppTitle.svelte @@ -0,0 +1,41 @@ +<script lang="ts"> + interface Props { + size?: number + subtitle?: string | null + letterSpacing?: number + } + + let { size = 38, subtitle = null, letterSpacing = 2 }: Props = $props() +</script> + +<div class="app-title"> + <p class="name" style:font-size="{size}px" style:letter-spacing="{letterSpacing}px"> + Hollowdark + </p> + {#if subtitle} + <p class="subtitle">{subtitle}</p> + {/if} +</div> + +<style> + .app-title { + text-align: center; + } + + .name { + font-family: var(--font-body); + font-style: italic; + font-weight: 400; + color: var(--color-text); + margin: 0 0 var(--space-6); + } + + .subtitle { + font-family: var(--font-ui); + font-size: 11px; + color: var(--color-text-tertiary); + letter-spacing: 2px; + text-transform: uppercase; + margin: 0; + } +</style> |
