Adpatation mobiles

This commit is contained in:
2026-01-29 17:35:49 +01:00
parent 67189dd7ee
commit 8d0586cfb4
11 changed files with 140 additions and 60 deletions

View File

@ -76,29 +76,23 @@ tabs:
instructions: 'Video du tournoi'
sortable: false
-
display: 'Dates and place'
display: Phases
instructions: 'Différentes phases type solo / team / etc'
fields:
-
handle: qualif_start
handle: phases
field:
time_enabled: true
type: date
display: qualif_start
instructions: 'Debut des qualifs'
-
handle: start
field:
time_enabled: true
type: date
display: start
instructions: 'Debut du tournoi'
-
handle: end
field:
time_enabled: true
type: date
display: End
instructions: 'Fin du tournoi'
type: replicator
display: Phases
sets:
new_set_group:
display: 'New Set Group'
sets:
phase:
display: Phase
fields:
-
import: tournament_phases
-
display: Guests
instructions: 'Infos des invités'

View File

@ -21,7 +21,7 @@
{{ /if }}
</div>
<div class="media-content">
<p class="title is-4 has-text-primary">{{ name }}</p>
<p class="title is-6 is-4-tablet has-text-primary">{{ name }}</p>
{{# <p class="subtitle is-6">@johnsmith</p> #}}
</div>
</div>

View File

@ -4,8 +4,8 @@
<div class="grid text-content py-3">
{{ if isOdd }} <div></div> {{ /if }}
<div class="has-background-black {{ isOdd ? 'has-text-right' : '' }} px-p-5 box">
<div class="is-size-3 has-text-primary is-uppercase block has-text-weight-bold">{{ title }}</div>
<p class="is-size-5">{{ description }}</p>
<div class="is-size-3-tablet has-text-primary is-uppercase block has-text-weight-bold">{{ title }}</div>
<p class="is-size-5-tablet">{{ description }}</p>
</div>
{{ if !isOdd }}<div></div>{{ /if }}
</div>

View File

@ -1,4 +1,4 @@
<div class="cell">
<div class="cell has-text-centered">
{{? $angle = rand(-15,15); ?}}
<img src="{{ glide:url preset="thumbnail" fm="webp"}}"
data-url-full="{{ glide:url }}"

View File

@ -1,10 +1,10 @@
<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">
<img src="{{ hfs:logo }}" alt="HFS SUMMER" class="mb-4"/>
<p class="title twist-fore is-size-4 is-size-1-tablet">
{{ hfs:date_start }} - {{ hfs:date_end }}
</p>
<p class="subtitle twist-fore">{{ hfs:place }}</p>
<p class="subtitle twist-fore is-size-5 is-size-4-tablet">{{ hfs:place }}</p>
</div>
</section>
@ -21,7 +21,7 @@
</div>
</section>
<section class="section has-background-black ink bottom yellow" id="incentive">
<section class="section has-background-black ink bottom yellow" id="event">
<div class="container">
<h2 class="is-size-2 has-text-weight-bold is-uppercase has-text-primary block">L'évènement</h2>
{{ incentives }}
@ -74,7 +74,7 @@
<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">
<div class="grid is-col-min-9 is-col-min">
{{ photos }}
{{ partial:_photoblock }}
{{ /photos }}

View File

@ -16,12 +16,31 @@
<title>{{ title ?? site:name }}</title>
</head>
<body>
<nav id="nav" class="navbar is-fixed-top p-5" role="navigation" aria-label="main navigation">
<nav id="nav" class="navbar is-fixed-top p-5 has-text-primary" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item squircle" href="/">
<img src="/assets/logo2.svg" style="height:5rem;"/>
</a>
<a role="button" class="navbar-burger has-text-primary" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu has-text-primary bas-background-black is-hidden-tablet">
<div class="navbar-start has-text-primary">
<a class="navbar-item has-text-primary" href="/#event">
L'évenement
</a>
<a class="navbar-item has-text-primary" href="/#tournaments">
Tournois
</a>
</div>
</div>
<div class="navbar-end">
<a class="navbar-item button is-rounded has-text-primary" href="{{ hfs:lien_billetterie }}" target="_blank">
Billetterie
@ -53,7 +72,7 @@
<script src="https://unpkg.com/lenis@1.3.17/dist/lenis.min.js"></script>
<script src="/assets/js/main.js"></script>
{{ vite src="public/assets/js/main.js|public/assets/css/site.css" }}
{{# {{ vite src="public/assets/js/main.js|public/assets/css/site.css" }} #}}
{{# {{ vite src="resources/js/site.js|resources/css/site.css" }} #}}
</html>

View File

@ -1,6 +1,6 @@
<div class="container">
<h1 class="is-size-1 has-text-weight-bolder has-text-primary">Règlement</h1>
<section class="section container pt-6" id="rules">
<h1 class="is-size-1 has-text-weight-bolder has-text-primary mt-6">Règlement</h1>
<div class="content">
{{ rules }}
</div>
</div>
</section>

View File

@ -4,7 +4,7 @@
>
<img src="{{ glide:logo preset="logo_large" fm="webp"}}" class="my-6" alt="{{ logo:alt }}" />
</section>
<section class="grid is-col-min-16 is-gap-4 my-6 container" id="tournament-info">
<section class="section grid is-col-min-16 is-gap-4 container" id="tournament-info">
<div class="cell">
<div class="has-text-weight-bolder is-uppercase is-size-1 has-text-primary">
{{ title }}
@ -12,27 +12,57 @@
<div class="has-text-white block is-size-4 mb-6">
Tournoi {{ type:label }}
</div>
<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">
<div class="block content mb-6">
{{ description }}
</div>
{{ phases }}
{{ if (phases | length) > 1 }}
<h3 class="is-size-3 has-text-primary block has-text-weight-bolder">{{ phase_name }}</h3>
{{ /if }}
<div class="is-hidden-mobile">
<div>
<span class="tag is-medium is-primary has-text-weight-bolder is-uppercase block">
Début des qualifications
</span>
<span class="has-text-primary has-text-weight-bold">{{ qualif_start format="d/m/Y H:i" ?? 'TBA' }}</span>
</div>
<div>
<span class="tag is-medium is-primary has-text-weight-bolder is-uppercase block">
Début du tournoi
</span>
<span>{{ start format="d/m/Y H:i" ?? 'TBA' }}</span>
</div>
<div class="mb-6">
<span class="tag is-medium is-primary has-text-weight-bolder is-uppercase block">
Fin du tournoi
</span>
<span>{{ end format="d/m/Y H:i"?? 'TBA' }}</span>
</div>
</div>
<div class="is-hidden-tablet">
<div>
<span class="tag is-primary has-text-weight-bolder is-uppercase block">
Début des qualifications
</span>
<span class="has-text-primary has-text-weight-bold">{{ qualif_start format="d/m/Y H:i" ?? 'TBA' }}</span>
</div>
<div>
<span class="tag is-primary has-text-weight-bolder is-uppercase block">
Début du tournoi
</span>
<span>{{ start format="d/m/Y H:i" ?? 'TBA' }}</span>
</div>
<div class="mb-6">
<span class="tag is-primary has-text-weight-bolder is-uppercase block">
Fin du tournoi
</span>
<span>{{ end format="d/m/Y H:i"?? 'TBA' }}</span>
</div>
</div>
{{ /phases }}
</div>
<div class="cell">