karkinge/summer-cms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ooooooook good !

Browse Source
This commit is contained in:
Matthieu Carquigny
2026-01-31 16:16:06 +01:00
parent 8d0586cfb4
commit a98c23ed1d
20 changed files with 1439 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
resources/views/_incentiveblock.antlers.html
View File

@ -1,5 +1,6 @@
<div class="incentive-block block py-3 fixed-grid has-1-cols has-2-cols-tablet">
{{ isOdd = index % 2 }}
{{ isOdd = index % 2 }}
{{# DESKTOP VERSION #}}
<div class="is-hidden-mobile incentive-block block py-3 fixed-grid has-1-cols has-2-cols-tablet ">
<div class="bg" style="background-image:url('{{ glide:photo q="80" width="1344" fm="webp"}}')"></div>
<div class="grid text-content py-3">
{{ if isOdd }} <div></div> {{ /if }}
@ -10,3 +11,14 @@
{{ if !isOdd }}<div></div>{{ /if }}
</div>
</div>
{{# MOBILE VERSION #}}
<div class="is-hidden-tablet incentive-block block py-3">
<img src="{{ glide:photo q="80" width="500" fm="webp"}}"/>
<div class="grid text-content py-3">
<div class="has-background-black {{ isOdd ? 'has-text-right' : '' }} px-p-5 box">
<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>
</div>
</div>

9
resources/views/_photoblock.antlers.html
View File

@ -1,9 +0,0 @@
<div class="cell has-text-centered">
{{? $angle = rand(-15,15); ?}}
<img src="{{ glide:url preset="thumbnail" fm="webp"}}"
data-url-full="{{ glide:url }}"
alt="{{ alt }}"
class="photo"
style="transform: rotate({{ $angle }}deg);">
<img src="{{ glide:url w="1280" q="70" fm="webp"}}" alt="{{ alt }}" class="photo-full">
</div>

17
resources/views/_photoblock.antlers.php Normal file
View File

@ -0,0 +1,17 @@
<div class="cell has-text-centered">
<?php $angle = rand(-15,15); ?>
<img src="{{ glide:url preset="thumbnail" fm="webp"}}"
data-url-full="{{ glide:url }}"
alt="{{ alt }}"
class="photo"
style="transform: rotate(<?php echo $angle; ?>deg);">
<div class="modal">
<div class="modal-background"></div>
<div class="modal-content is-fullwidth">
<p class="image">
<img src="{{ glide:url w="1280" q="70" fm="webp"}}" alt="{{ alt }}" class="is-fullwidth">
</p>
</div>
<button class="modal-close is-large" aria-label="close"></button>
</div>
</div>

18
resources/views/_priceblock.antlers.html Normal file
View File

@ -0,0 +1,18 @@
<div class="card">
<div class="card-content">
<p class="title">
{{ title }}
</p>
<p class="subtitle">{{content}}</p>
</div>
<footer class="card-footer">
<p class="card-footer-item {{ sold_out ? 'has-text-danger':'has-text-primary'}} has-text-weight-bolder is-size-4">
{{ price }} €
</p>
{{ if sold_out }}
<p class="card-footer-item">
<span class="tag is-danger has-text-white has-text-weight-bold">ÉPUISÉ</span>
</p>
{{ /if }}
</footer>
</div>

35
resources/views/home.antlers.html
View File

@ -16,14 +16,14 @@
</section>
<section class="section has-background-primary has-text-black ink bottom" id="catch">
<div class="is-size-1 has-text-weight-bold is-uppercase container">
<div class="is-size-3-mobile is-size-1-tablet has-text-weight-bold is-uppercase container">
{{ content | widont }}
</div>
</section>
<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>
<h2 class="is-size-2 has-text-weight-bold is-uppercase has-text-primary block mb-6">L'évènement</h2>
{{ incentives }}
{{ partial:_incentiveblock }}
{{ /incentives }}
@ -32,7 +32,7 @@
<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">
<h2 class="is-size-2 has-text-weight-bold is-uppercase block mb-6">
Tournois
<a class="navbar-item button is-rounded is-float-right" href="/reglement">
Règlement
@ -73,11 +73,13 @@
<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 is-col-min">
{{ photos }}
{{ partial:_photoblock }}
{{ /photos }}
<h2 class="is-size-2 has-text-weight-bold is-uppercase block has-text-primary mb-6">Gallerie</h2>
<div class="fixed-grid has-5-cols-tablet has-2-cols-mobile">
<div class="grid">
{{ photos }}
{{ partial:_photoblock }}
{{ /photos }}
</div>
</div>
</div>
</section>
@ -85,7 +87,7 @@
<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>
<h2 class="is-size-2 has-text-weight-bold is-uppercase block mb-6">Infos pratiques</h2>
<div class="faq-list">
{{ faqs sort="order asc" }}
@ -108,28 +110,23 @@
<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>
<h2 class="is-size-2 has-text-weight-bold is-uppercase block has-text-primary mb-6">Tarifs</h2>
<div class="grid is-multiline">
<div class="grid is-multiline is-col-min-9">
{{ 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>
{{ if sold_out }}<span class="tag is-primary has-text-weight-bold">ÉPUISÉ</span>{{ /if }}
<p>{{ content }}</p>
<p class="is-size-1 has-text-weight-bold mb-3">{{ price }} €</p>
</div>
{{ partial:_priceblock }}
{{ /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>
<a href="{{ hfs:lien_billetterie }}" class="button is-outlined is-large is-uppercase is-primary is-fullwidth is-rounded" target="_blank">Voir la billetterie</a>
</p>
</div>
</section>
<section class="section has-background-primary has-text-black ink bottom" id="sponsors">
<div class="container">
<h2 class="is-size-2 has-text-weight-bold is-uppercase block">Sponsors & partenaires</h2>
<h2 class="is-size-2 has-text-weight-bold is-uppercase block mb-6">Sponsors & partenaires</h2>
<div class="columns is-multiline is-mobile">
{{ collection:sponsors sort="order asc" }}

40
resources/views/layout.antlers.html
View File

@ -14,6 +14,22 @@
<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>
<meta name="title" content="{{ title ?? site:name }}">
<meta name="description" content="{{ hfs:description }}" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://summer.hfsplay.fr/">
<meta property="og:title" content="{{ title ?? site:name }}">
<meta property="og:description" content="{{ hfs:description }}">
<meta property="og:image" content="{{ glide:hfs:image fm="webp" }}">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://summer.hfsplay.fr/">
<meta property="twitter:title" content="{{ title ?? site:name }}">
<meta property="twitter:description" content="{{ hfs:description }}">
<meta property="twitter:image" content="{{ glide:hfs:image fm="webp" }}">
</head>
<body>
<nav id="nav" class="navbar is-fixed-top p-5 has-text-primary" role="navigation" aria-label="main navigation">
@ -42,7 +58,7 @@
</div>
<div class="navbar-end">
<a class="navbar-item button is-rounded has-text-primary" href="{{ hfs:lien_billetterie }}" target="_blank">
<a class="navbar-item button is-medium is-rounded has-text-primary" href="{{ hfs:lien_billetterie }}" target="_blank">
Billetterie
</a>
</div>
@ -52,19 +68,23 @@
<footer class="footer has-background-black">
<div class="grid is-col-min-9">
<div class="cell has-text-centered has-text-primary">
<a class="footer-logo has-text-primary" href="https://www.hfsplay.fr" target="_blank">
<div class="cell has-text-centered has-text-primary mb-3">
<a class="footer-logo has-text-primary mb-3" href="https://www.hfsplay.fr" target="_blank">
<img src="/assets/logo2.svg" alt="" style="width:3rem;" class="px-2">
<div class="is-size-3 has-text-weight-bolder px-2">HFS PLAY</div>
</a>
<p class="has-text-grey">
Une association d'entraide communautaire autour de l'arcade et aussi une association délivrant du love.
</p>
</div>
<div class="cell"></div>
<div class="cell">
<ul>
{{ nav:main }}
<li><a href="{{ url }}">{{ title }}</a></li>
{{ /nav:main }}
</ul>
<div class="cell has-text-centered">
<h3 class="has-text-primary mb-3 is-size-3">FOLLOW US ON</h3>
<div class="links">
<a class="button is-primary is-outlined mr-1" href="https://bsky.app/profile/hfsplay.bsky.social" target="_blank">BLUESKY</a>
<a class="button is-primary is-outlined mr-1" href="https://fr-fr.facebook.com/HFSPlay/" target="_blank">FACEBOOK</a>
<a class="button is-primary is-outlined poop mr-1" href="https://x.com/HFSplay" target="_blank">X</a>
</div>
</div>
</div>
</footer>
@ -73,6 +93,6 @@
<script src="/assets/js/main.js"></script>
{{# {{ vite src="public/assets/js/main.js|public/assets/css/site.css" }} #}}
{{# {{ vite src="resources/js/site.js|resources/css/site.css" }} #}}
{{ vite src="resources/js/site.js|resources/css/site.css" }}
</html>