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

Switch all pics to webp, + stuphs

Browse Source
This commit is contained in:
Matthieu Carquigny
2026-01-29 12:35:41 +01:00
parent 87b5105f3f
commit 67189dd7ee
11 changed files with 90 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,12 @@
<div class="incentive-block" >
{{# <img src="{{ glide:photo preset='thumbnail' }}" alt="{{ icon:alt }}"> #}}
<div class="squircle" style="background-image:url('{{ glide:photo }}');"></div>
<h3 class="is-size-3 has-text-primary">{{ title }}</h3>
<p>{{ description }}</p>
<div class="incentive-block block py-3 fixed-grid has-1-cols has-2-cols-tablet">
{{ isOdd = index % 2 }}
<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 }}
<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>
{{ if !isOdd }}<div></div>{{ /if }}
</div>
</div>

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

@ -1,6 +1,9 @@
<div class="cell">
{{? $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"> #}}
<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>

6
resources/views/_tournamentblock.antlers.html
View File

@ -2,8 +2,8 @@
<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">
<div class="bg" style="background-image:url('{{ glide:backdrop preset='thumbnail' fm="webp"}}');"></div>
<div class="bg active" style="background-image:url('{{ glide:backdrop preset='thumbnail' fm="webp"}}');"></div>
<img src="{{ glide:logo preset='logo' fm="webp"}}" alt="title">
</a>
{{ /if }}

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

@ -15,7 +15,7 @@
</video>
</section>
<section class="section has-background-primary has-text-black ink top" id="catch">
<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">
{{ content | widont }}
</div>
@ -114,8 +114,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>
{{# <a href="{{ hfs:lien_billetterie }}" class="button is-primary is-rounded" target="_blank" aria-label="Acheter {{ title }}">Acheter</a> #}}
</div>
{{ /collection:prices }}
</div>
@ -126,7 +127,7 @@
</div>
</section>
<section class="section has-background-primary has-text-black" id="sponsors">
<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>
@ -139,7 +140,7 @@
<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;">
<img src="{{ glide:logo preset='logo' fm="webp"}}" alt="{{ logo:alt }}" style="max-width:100%;max-height:100%;object-fit:contain;display:block;">
</div>
{{ if link }}
</a>

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

@ -31,7 +31,7 @@
{{ template_content }}
<footer class="footer">
<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">
@ -53,6 +53,7 @@
<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" }}
{{ vite src="public/assets/js/main.js|public/assets/css/site.css" }}
{{# {{ vite src="resources/js/site.js|resources/css/site.css" }} #}}
</html>

4
resources/views/tournaments/show.antlers.html
View File

@ -1,8 +1,8 @@
<section style="background-image: url('{{ glide:backdrop blur="20" }}');"
<section style="background-image: url('{{ glide:backdrop blur="20" fm="webp"}}');"
class="has-text-centered"
id="tournament-header"
>
<img src="{{ glide:logo preset="logo_large" }}" class="my-6" alt="{{ logo:alt }}" />
<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">
<div class="cell">