new ataxchments preview code now with proper code

This commit is contained in:
Mark Gregory
2026-06-24 10:49:24 +01:00
parent c44b362710
commit 40b3a94c00
5 changed files with 127 additions and 18 deletions
@@ -205,16 +205,45 @@
</div>
</div>
<div class="rounded-2xl border border-white/10 bg-white/10 p-5 shadow-2xl backdrop-blur">
<div class="grid grid-cols-3 gap-2">
@foreach (range(1, 9) as $cell)
<div class="h-14 rounded-xl bg-white/15"></div>
@endforeach
</div>
<div class="mt-4 rounded-xl bg-white/10 p-4">
<div class="h-2 rounded-full bg-blue-300/80"></div>
<div class="mt-3 h-2 w-3/4 rounded-full bg-emerald-300/80"></div>
<div class="mt-3 h-2 w-1/2 rounded-full bg-rose-300/80"></div>
<div class="relative overflow-hidden rounded-3xl border border-white/15 bg-slate-900/75 p-5 shadow-2xl ring-1 ring-blue-400/10 backdrop-blur">
<div class="absolute -right-12 -top-12 h-36 w-36 rounded-full bg-blue-500/20 blur-3xl"></div>
<div class="absolute -bottom-16 left-8 h-40 w-40 rounded-full bg-emerald-400/10 blur-3xl"></div>
<div class="relative rounded-2xl border border-white/10 bg-white/[0.06] p-4 shadow-inner">
<div class="mb-4 flex items-center justify-between gap-3">
<div>
<div class="h-2.5 w-24 rounded-full bg-blue-200/80"></div>
<div class="mt-2 h-2 w-16 rounded-full bg-white/25"></div>
</div>
<div class="flex gap-1.5">
<span class="h-2.5 w-2.5 rounded-full bg-emerald-300"></span>
<span class="h-2.5 w-2.5 rounded-full bg-amber-300"></span>
<span class="h-2.5 w-2.5 rounded-full bg-rose-300"></span>
</div>
</div>
<div class="grid grid-cols-3 gap-2.5">
@foreach ([72, 54, 88, 46, 68, 58] as $height)
<div class="rounded-xl border border-white/10 bg-slate-800/80 p-2">
<div class="rounded-lg bg-blue-400/20" style="height: {{ $height }}px"></div>
</div>
@endforeach
</div>
<div class="mt-4 grid gap-3 sm:grid-cols-3">
<div class="rounded-xl border border-blue-300/20 bg-blue-500/15 p-3">
<div class="h-2 w-10 rounded-full bg-blue-200"></div>
<div class="mt-3 h-6 w-14 rounded-lg bg-white/20"></div>
</div>
<div class="rounded-xl border border-emerald-300/20 bg-emerald-500/15 p-3">
<div class="h-2 w-10 rounded-full bg-emerald-200"></div>
<div class="mt-3 h-6 w-14 rounded-lg bg-white/20"></div>
</div>
<div class="rounded-xl border border-violet-300/20 bg-violet-500/15 p-3">
<div class="h-2 w-10 rounded-full bg-violet-200"></div>
<div class="mt-3 h-6 w-14 rounded-lg bg-white/20"></div>
</div>
</div>
</div>
</div>
</div>