diff options
| author |   简律纯 <i@jyunko.cn> | 2026-01-14 12:12:04 +0800 |
|---|---|---|
| committer |   GitHub <noreply@github.com> | 2026-01-14 12:12:04 +0800 |
| commit | d11e3d6f4f05a150fa285d974d9836b972fd0ed5 (patch) | |
| tree | 220f1968d22c4116bb86849168e242eb18234921 /ui/src/components/HomeView.svelte | |
| parent | f1babdf9a625ddbb661f4e0678e6258511347656 (diff) | |
| parent | b8cfb443b23e644ac0a7f469b500b2beaf001e9a (diff) | |
| download | DropOut-d11e3d6f4f05a150fa285d974d9836b972fd0ed5.tar.gz DropOut-d11e3d6f4f05a150fa285d974d9836b972fd0ed5.zip | |
Merge pull request #12 from HsiangNianian/dev
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> |