blob: e15b51650a65e3cf54d55441d0bede31005dfb63 (
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
<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="content">
<div class="top">
<AppTitle size={38} subtitle="A Literary Life Simulation" />
</div>
<BeginActions {state} {onBegin} {onContinue} {onSettings} {onCredits} />
</div>
<AppVersion />
</section>
<style>
.begin {
min-height: 100dvh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: var(--space-12);
position: relative;
}
.content {
display: flex;
flex-direction: column;
align-items: center;
}
.top {
margin-bottom: 120px;
}
</style>
|
