```
✨ feat(templates): Remplace les balises h3 par h2 pour améliorer la sémantique.
```
This commit is contained in:
@@ -47,7 +47,7 @@
|
||||
<div class="w-14 h-14 bg-white/10 rounded-full flex items-center justify-center mb-4">
|
||||
<span class="text-2xl">🇫🇷</span>
|
||||
</div>
|
||||
<h3 class="text-white font-black uppercase text-[10px] tracking-widest mb-3">Maîtriser ses données</h3>
|
||||
<h2 class="text-white font-black uppercase text-[10px] tracking-widest mb-3">Maîtriser ses données</h3>
|
||||
<a href="https://www.cnil.fr/fr/cookies-les-outils-pour-les-maitriser" target="_blank" class="px-6 py-3 bg-amber-400 text-slate-900 text-[10px] font-black uppercase rounded-full hover:scale-105 transition-transform shadow-lg shadow-amber-400/20">
|
||||
Conseils de la CNIL
|
||||
</a>
|
||||
@@ -56,26 +56,26 @@
|
||||
{# 3. Catégories de Cookies (Colonnes) #}
|
||||
<div class="md:col-span-4 bg-white p-8 rounded-[2.5rem] border border-slate-100 shadow-sm relative overflow-hidden">
|
||||
<div class="absolute -top-4 -right-4 w-16 h-16 bg-emerald-50 rounded-full flex items-center justify-center text-emerald-500 font-bold">01</div>
|
||||
<h3 class="text-xs font-black text-slate-900 uppercase tracking-widest mb-4 italic">Essentiels</h3>
|
||||
<h2 class="text-xs font-black text-slate-900 uppercase tracking-widest mb-4 italic">Essentiels</h3>
|
||||
<p class="text-[11px] text-slate-500 italic leading-relaxed">Indispensables à la navigation, au panier d'achat et à la sécurité. Ils ne peuvent être désactivés.</p>
|
||||
</div>
|
||||
|
||||
<div class="md:col-span-4 bg-white p-8 rounded-[2.5rem] border border-slate-100 shadow-sm relative overflow-hidden">
|
||||
<div class="absolute -top-4 -right-4 w-16 h-16 bg-indigo-50 rounded-full flex items-center justify-center text-indigo-500 font-bold">02</div>
|
||||
<h3 class="text-xs font-black text-slate-900 uppercase tracking-widest mb-4 italic">Analyse</h3>
|
||||
<h2 class="text-xs font-black text-slate-900 uppercase tracking-widest mb-4 italic">Analyse</h3>
|
||||
<p class="text-[11px] text-slate-500 italic leading-relaxed">Mesurent l'audience et détectent d'éventuels problèmes de navigation pour améliorer le site.</p>
|
||||
</div>
|
||||
|
||||
<div class="md:col-span-4 bg-white p-8 rounded-[2.5rem] border border-slate-100 shadow-sm relative overflow-hidden">
|
||||
<div class="absolute -top-4 -right-4 w-16 h-16 bg-amber-50 rounded-full flex items-center justify-center text-amber-500 font-bold">03</div>
|
||||
<h3 class="text-xs font-black text-slate-900 uppercase tracking-widest mb-4 italic">Marketing</h3>
|
||||
<h2 class="text-xs font-black text-slate-900 uppercase tracking-widest mb-4 italic">Marketing</h3>
|
||||
<p class="text-[11px] text-slate-500 italic leading-relaxed">Permettent de vous proposer des contenus adaptés à vos centres d'intérêt sur d'autres sites.</p>
|
||||
</div>
|
||||
|
||||
{# 4. Liste Détaillée (Tableau Bento - Full Width) #}
|
||||
<div class="md:col-span-12 bg-white rounded-[2.5rem] border border-slate-100 shadow-sm overflow-hidden">
|
||||
<div class="p-8 border-b border-slate-50">
|
||||
<h3 class="text-xs font-black text-slate-900 uppercase tracking-widest italic">Inventaire technique des cookies</h3>
|
||||
<h2 class="text-xs font-black text-slate-900 uppercase tracking-widest italic">Inventaire technique des cookies</h3>
|
||||
</div>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full text-left border-collapse">
|
||||
@@ -115,7 +115,7 @@
|
||||
{# 5. Cloudflare Info (Medium) #}
|
||||
<div class="md:col-span-6 bg-indigo-50 p-8 rounded-[2.5rem] border border-indigo-100 flex flex-col justify-between">
|
||||
<div>
|
||||
<h3 class="text-xs font-black text-indigo-900 uppercase tracking-widest mb-4 italic italic">Focus Cloudflare</h3>
|
||||
<h2 class="text-xs font-black text-indigo-900 uppercase tracking-widest mb-4 italic italic">Focus Cloudflare</h3>
|
||||
<p class="text-[11px] text-indigo-800 italic leading-relaxed mb-6">
|
||||
Certains cookies tiers sont déposés par notre partenaire sécurité Cloudflare pour protéger Ludik Event contre les cyberattaques.
|
||||
</p>
|
||||
@@ -127,7 +127,7 @@
|
||||
|
||||
{# 6. Gestion du navigateur (Medium) #}
|
||||
<div class="md:col-span-6 bg-white p-8 rounded-[2.5rem] border border-slate-100 shadow-sm flex flex-col justify-between">
|
||||
<h3 class="text-xs font-black text-slate-900 uppercase tracking-widest mb-4 italic italic">Contrôle manuel</h3>
|
||||
<h2 class="text-xs font-black text-slate-900 uppercase tracking-widest mb-4 italic italic">Contrôle manuel</h3>
|
||||
<p class="text-[11px] text-slate-500 italic leading-relaxed">
|
||||
Vous pouvez désactiver les cookies via les réglages de votre navigateur (Chrome, Firefox, Safari). Attention : cela peut bloquer le processus de réservation.
|
||||
</p>
|
||||
|
||||
@@ -63,7 +63,7 @@
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-lg font-bold text-slate-900">Détails de la réservation</h3>
|
||||
<h2 class="text-lg font-bold text-slate-900">Détails de la réservation</h3>
|
||||
{% if cart.startDate and cart.endDate %}
|
||||
<p class="text-sm text-slate-600">Du <span class="font-medium text-slate-900">{{ cart.startDate|date('d/m/Y') }}</span> au <span class="font-medium text-slate-900">{{ cart.endDate|date('d/m/Y') }}</span> ({{ cart.duration }} jours)</p>
|
||||
{% endif %}
|
||||
@@ -83,7 +83,7 @@
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="flex-1">
|
||||
<h4 class="font-bold text-slate-800">{{ item.product.name }}</h4>
|
||||
<h3 class="font-bold text-slate-800">{{ item.product.name }}</h4>
|
||||
|
||||
<div class="text-xs text-slate-600 bg-slate-50 p-2 rounded-lg border border-slate-100 inline-block mt-2">
|
||||
<div class="flex flex-wrap gap-x-3 gap-y-1">
|
||||
@@ -122,7 +122,7 @@
|
||||
|
||||
{% if cart.options is defined and cart.options|length > 0 %}
|
||||
<div class="mt-4 border-t border-slate-100 pt-4">
|
||||
<h4 class="text-sm font-bold text-slate-900 mb-3">Options supplémentaires</h4>
|
||||
<h3 class="text-sm font-bold text-slate-900 mb-3">Options supplémentaires</h4>
|
||||
{% for option in cart.options %}
|
||||
<div class="flex items-center justify-between bg-white p-3 rounded-xl border border-slate-200 shadow-sm mb-2">
|
||||
<div class="flex items-center gap-3">
|
||||
@@ -166,7 +166,7 @@
|
||||
</svg>
|
||||
</div>
|
||||
<div class="flex-1 w-full text-center md:text-left">
|
||||
<h3 class="text-lg font-bold text-slate-900 mb-4">Informations Client</h3>
|
||||
<h2 class="text-lg font-bold text-slate-900 mb-4">Informations Client</h3>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<div class="bg-white p-3 rounded-xl border border-slate-200 shadow-sm">
|
||||
@@ -187,7 +187,7 @@
|
||||
|
||||
{# --- EVENT & BILLING FORM --- #}
|
||||
<div class="bg-white rounded-2xl p-6 border border-slate-200 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-slate-900 mb-6 flex items-center gap-2">
|
||||
<h2 class="text-xl font-bold text-slate-900 mb-6 flex items-center gap-2">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
|
||||
</svg>
|
||||
@@ -202,7 +202,7 @@
|
||||
<span class="bg-blue-100 text-blue-600 p-2 rounded-lg">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" /></svg>
|
||||
</span>
|
||||
<h4 class="font-bold text-lg text-slate-900">Adresse de facturation</h4>
|
||||
<h3 class="font-bold text-lg text-slate-900">Adresse de facturation</h4>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
@@ -237,7 +237,7 @@
|
||||
<span class="bg-blue-100 text-blue-600 p-2 rounded-lg">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /></svg>
|
||||
</span>
|
||||
<h4 class="font-bold text-lg text-slate-900">Lieu de l'événement</h4>
|
||||
<h3 class="font-bold text-lg text-slate-900">Lieu de l'événement</h4>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
@@ -275,7 +275,7 @@
|
||||
<span class="bg-blue-100 text-blue-600 p-2 rounded-lg">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /></svg>
|
||||
</span>
|
||||
<h4 class="font-bold text-lg text-slate-900">Détails techniques</h4>
|
||||
<h3 class="font-bold text-lg text-slate-900">Détails techniques</h4>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
|
||||
Reference in New Issue
Block a user