Adpatation mobiles
This commit is contained in:
@ -4,16 +4,13 @@ blueprint: tournament
|
||||
title: 'Facteur X'
|
||||
author: 5a7338bf-56d2-42b5-8ad0-7459a1fd8152
|
||||
updated_by: cf207a21-df92-4f9c-b7c7-897476d8f464
|
||||
updated_at: 1769422061
|
||||
updated_at: 1769700323
|
||||
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
|
||||
@ -51,6 +48,23 @@ description:
|
||||
-
|
||||
type: text
|
||||
text: 'oeishfosiujfbqgovbvouiqberghyvbouybgoqg !'
|
||||
phases:
|
||||
-
|
||||
id: mkzlrzjx
|
||||
phase_name: 'Facteur X - Solo'
|
||||
qualif_start: '2026-01-29 16:22'
|
||||
start: '2026-01-29 16:22'
|
||||
end: '2026-01-29 16:22'
|
||||
type: phase
|
||||
enabled: true
|
||||
-
|
||||
id: mkzlvifv
|
||||
phase_name: 'Facteur X - Team'
|
||||
qualif_start: '2026-01-29 16:22'
|
||||
start: '2026-01-29 16:22'
|
||||
end: '2026-01-29 16:22'
|
||||
type: phase
|
||||
enabled: true
|
||||
---
|
||||
That's the FX yup. Et ca déchire.
|
||||
Ca va etre chanmé.
|
||||
@ -1,4 +1,5 @@
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
console.log('DOM fully loaded and parsed');
|
||||
|
||||
const FPS = 60; // Target frames per second for cursor tracking
|
||||
|
||||
@ -152,4 +153,22 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
});
|
||||
});
|
||||
})();
|
||||
});
|
||||
|
||||
// Navbar mobile
|
||||
// Get all "navbar-burger" elements
|
||||
const $navbarBurgers = document.querySelector('.navbar-burger');
|
||||
console.log('$navbarBurgers:', $navbarBurgers);
|
||||
// Add a click event on each of them
|
||||
let el = $navbarBurgers;
|
||||
el.addEventListener('click', () => {
|
||||
console.log('Navbar burger clicked');
|
||||
// Get the target from the "data-target" attribute
|
||||
const target = el.dataset.target;
|
||||
const $target = document.getElementById(target);
|
||||
|
||||
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
|
||||
el.classList.toggle('is-active');
|
||||
$target.classList.toggle('is-active');
|
||||
|
||||
});
|
||||
}, { once: true });
|
||||
|
||||
@ -35,7 +35,11 @@ body{
|
||||
}
|
||||
#nav{
|
||||
--bulma-navbar-item-img-max-height: 2.5rem;
|
||||
display:flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#hero{
|
||||
justify-content:center;
|
||||
}
|
||||
|
||||
@ -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'
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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 }}"
|
||||
|
||||
@ -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 }}
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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">
|
||||
|
||||
Reference in New Issue
Block a user