blob: e876c1412f24f9fdf04b9239fd08b4aeeba193e1 (
plain) (
blame)
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
|
<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>
|