hyprwm/hyprland-website
1
0
Fork 0
mirror of https://github.com/hyprwm/hyprland-website.git synced 2024-12-22 18:29:48 +01:00
Code Issues Projects Releases Packages Wiki Activity

contest: date as pill

Browse source
This commit is contained in:
VDawg 2023-11-16 17:45:06 +01:00
parent 20045a3b55
commit 947e2f49c8
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/routes/wall_of_fame/Contest.svelte
View file

@ -28,15 +28,19 @@
<section class="">
<div class="relative py-24 sm:py-40">
<div
class="flex flex-col items-center p-6 mix-blend-color-dodge"
<header
class="flex flex-col items-center gap-2 p-6 mix-blend-color-dodge"
use:inview={{ threshold: 0.45 }}
on:inview_change={setEnabled}
>
<div class="text-xl font-bold text-neutral-300/80 sm:text-2xl">Contest #{number}</div>
<h2 class="text-center text-6xl font-bold text-neutral-200/80 sm:text-9xl">{name}</h2>
<h2 class="mt-2 text-center text-xl font-bold text-slate-200/80">{date}</h2>
</div>
<div
class="mt-2 rounded-full bg-slate-100/5 px-4 py-1 text-center text-xl font-bold text-slate-200/80 shadow"
>
{date}
</div>
</header>
<div class="mask" class:enabled>
<div class="background" aria-hidden="true"></div>