mirror of
https://github.com/hyprwm/hyprland-website.git
synced 2024-11-17 02:45:59 +01:00
contest: date as pill
This commit is contained in:
parent
20045a3b55
commit
947e2f49c8
1 changed files with 8 additions and 4 deletions
|
@ -28,15 +28,19 @@
|
||||||
|
|
||||||
<section class="">
|
<section class="">
|
||||||
<div class="relative py-24 sm:py-40">
|
<div class="relative py-24 sm:py-40">
|
||||||
<div
|
<header
|
||||||
class="flex flex-col items-center p-6 mix-blend-color-dodge"
|
class="flex flex-col items-center gap-2 p-6 mix-blend-color-dodge"
|
||||||
use:inview={{ threshold: 0.45 }}
|
use:inview={{ threshold: 0.45 }}
|
||||||
on:inview_change={setEnabled}
|
on:inview_change={setEnabled}
|
||||||
>
|
>
|
||||||
<div class="text-xl font-bold text-neutral-300/80 sm:text-2xl">Contest #{number}</div>
|
<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="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
|
||||||
|
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>
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
<div class="mask" class:enabled>
|
<div class="mask" class:enabled>
|
||||||
<div class="background" aria-hidden="true"></div>
|
<div class="background" aria-hidden="true"></div>
|
||||||
|
|
Loading…
Reference in a new issue