diff options
| author | Bobby <[email protected]> | 2026-04-22 08:14:32 +0530 |
|---|---|---|
| committer | Bobby <[email protected]> | 2026-04-22 08:14:32 +0530 |
| commit | da1095c29a5377f7c3b4a91affb4cf176f6e7640 (patch) | |
| tree | fc1cd17d83a1571a859eb27c75e1205ced3f3b9e /lib/components | |
| parent | 0bb36660ec4bceeb4bd9b18cf47a30ba8eded427 (diff) | |
| download | hollowdark-da1095c29a5377f7c3b4a91affb4cf176f6e7640.tar.xz hollowdark-da1095c29a5377f7c3b4a91affb4cf176f6e7640.zip | |
Move screens to lib/screens, version to lib/version, inject version via Vite define; lib is folders-only
Diffstat (limited to 'lib/components')
| -rw-r--r-- | lib/components/AppVersion.svelte | 2 | ||||
| -rw-r--r-- | lib/components/BeginScreen.svelte | 48 | ||||
| -rw-r--r-- | lib/components/InitialLoadScreen.svelte | 56 |
3 files changed, 1 insertions, 105 deletions
diff --git a/lib/components/AppVersion.svelte b/lib/components/AppVersion.svelte index 315a47b..28554a7 100644 --- a/lib/components/AppVersion.svelte +++ b/lib/components/AppVersion.svelte @@ -1,5 +1,5 @@ <script lang="ts"> - import { APP_VERSION } from '@hollowdark/lib/version' + import { APP_VERSION } from '@hollowdark/lib/version/version' </script> <p class="app-version">v {APP_VERSION}</p> diff --git a/lib/components/BeginScreen.svelte b/lib/components/BeginScreen.svelte deleted file mode 100644 index 5832a42..0000000 --- a/lib/components/BeginScreen.svelte +++ /dev/null @@ -1,48 +0,0 @@ -<script lang="ts"> - import AppTitle from '@hollowdark/lib/components/AppTitle.svelte' - import AppVersion from '@hollowdark/lib/components/AppVersion.svelte' - import BeginActions from '@hollowdark/lib/components/BeginActions.svelte' - import type { BeginState } from '@hollowdark/loading/session' - - interface Props { - state: BeginState - onBegin: () => void - onContinue?: () => void - onSettings: () => void - onCredits: () => void - } - - let { - state, - onBegin, - onContinue, - onSettings, - onCredits - }: Props = $props() -</script> - -<section class="begin"> - <div class="top"> - <AppTitle size={38} subtitle="A Literary Life Simulation" /> - </div> - - <BeginActions {state} {onBegin} {onContinue} {onSettings} {onCredits} /> - - <AppVersion /> -</section> - -<style> - .begin { - min-height: 100dvh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - padding: var(--space-12); - position: relative; - } - - .top { - margin-bottom: 120px; - } -</style> diff --git a/lib/components/InitialLoadScreen.svelte b/lib/components/InitialLoadScreen.svelte deleted file mode 100644 index 3800715..0000000 --- a/lib/components/InitialLoadScreen.svelte +++ /dev/null @@ -1,56 +0,0 @@ -<script lang="ts"> - import AppTitle from '@hollowdark/lib/components/AppTitle.svelte' - import ProgressBar from '@hollowdark/lib/components/ProgressBar.svelte' - import { loadingProgress } from '@hollowdark/loading/progress' - - const progress = $derived($loadingProgress) -</script> - -<section class="initial-load"> - <div class="top"> - <AppTitle size={32} letterSpacing={1} /> - </div> - - <div class="bar"> - <ProgressBar value={progress.percentage} /> - </div> - - <p class="message">{progress.currentMessage}</p> - <p class="note">This will happen once. It will not happen again.</p> -</section> - -<style> - .initial-load { - min-height: 100dvh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - padding: var(--space-12); - text-align: center; - } - - .top { - margin-bottom: 120px; - } - - .bar { - margin-bottom: var(--space-6); - } - - .message { - font-family: var(--font-ui); - font-size: 12px; - color: var(--color-text-secondary); - letter-spacing: 0.5px; - margin: 0 0 var(--space-2); - } - - .note { - font-family: var(--font-ui); - font-size: 11px; - color: var(--color-text-tertiary); - letter-spacing: 0.3px; - margin: 0; - } -</style> |
