Yup

config/statamic/assets.php

@@ -101,6 +101,7 @@ return [
             // 'small' => ['w' => 200, 'h' => 200, 'q' => 75, 'fit' => 'crop'],
             'thumbnail' => [ 'w' => 300,  'h' => 300, 'q' => 75 ],
             'logo' => [ 'w' => 200,  'h' => 200, 'q' => 80, 'fit' => 'contain' ],
+            'logo_large' => [ 'w' => 400,  'h' => 400, 'q' => 80, 'fit' => 'contain' ],
         ],
 
         /*

config/statamic/cp.php

@@ -53,8 +53,19 @@ return [
     */
 
     'widgets' => [
-        'getting_started',
+//        'getting_started',
+        [
+            'type' => 'collection',
+            'collection' => 'pages',
+            'limit' => 10,
         ],
+        [
+            'type' => 'collection',
+            'collection' => 'tournaments',
+            'limit' => 10,
+        ],
+    ],
+
 
     /*
     |--------------------------------------------------------------------------

config/statamic/system.php

@@ -94,7 +94,8 @@ return [
     |
     */
 
-    'date_format' => 'F jS, Y',
+//    'date_format' => 'F jS, Y',
+    'date_format' => 'd/m/Y',
 
     /*
     |--------------------------------------------------------------------------

content/collections/pages/home.md

@@ -5,7 +5,7 @@ title: Home
 template: home
 author: 5a7338bf-56d2-42b5-8ad0-7459a1fd8152
 updated_by: cf207a21-df92-4f9c-b7c7-897476d8f464
-updated_at: 1768920692
+updated_at: 1769093488
 incentives:
   -
     id: mki632jb
@@ -51,15 +51,6 @@ photos:
   - photos/285129975_4931884353606270_9099815639564787952_n.jpg
   - photos/285133824_4931922866935752_1400404880920508743_n.jpg
 content:
-  -
-    type: paragraph
-    content:
-      -
-        type: text
-        marks:
-          -
-            type: bold
-        text: 'Le HFS Summer'
   -
     type: heading
     attrs:
@@ -90,5 +81,5 @@ content:
         type: hardBreak
       -
         type: text
-        text: "Une bulle de nostalgie ou bornes d'arcade, flippers, consoles retro, jeux forains et LAN party à l'ancienne cohabiteront dans la bonne humeur et l'échange. Des tournois internationaux ou pour le fun à vivre de l'intérieur, en spectateur ou en tant que compétiteur. Prenez part à l'aventure HFS Play, embarquez avec nous pour une toute nouvelle édition XXL !"
+        text: "Une bulle de nostalgie ou bornes d'arcade, flippers, consoles retro, jeux forains et LAN party à l'ancienne cohabitent dans la bonne humeur. Des tournois internationaux ou pour le fun à vivre de l'intérieur, en spectateur ou en tant que compétiteur. Prenez part à l'aventure HFS Play, embarquez avec nous pour une toute nouvelle édition XXL !"
 ---

content/collections/tournaments/hado-1.md

@@ -4,12 +4,52 @@ blueprint: tournament
 title: 'Facteur X'
 author: 5a7338bf-56d2-42b5-8ad0-7459a1fd8152
 updated_by: cf207a21-df92-4f9c-b7c7-897476d8f464
-updated_at: 1769009650
+updated_at: 1769093099
 logo: image_2026-01-06_210603982.png
 type: stier
 backdrop: image_2026-01-06_210653383.png
 start: '2026-01-07 14:00'
 end: '2026-01-07 17:00'
 duplicated_from: 8bd8dafe-19f4-4a20-a72f-46cb0b6ac245
+game: 'Street Fighter 2X'
+video: 'https://www.youtube.com/watch?v=U7Zb7LNR_pE'
+qualif_start: '2026-01-22 00:00'
+guests:
+  -
+    id: mkpj5kld
+    name: Kark
+    country: France
+    picture: mousse.png
+    reveal: true
+    type: guest
+    enabled: true
+description:
+  -
+    type: heading
+    attrs:
+      level: 2
+    content:
+      -
+        type: text
+        text: 'BACK DANS LES BACS !'
+  -
+    type: paragraph
+    content:
+      -
+        type: text
+        text: 'Retour du truc blablabalbalbalbalbal'
+  -
+    type: paragraph
+    content:
+      -
+        type: text
+        text: oduihbozbqozbqozf
+  -
+    type: paragraph
+    content:
+      -
+        type: text
+        text: 'oeishfosiujfbqgovbvouiqberghyvbouybgoqg !'
 ---
 That's the FX yup. Et ca déchire.
+Ca va etre chanmé.

public/css/site.css

@@ -11,6 +11,7 @@
     --bulma-black-h: 0;
     --bulma-black-s: 0%;
     --bulma-black-l: 6%;
+    --bulma-body-background-color: hsl(0, 0%, 6%);
 }
 .has-text-weight-bold {
     font-weight: 600 !important;
@@ -35,6 +36,9 @@ body{
 #hero .hero-body{
     flex-direction: column;flex-grow:0;
 }
+h1{
+    margin:0;
+}
 /* -----------------------------------------------*/
 
 /*Custom classes*/
