diff options
| author |   Natsuu <natsukawa247@outlook.com> | 2026-01-14 03:41:18 +0000 |
|---|---|---|
| committer | Natsuu <natsukawa247@outlook.com> | 2026-01-14 03:41:18 +0000 |
| commit | 64b939e6ac0b196d18ee183a37a40b0bf7927a80 (patch) | |
| tree | 54b366819e9f3fd8694092c0053dd5e706da59f9 /ui/src/components/HomeView.svelte | |
| parent | 8aeadd2c2203540b93eabc6ba53b7b4ceaff7eb7 (diff) | |
| download | DropOut-64b939e6ac0b196d18ee183a37a40b0bf7927a80.tar.gz DropOut-64b939e6ac0b196d18ee183a37a40b0bf7927a80.zip | |
refactor: split App.svelte into components
Diffstat (limited to 'ui/src/components/HomeView.svelte')
| -rw-r--r-- | ui/src/components/HomeView.svelte | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/ui/src/components/HomeView.svelte b/ui/src/components/HomeView.svelte new file mode 100644 index 0000000..e876c14 --- /dev/null +++ b/ui/src/components/HomeView.svelte @@ -0,0 +1,26 @@ +<script lang="ts"> + // No script needed currently, just static markup mostly +</script> + +<!-- Background Image - Using gradient fallback --> +<div + class="absolute inset-0 z-0 opacity-60 bg-gradient-to-br from-emerald-900 via-zinc-900 to-indigo-950 transition-transform duration-[10s] ease-linear group-hover:scale-105" +></div> +<div + class="absolute inset-0 z-0 bg-gradient-to-t from-zinc-900 via-transparent to-black/50" +></div> + +<div class="absolute bottom-24 left-8 z-10 p-4"> + <h1 + class="text-6xl font-black mb-2 tracking-tight text-white drop-shadow-lg" + > + MINECRAFT + </h1> + <div class="flex items-center gap-2 text-zinc-300"> + <span + class="bg-zinc-800 text-xs px-2 py-1 rounded border border-zinc-600" + >JAVA EDITION</span + > + <span class="text-lg">Release 1.20.4</span> + </div> +</div> |