Yup
7
public/assets/.meta/03.24.jpg.yaml
Normal file
@ -0,0 +1,7 @@
|
||||
data: { }
|
||||
size: 239316
|
||||
last_modified: 1769004161
|
||||
width: 1280
|
||||
height: 1024
|
||||
mime_type: image/jpeg
|
||||
duration: null
|
||||
7
public/assets/.meta/anglers_fish-512.png.yaml
Normal file
@ -0,0 +1,7 @@
|
||||
data: { }
|
||||
size: 20831
|
||||
last_modified: 1769004141
|
||||
width: 512
|
||||
height: 512
|
||||
mime_type: image/png
|
||||
duration: null
|
||||
7
public/assets/.meta/ink_bottom_black.png.yaml
Normal file
@ -0,0 +1,7 @@
|
||||
data: { }
|
||||
size: 71249
|
||||
last_modified: 1769004528
|
||||
width: 2277
|
||||
height: 459
|
||||
mime_type: image/png
|
||||
duration: null
|
||||
7
public/assets/.meta/ink_bottom_yellow.png.yaml
Normal file
@ -0,0 +1,7 @@
|
||||
data: { }
|
||||
size: 71761
|
||||
last_modified: 1769004528
|
||||
width: 2277
|
||||
height: 459
|
||||
mime_type: image/png
|
||||
duration: null
|
||||
7
public/assets/.meta/ink_top_black.png.yaml
Normal file
@ -0,0 +1,7 @@
|
||||
data: { }
|
||||
size: 44831
|
||||
last_modified: 1769004528
|
||||
width: 2259
|
||||
height: 316
|
||||
mime_type: image/png
|
||||
duration: null
|
||||
7
public/assets/.meta/ink_top_yellow.png.yaml
Normal file
@ -0,0 +1,7 @@
|
||||
data: { }
|
||||
size: 44592
|
||||
last_modified: 1769004528
|
||||
width: 2259
|
||||
height: 316
|
||||
mime_type: image/png
|
||||
duration: null
|
||||
@ -0,0 +1,7 @@
|
||||
data: { }
|
||||
size: 646672
|
||||
last_modified: 1769422056
|
||||
width: 1920
|
||||
height: 1080
|
||||
mime_type: image/jpeg
|
||||
duration: null
|
||||
7
public/assets/.meta/logo2_black.svg.yaml
Normal file
@ -0,0 +1,7 @@
|
||||
data: { }
|
||||
size: 1078
|
||||
last_modified: 1768916584
|
||||
width: '1697'
|
||||
height: '1870'
|
||||
mime_type: image/svg+xml
|
||||
duration: null
|
||||
7
public/assets/.meta/mousse.png.yaml
Normal file
@ -0,0 +1,7 @@
|
||||
data: { }
|
||||
size: 20163
|
||||
last_modified: 1769004105
|
||||
width: 250
|
||||
height: 308
|
||||
mime_type: image/png
|
||||
duration: null
|
||||
7
public/assets/.meta/pattern.svg.yaml
Normal file
@ -0,0 +1,7 @@
|
||||
data: { }
|
||||
size: 268149
|
||||
last_modified: 1763567009
|
||||
width: '6470'
|
||||
height: '5748'
|
||||
mime_type: image/svg+xml
|
||||
duration: null
|
||||
BIN
public/assets/03.24.jpg
Normal file
|
After Width: | Height: | Size: 234 KiB |
BIN
public/assets/android-chrome-192x192.png
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
public/assets/android-chrome-512x512.png
Normal file
|
After Width: | Height: | Size: 69 KiB |
BIN
public/assets/anglers_fish-512.png
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
public/assets/apple-touch-icon.png
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
public/assets/favicon-16x16.png
Normal file
|
After Width: | Height: | Size: 627 B |
BIN
public/assets/favicon-32x32.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
public/assets/favicon.ico
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
public/assets/japan_flag-wallpaper-1920x1080.jpg
Normal file
|
After Width: | Height: | Size: 632 KiB |
@ -102,4 +102,48 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
photoEl.classList.toggle('full');
|
||||
});
|
||||
});
|
||||
|
||||
// Accordion functionality
|
||||
// Comportement "accordion" : quand un details s'ouvre, fermer les autres
|
||||
(function(){
|
||||
const faqContainer = document.getElementById('faq');
|
||||
if (!faqContainer) return;
|
||||
const items = faqContainer.querySelectorAll('details');
|
||||
|
||||
items.forEach(item => {
|
||||
// Mise à jour de l'attribut aria-expanded pour accessibilité
|
||||
item.addEventListener('toggle', () => {
|
||||
item.querySelector('summary')?.setAttribute('aria-expanded', item.open ? 'true' : 'false');
|
||||
if (item.open) {
|
||||
items.forEach(other => { if (other !== item) other.removeAttribute('open'); });
|
||||
}
|
||||
});
|
||||
|
||||
// Permet Enter / Espace pour déclencher l'ouverture quand summary a le focus
|
||||
const summary = item.querySelector('summary');
|
||||
summary.addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Enter' || e.key === ' ') {
|
||||
e.preventDefault();
|
||||
summary.click();
|
||||
}
|
||||
});
|
||||
});
|
||||
})();
|
||||
|
||||
// Link prefetching on hover
|
||||
(function(){
|
||||
const prefetchLinks = new Set();
|
||||
document.querySelectorAll('a[href]').forEach(link => {
|
||||
link.addEventListener('mouseenter', () => {
|
||||
const url = link.href;
|
||||
if (!prefetchLinks.has(url)) {
|
||||
const linkEl = document.createElement('link');
|
||||
linkEl.rel = 'prefetch';
|
||||
linkEl.href = url;
|
||||
document.head.appendChild(linkEl);
|
||||
prefetchLinks.add(url);
|
||||
}
|
||||
});
|
||||
});
|
||||
})();
|
||||
});
|
||||
|
||||
BIN
public/assets/mousse.png
Normal file
|
After Width: | Height: | Size: 20 KiB |
1
public/assets/site.webmanifest
Normal file
@ -0,0 +1 @@
|
||||
{"name":"","short_name":"","icons":[{"src":"/assets/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/assets/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#101010","background_color":"#ffd600","display":"standalone"}
|
||||
@ -13,6 +13,9 @@
|
||||
--bulma-black-l: 6%;
|
||||
--bulma-body-background-color: hsl(0, 0%, 6%);
|
||||
}
|
||||
.card{
|
||||
--bulma-card-shadow: none !important;
|
||||
}
|
||||
.has-text-weight-bold {
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
@ -92,7 +95,7 @@ video{
|
||||
cursor:pointer;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 4px 6px hsla(0,0%,6%,0.3);
|
||||
transition: transform 0.5s ease-in-out;
|
||||
transition: transform 0.2s ease-in-out;
|
||||
}
|
||||
.photo:hover{
|
||||
transform: rotate(0deg) !important;
|
||||
@ -221,8 +224,43 @@ video{
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
/*FAQ ACCORDIONS*/
|
||||
/* Masque le marker natif et stylise le summary */
|
||||
#faq summary { list-style: none; cursor: pointer; padding: 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
|
||||
#faq summary::-webkit-details-marker { display: none; }
|
||||
|
||||
/* Effet boîte Bulma-compatible */
|
||||
.faq-item { margin-bottom: 0.75rem; transition: box-shadow 0.15s ease; }
|
||||
.faq-item[open] { box-shadow: 0 6px 18px rgba(10,10,10,0.08); }
|
||||
|
||||
/* Caret rotatif */
|
||||
.faq-caret { transition: transform 0.18s ease; font-size: 1.1rem; color: rgba(255,255,255,0.6); }
|
||||
.faq-item[open] .faq-caret { transform: rotate(180deg); }
|
||||
|
||||
/* Espace pour le contenu et rendu propre */
|
||||
.faq-item .content { padding: 0 1rem 1rem 1rem; color: rgba(0,0,0,0.85); }
|
||||
/*------------------------------------------------------------------*/
|
||||
|
||||
/*SPONSORS*/
|
||||
.partner-link{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.partner-box{
|
||||
background: #ffffff;
|
||||
border-radius: 50%;
|
||||
corner-shape: squircle;
|
||||
padding: 2rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
/*height: 120px;*/
|
||||
/*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);*/
|
||||
aspect-ratio: 1;
|
||||
}
|
||||
|
||||
/*Twist animation*/
|
||||
.twist{
|
||||
/* 3D transform pivot on Y axis*/
|
||||
|
||||