sucupira
ec1528ed06
Remplace la SPA Vite/Svelte 4 par un site 11ty statique (contenu/HTML/CSS fonctionnels sans JS) avec Svelte 5 en îlots pour les 3 seuls widgets interactifs (calculateur de prédictions, carte d'observation, globe de la vague planétaire). Conforme à la doctrine UI/UX OKI : nav ramenée à 5 entrées, design system CSS natif (tokens oklch, cascade @layer, light-dark), i18n compilée via Paraglide (FR/EN/HT, routée par URL), onglets 100% CSS, polices auto-hébergées, service worker minimal. Les dates de prédiction sont recoupées avec la méthode Jean Meeus / Jeffrey L. Hunt (whenthecurveslineup.com), consolidées sur un seul jeu de 7 sites, étendues jusqu'en 2032, et le "22 juillet 2025" figé en dur est remplacé par un calcul dynamique du prochain lever au build. Supprime le code mort (3 variantes de globe, fichier vide, prototype HTML legacy) et animejs, devenu inutile une fois les animations portées en CSS. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
80 lines
3.6 KiB
Plaintext
80 lines
3.6 KiB
Plaintext
---
|
|
pagination:
|
|
data: locales
|
|
size: 1
|
|
alias: locale
|
|
permalink: "{% if locale == baseLocale %}/associations/index.html{% else %}/{{ locale }}/associations/index.html{% endif %}"
|
|
layout: layouts/base.njk
|
|
pageKey: associations
|
|
slug: "associations/"
|
|
eleventyComputed:
|
|
pageTitle: "{{ 'associations_title' | t(locale) }}"
|
|
---
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="section-header center">
|
|
<p class="section-eyebrow">Wep Ronpet</p>
|
|
<h1>{{ "associations_title" | t(locale) }}</h1>
|
|
<p class="pattern-strip bogolan" aria-hidden="true" style="margin-inline:auto"></p>
|
|
<p class="section-subtitle">{{ "associations_subtitle" | t(locale) }}</p>
|
|
</div>
|
|
|
|
<div class="grid-auto">
|
|
<div class="card">
|
|
<h2>{{ "associations_events_title" | t(locale) }}</h2>
|
|
<div class="stack" style="--stack-space: 0">
|
|
<a class="event-link" href="https://my.weezevent.com/nouvel-an-kamite" target="_blank" rel="noopener noreferrer">
|
|
<span class="event-icon" aria-hidden="true">🎊</span>
|
|
<span class="event-info">
|
|
<span class="event-title">{{ "associations_event1_title" | t(locale) }}</span>
|
|
<span class="event-platform">{{ "associations_event1_organizer" | t(locale) }}</span>
|
|
<span>{{ "associations_event1_desc" | t(locale) }}</span>
|
|
</span>
|
|
</a>
|
|
<a class="event-link" href="https://my.weezevent.com/nouvel-an-kamit" target="_blank" rel="noopener noreferrer">
|
|
<span class="event-icon" aria-hidden="true">✨</span>
|
|
<span class="event-info">
|
|
<span class="event-title">{{ "associations_event2_title" | t(locale) }}</span>
|
|
<span class="event-platform">{{ "associations_event2_organizer" | t(locale) }}</span>
|
|
<span>{{ "associations_event2_desc" | t(locale) }}</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h2>{{ "associations_community_title" | t(locale) }}</h2>
|
|
<div class="stack" style="--stack-space: 0">
|
|
<a class="community-link" href="https://14eme-membre.net/site-web/#événements" target="_blank" rel="noopener noreferrer">
|
|
<span class="community-icon" aria-hidden="true">🌍</span>
|
|
<span class="community-info">
|
|
<span class="community-title">{{ "associations_link1_title" | t(locale) }}</span>
|
|
<span>{{ "associations_link1_desc" | t(locale) }}</span>
|
|
</span>
|
|
</a>
|
|
<a class="community-link" href="https://www.facebook.com/people/Mouvement-Politique-Spirituel-MUN" target="_blank" rel="noopener noreferrer">
|
|
<span class="community-icon" aria-hidden="true">📘</span>
|
|
<span class="community-info">
|
|
<span class="community-title">{{ "associations_link2_title" | t(locale) }}</span>
|
|
<span>{{ "associations_link2_desc" | t(locale) }}</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 class="center" style="margin-top: var(--space-7)">{{ "associations_video_title" | t(locale) }}</h2>
|
|
<div class="video-frame card" style="margin-top: var(--space-4)">
|
|
<iframe
|
|
src="https://www.youtube.com/embed/0_8kWlDTf94"
|
|
title="{{ 'associations_video_title' | t(locale) }}"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
|
allowfullscreen
|
|
loading="lazy"
|
|
></iframe>
|
|
</div>
|
|
|
|
<p class="associations-note center">{{ "associations_note" | t(locale) }}</p>
|
|
</div>
|
|
</section>
|