This commit is contained in:
2026-01-26 16:57:35 +01:00
parent 46d97d433c
commit 0f5f732b4d
43 changed files with 2657 additions and 40 deletions

View File

@ -0,0 +1,29 @@
<div class="card">
<div class="card-image">
<figure class="image px-3 pt-3">
{{ 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 }}
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-left">
{{ if flag }}
<figure class="image is-48x48">
<img
src="{{ glide:flag height="80" }}"
alt="Placeholder image"
/>
</figure>
{{ /if }}
</div>
<div class="media-content">
<p class="title is-4 has-text-primary">{{ name }}</p>
{{# <p class="subtitle is-6">@johnsmith</p> #}}
</div>
</div>
</div>
</div>

View File

@ -1,5 +1,5 @@
<div class="cell">
{{? $angle = rand(-30,30); ?}}
{{? $angle = rand(-15,15); ?}}
<img src="{{ glide:url preset="thumbnail" }}" alt="{{ alt }}" class="photo"
style="transform: rotate({{ $angle }}deg);">
{{# <img src="{{ glide:url }}" alt="{{ alt }}" class="photo full"> #}}

View File

@ -71,7 +71,7 @@
</section>
<section class="section" id="gallery">
<section class="section ink top yellow" id="gallery">
<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">
@ -83,45 +83,71 @@
</section>
<section class="section" id="faq">
<section class="section has-background-primary has-text-black" id="faq">
<div class="container">
<h2>FAQ</h2>
<div class="grid">
<h2 class="is-size-2 has-text-weight-bold is-uppercase block">Infos pratiques</h2>
<div class="faq-list">
{{ faqs sort="order asc" }}
<div class="cell block">
<h3 class="is-size-3 block">{{ question }}</h3>
<p class="block">{{ reponse }}</p>
</div>
<details class="box faq-item" role="group">
<summary class="is-size-4 has-text-weight-semibold is-uppercase" role="button" aria-expanded="false">
<span>{{ question }}</span>
<span class="faq-caret" aria-hidden="true"></span>
</summary>
<div class="content mt-3 has-text-white">
<p>{{ reponse }}</p>
</div>
</details>
{{ /faqs }}
</div>
</div>
</section>
<section class="section" id="tickets">
<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>
<h2 class="is-size-2 has-text-weight-bold is-uppercase block has-text-primary">Tarifs</h2>
<div class="grid is-multiline">
{{ collection:prices sort="order asc" limit="3" }}
<div class="cell block has-text-centered">
<h3 class="is-size-4 has-text-weight-bold is-uppercase mb-2">{{ title }}</h3>
<p class="is-size-1 has-text-weight-bold mb-3">{{ price }} €</p>
{{# <a href="{{ hfs:lien_billetterie }}" class="button is-primary is-rounded" target="_blank" aria-label="Acheter {{ title }}">Acheter</a> #}}
</div>
{{ /collection:prices }}
</div>
<p class="mt-4">
<a href="{{ hfs:lien_billetterie }}" class="button is-outlined is-primary is-fullwidth is-rounded" target="_blank">Voir la billetterie</a>
</p>
</div>
</section>
<section class="section" id="sponsors">
<section class="section has-background-primary has-text-black" id="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 }}
<h2 class="is-size-2 has-text-weight-bold is-uppercase block">Sponsors & partenaires</h2>
<div class="columns is-multiline is-mobile">
{{ collection:sponsors sort="order asc" }}
<div class="column is-half-mobile is-one-fifth-tablet" title="{{ name }}">
{{ if link }}
<a href="{{ link }}" target="_blank" rel="noopener noreferrer" class="partner-link" style="text-decoration:none;">
{{ else }}
<div class="partner-link" style="">
{{ /if }}
<div class="partner-box">
<img src="{{ glide:logo preset='logo' }}" alt="{{ logo:alt }}" style="max-width:100%;max-height:100%;object-fit:contain;display:block;">
</div>
{{ if link }}
</a>
{{ else }}
</div>
{{ /if }}
</div>
{{ /collection:sponsors }}
</div>
</div>
</section>

View File

@ -0,0 +1,127 @@
<section id="hero" class="section hero is-primary is-fullheight ink bottom">
<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 }}
</p>
<p class="subtitle twist-fore">{{ hfs:place }}</p>
</div>
</section>
<section id="reel">
<video autoplay loop muted playsinline>
<source src="assets/video/reel.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</section>
<section class="section has-background-primary has-text-black ink top" id="catch">
<div class="is-size-1 has-text-weight-bold is-uppercase container">
{{ content | widont }}
</div>
</section>
<section class="section has-background-black ink bottom yellow" id="incentive">
<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">
Règlement
</a>
</h2>
<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" }}
{{ partial:_tournamentblock }}
{{ /collection:tournaments }}
</div>
<h3 class="is-size-3 has-text-weight-bold is-uppercase">Tournois A-Tier</h3>
<div class="custom-grid block">
{{ collection:tournaments type:is="atier" }}
{{ partial:_tournamentblock }}
{{ /collection:tournaments }}
</div>
<h3 class="is-size-3 has-text-weight-bold is-uppercase">Tournois Rythm-Tier</h3>
<div class="custom-grid block">
{{ collection:tournaments type:is="rythm" }}
{{ partial:_tournamentblock }}
{{ /collection:tournaments }}
</div>
<h3 class="is-size-3 has-text-weight-bold is-uppercase">Tournois Family-Tier</h3>
<div class="custom-grid block">
{{ collection:tournaments type:is="family" }}
{{ partial:_tournamentblock }}
{{ /collection:tournaments }}
</div>
</div>
</section>
<section class="section" id="gallery">
<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 has-background-primary has-text-black" id="faq">
<div class="container">
<h2 class="is-size-2 has-text-weight-bold is-uppercase block">Infos pratiques</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>
</div>
</section>
<section class="section" id="tickets">
<div class="container">
<h2 class="is-size-2 has-text-weight-bold is-uppercase block has-text-primary">Tarifs</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>
</div>
</section>
<section class="section has-background-primary has-text-black" id="sponsors">
<div class="container">
<h2 class="is-size-2 has-text-weight-bold is-uppercase block">Sponsors & partenaires</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

@ -9,6 +9,10 @@
href="/css/bulma.min.css"
>
<link rel="stylesheet" href="/css/site.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png">
<link rel="manifest" href="/assets/site.webmanifest">
<title>{{ title ?? site:name }}</title>
</head>
<body>
@ -33,10 +37,19 @@
<img src="/assets/logo2.svg" alt="" style="width:3rem;">
</div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell">
<ul>
{{ nav:main }}
<li><a href="{{ url }}">{{ title }}</a></li>
{{ /nav:main }}
</ul>
</div>
</div>
</footer>
</body>
<script src="https://unpkg.com/lenis@1.3.17/dist/lenis.min.js"></script>
<script src="/assets/js/main.js"></script>
{{ vite src="resources/js/app.js|resources/css/app.css" }}
</html>

View File

@ -10,7 +10,7 @@
{{ title }}
</div>
<div class="has-text-white block is-size-4 mb-6">
{{ type:label }} Tournament
Tournoi {{ type:label }}
</div>
<div>
<span class="tag is-large is-primary has-text-weight-bolder is-uppercase block">
@ -50,13 +50,7 @@
<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>
{{ partial:_guest }}
{{ /guests }}
</div>
</div>