@@ -211,6 +215,12 @@ video{
     place-items: center;
     columns: 3;
 }
+
+/*TOURNAMENT PAGE*/
+#tournament-header{
+    background-size: cover;
+    background-position: center;
+}
 /*------------------------------------------------------------------*/
 
 /*Twist animation*/

resources/blueprints/collections/tournaments/tournament.yaml

@@ -42,12 +42,11 @@ tabs:
               instructions: 'Type de tournoi'
               width: 33
           -
-            handle: content
+            handle: description
             field:
-              type: markdown
+              remove_empty_nodes: false
-              display: Description
+              type: bard
-              localizable: true
+              display: description
-              sortable: false
           -
             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:

resources/views/_tournamentblock.antlers.html

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

resources/views/home.antlers.html

@@ -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">
+    <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,20 +39,8 @@
         </a>
     </h2>
 
-    <div class="custom-grid">
+    <h3 class="is-size-3 has-text-weight-bold is-uppercase block">Tournois S-Tier</h3>
-        {{ collection:tournaments type:is="stier" }}
+    <div class="custom-grid block">
-            <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  }}
         {{ /collection:tournaments }}
@@ -57,26 +48,21 @@
 
 
     <h3 class="is-size-3 has-text-weight-bold is-uppercase">Tournois A-Tier</h3>
-    <div class="fixed-grid has-3-cols">
+        <div class="custom-grid block">
-        <div class="grid">
             {{ 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="custom-grid block">
-        <div class="grid">
             {{ 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="custom-grid block">
-        <div class="grid">
             {{ collection:tournaments type:is="family" }}
             {{  partial:_tournamentblock  }}
             {{ /collection:tournaments }}
@@ -86,16 +72,19 @@
 
 
 <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" id="faq">
+    <div class="container">
         <h2>FAQ</h2>
         <div class="grid">
             {{ faqs sort="order asc" }}
@@ -105,9 +94,11 @@
             </div>
             {{ /faqs }}
         </div>
+    </div>
 </section>
 
 <section class="section" id="tickets">
+    <div class="container">
         <h2>Tickets</h2>
         <div class="grid">
             {{ collection:prices sort="order asc" }}
@@ -118,9 +109,11 @@
                 </div>
             {{ /collection:prices }}
         </div>
+    </div>
 </section>
 
 <section class="section" id="sponsors">
+    <div class="container">
         <h2>Sponsors</h2>
         <div class="grid">
             {{ collection:sponsors sort="order asc" }}
@@ -130,4 +123,5 @@
         {{ /collection:sponsors }}
 
         </div>
+    </div>
 </section>

resources/views/tournaments/show.antlers.html

@@ -1,33 +1,70 @@
-<section style="background-image: url('{{ backdrop }}');" class="bg-cover bg-center">
+<section style="background-image: url('{{ glide:backdrop blur="20" }}');"
-
+         class="has-text-centered"
-    <h1 class="text-3xl bg-yellow-400 text-center text-yellow-900 font-bold mt-6 p-6">{{ title }}</h1>
+         id="tournament-header"
-
+>
-
+    <img src="{{ glide:logo preset="logo_large" }}" class="my-6" alt="{{ logo:alt }}" />
-
-    <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>
-<section class="infos">
+<section class="grid is-col-min-16 is-gap-4 my-6 container" id="tournament-info">
-    <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-8 text-sm text-yellow-400">
+    <div class="cell">
-        <div class="border border-yellow-400 p-4">
+        <div class="has-text-weight-bolder is-uppercase is-size-1 has-text-primary">
-            <h2 class="font-bold mb-2">Debut des qualifications</h2>
+            {{ title }}
-            <p>{{ qualifs }}</p>
         </div>
-        <div class="border border-yellow-400 p-4">
+        <div class="has-text-white block is-size-4 mb-6">
-            <h2 class="font-bold mb-2">Debut</h2>
+            {{  type:label }} Tournament
-            <p>{{ start }}</p>
         </div>
-        <div class="border border-yellow-400 p-4">
+        <div>
-            <h2 class="font-bold mb-2">Fin</h2>
+            <span class="tag is-large is-primary has-text-weight-bolder is-uppercase block">
-            <p>{{ end }}</p>
+                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>