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

@ -42,12 +42,11 @@ tabs:
instructions: 'Type de tournoi'
width: 33
-
handle: content
handle: description
field:
type: markdown
display: Description
localizable: true
sortable: false
remove_empty_nodes: false
type: bard
display: description
-
handle: logo
field:
@ -76,7 +75,6 @@ tabs:
display: video
instructions: 'Video du tournoi'
sortable: false
width: 33
-
display: 'Dates and place'
fields:
@ -144,6 +142,7 @@ tabs:
type: assets
display: Picture
instructions: 'Image détourée du guest'
max_files: 1
-
handle: reveal
field:

View File

@ -1,10 +1,9 @@
<div class="column">
<a href="{{ url }}"
style="background-image: url('{{ glide:backdrop preset='thumbnail' blur="10" gam="0" bri="25" con="0"}}');background-size: cover; background-position: center;"
class="squircle tournament-block"
>
{{# <span>{{ title }}</span> #}}
{{# <span>{{ date }}</span> #}}
<img src="{{ glide:logo preset='logo' }}" alt="title">
</a>
</div>
{{ if logo }}
<a class="custom-cell"
href="{{ url }}"
>
<div class="bg" style="background-image:url('{{ glide:backdrop preset='thumbnail'}}');"></div>
<div class="bg active" style="background-image:url('{{ glide:backdrop preset='thumbnail'}}');"></div>
<img src="{{ glide:logo preset='logo' }}" alt="title">
</a>
{{ /if }}

View File

@ -1,5 +1,5 @@
<section id="hero" class="section hero is-primary is-fullheight ink bottom">
<div class="hero-body twist has-text-centered">
<div class="hero-body twist has-text-centered container">
<img src="{{ hfs:logo }}" alt="HFS SUMMER"/>
<p class="title twist-fore">
{{ hfs:date_start }} - {{ hfs:date_end }}
@ -16,19 +16,22 @@
</section>
<section class="section has-background-primary has-text-black ink top" id="catch">
<span class="is-size-1 has-text-weight-bold is-uppercase">
<div class="is-size-1 has-text-weight-bold is-uppercase container">
{{ content | widont }}
</span>
</div>
</section>
<section class="section has-background-black ink bottom yellow" id="incentive">
<h2 class="is-size-2 has-text-weight-bold is-uppercase has-text-primary block">L'évènement</h2>
<div class="container">
<h2 class="is-size-2 has-text-weight-bold is-uppercase has-text-primary block">L'évènement</h2>
{{ incentives }}
{{ partial:_incentiveblock }}
{{ /incentives }}
</div>
</section>
<section class="section has-background-primary has-text-black" id="tournaments">
<div class="container">
<h2 class="is-size-2 has-text-weight-bold is-uppercase block">
Tournois
<a class="navbar-item button is-rounded is-float-right" href="/reglement">
@ -36,47 +39,30 @@
</a>
</h2>
<div class="custom-grid">
<h3 class="is-size-3 has-text-weight-bold is-uppercase block">Tournois S-Tier</h3>
<div class="custom-grid block">
{{ collection:tournaments type:is="stier" }}
<a class="custom-cell"
href="{{ url }}"
>
<div class="bg" style="background-image:url('{{ glide:backdrop preset='thumbnail'}}');"></div>
<div class="bg active" style="background-image:url('{{ glide:backdrop preset='thumbnail'}}');"></div>
<img src="{{ glide:logo preset='logo' }}" alt="title">
</a>
{{ /collection:tournaments }}
</div>
<h3 class="is-size-3 has-text-weight-bold is-uppercase">Tournois S-Tier</h3>
<div class="grid is-col-min-9">
{{ collection:tournaments type:is="stier" }}
{{ partial:_tournamentblock }}
{{ partial:_tournamentblock }}
{{ /collection:tournaments }}
</div>
<h3 class="is-size-3 has-text-weight-bold is-uppercase">Tournois A-Tier</h3>
<div class="fixed-grid has-3-cols">
<div class="grid">
<div class="custom-grid block">
{{ collection:tournaments type:is="atier" }}
{{ partial:_tournamentblock }}
{{ /collection:tournaments }}
</div>
</div>
<h3 class="is-size-3 has-text-weight-bold is-uppercase">Tournois Rythm-Tier</h3>
<div class="fixed-grid has-3-cols">
<div class="grid">
<div class="custom-grid block">
{{ collection:tournaments type:is="rythm" }}
{{ partial:_tournamentblock }}
{{ /collection:tournaments }}
</div>
</div>
<h3 class="is-size-3 has-text-weight-bold is-uppercase">Tournois Family-Tier</h3>
<div class="fixed-grid has-3-cols">
<div class="grid">
<div class="custom-grid block">
{{ collection:tournaments type:is="family" }}
{{ partial:_tournamentblock }}
{{ /collection:tournaments }}
@ -86,48 +72,56 @@
<section class="section" id="gallery">
<h2 class="is-size-2 has-text-weight-bold is-uppercase block has-text-primary">Gallerie</h2>
<div class="grid is-col-min-9">
{{ photos }}
{{ partial:_photoblock }}
{{ /photos }}
<div class="container">
<h2 class="is-size-2 has-text-weight-bold is-uppercase block has-text-primary">Gallerie</h2>
<div class="grid is-col-min-9">
{{ photos }}
{{ partial:_photoblock }}
{{ /photos }}
</div>
</div>
</section>
<section class="section" id="faq">
<h2>FAQ</h2>
<div class="grid">
{{ faqs sort="order asc" }}
<div class="cell block">
<h3 class="is-size-3 block">{{ question }}</h3>
<p class="block">{{ reponse }}</p>
<div class="container">
<h2>FAQ</h2>
<div class="grid">
{{ faqs sort="order asc" }}
<div class="cell block">
<h3 class="is-size-3 block">{{ question }}</h3>
<p class="block">{{ reponse }}</p>
</div>
{{ /faqs }}
</div>
{{ /faqs }}
</div>
</section>
<section class="section" id="tickets">
<h2>Tickets</h2>
<div class="grid">
{{ collection:prices sort="order asc" }}
<div class="cell block">
<h3 class="is-size-3 block">{{ title }}</h3>
<p class="block">{{ price }}</p>
<a href="{{ hfs:lien_billetterie }}" class="button is-primary" target="_blank">Buy Ticket</a>
<div class="container">
<h2>Tickets</h2>
<div class="grid">
{{ collection:prices sort="order asc" }}
<div class="cell block">
<h3 class="is-size-3 block">{{ title }}</h3>
<p class="block">{{ price }}</p>
<a href="{{ hfs:lien_billetterie }}" class="button is-primary" target="_blank">Buy Ticket</a>
</div>
{{ /collection:prices }}
</div>
{{ /collection:prices }}
</div>
</section>
<section class="section" id="sponsors">
<h2>Sponsors</h2>
<div class="grid">
{{ collection:sponsors sort="order asc" }}
<div class="cell">
<img src="{{ glide:logo preset='logo' }}" alt="{{ logo:alt }}">
</div>
{{ /collection:sponsors }}
<div class="container">
<h2>Sponsors</h2>
<div class="grid">
{{ collection:sponsors sort="order asc" }}
<div class="cell">
<img src="{{ glide:logo preset='logo' }}" alt="{{ logo:alt }}">
</div>
{{ /collection:sponsors }}
</div>
</div>
</section>

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>