This commit is contained in:
2026-01-22 16:07:14 +01:00
parent 13d585376e
commit 46d97d433c
10 changed files with 192 additions and 109 deletions

View File

@ -1,33 +1,70 @@
<section style="background-image: url('{{ backdrop }}');" class="bg-cover bg-center">
<h1 class="text-3xl bg-yellow-400 text-center text-yellow-900 font-bold mt-6 p-6">{{ title }}</h1>
<div class="border text-center text-yellow-600 border-yellow-400 mt-8 p-3 text-xs uppercase">
{{ type:label }} Tournament &bull; {{ start }}
</div>
<img src="{{ logo }}" class="border-2 border-yellow-400 p-1" alt="{{ logo:alt }}" />
<section style="background-image: url('{{ glide:backdrop blur="20" }}');"
class="has-text-centered"
id="tournament-header"
>
<img src="{{ glide:logo preset="logo_large" }}" class="my-6" alt="{{ logo:alt }}" />
</section>
<section class="infos">
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-8 text-sm text-yellow-400">
<div class="border border-yellow-400 p-4">
<h2 class="font-bold mb-2">Debut des qualifications</h2>
<p>{{ qualifs }}</p>
<section class="grid is-col-min-16 is-gap-4 my-6 container" id="tournament-info">
<div class="cell">
<div class="has-text-weight-bolder is-uppercase is-size-1 has-text-primary">
{{ title }}
</div>
<div class="border border-yellow-400 p-4">
<h2 class="font-bold mb-2">Debut</h2>
<p>{{ start }}</p>
<div class="has-text-white block is-size-4 mb-6">
{{ type:label }} Tournament
</div>
<div class="border border-yellow-400 p-4">
<h2 class="font-bold mb-2">Fin</h2>
<p>{{ end }}</p>
<div>
<span class="tag is-large is-primary has-text-weight-bolder is-uppercase block">
Début des qualifications
</span>
<span>{{ qualifs ?? 'TBA' }}</span>
</div>
<div>
<span class="tag is-large is-primary has-text-weight-bolder is-uppercase block">
Début du tournoi
</span>
<span>{{ start format="d/m/Y hh:mm" ?? 'TBA' }}</span>
</div>
<div class="mb-6">
<span class="tag is-large is-primary has-text-weight-bolder is-uppercase block">
Fin du tournoi
</span>
<span>{{ end ?? 'TBA' }}</span>
</div>
<div class="block content">
{{ description }}
</div>
</div>
<div class="cell">
{{ if video }}
<div class="has-text-weight-bolder is-uppercase is-size-3 has-text-primary block">
Replay
</div>
<iframe src="{{ video | embed_url }}" class="is-fullwidth block mb-6" style="width:100%;aspect-ratio: 16/9;"></iframe>
{{ /if }}
{{ if guests }}
<div class="has-text-weight-bolder is-uppercase is-size-3 has-text-primary block">
Guests
</div>
<div class="fixed-grid has-2-cols is-gap-4">
<div class="grid ">
{{ guests }}
<div class="cell squircle has-background-primary">
{{ if reveal === true }}
<img src="{{ glide:picture preset="logo" }}" alt="{{ name }}" title="{{ name }}">
{{ else }}
<img src="{{ glide:picture preset="logo" bri="-100" }}" alt="TBA" title="TBA">
{{ /if }}
</div>
{{ /guests }}
</div>
</div>
</div>
{{ /if }}
</div>
</section>
<article class="space-y-4 mt-8 text-sm text-yellow-400 leading-loose">
{{ content }}
</article>