style: Translate in french

This commit is contained in:
kbe
2025-09-05 14:57:46 +02:00
parent 8544802b7f
commit ff32b6f21c
3 changed files with 38 additions and 42 deletions

View File

@@ -3,8 +3,8 @@
<div class="container">
<div class="event-finder">
<div class="finder-header">
<h2 class="finder-title">Find Your Perfect Event</h2>
<p class="finder-subtitle">Discover afterwork events tailored to your preferences</p>
<h2 class="finder-title">Trouvez votre événement parfait</h2>
<p class="finder-subtitle">Découvrez des événements afterwork adaptés à vos préférences</p>
</div>
<form class="finder-form">
@@ -19,10 +19,10 @@
<div class="finder-field">
<label class="finder-label">
<i data-lucide="map-pin"></i>
City
Ville
</label>
<select class="finder-select focus-ring" id="event-city">
<option value="">Choose a city</option>
<option value="">Choisissez une ville</option>
<option value="paris">Paris</option>
<option value="london">London</option>
<option value="berlin">Berlin</option>
@@ -37,18 +37,18 @@
<div class="finder-field">
<label class="finder-label">
<i data-lucide="users"></i>
Event Type
Type d'événement
</label>
<select class="finder-select focus-ring" id="event-type">
<option value="">All types</option>
<option value="networking">Networking</option>
<option value="">Tous les types</option>
<option value="networking">Réseautage</option>
<option value="tech">Tech & Innovation</option>
<option value="creative">Creative & Design</option>
<option value="business">Business</option>
<option value="creative">Créatif & Design</option>
<option value="business">Affaires</option>
<option value="startup">Startup</option>
<option value="wine">Wine & Tasting</option>
<option value="wine">Vin & Dégustation</option>
<option value="art">Art & Culture</option>
<option value="music">Music & Entertainment</option>
<option value="music">Musique & Divertissement</option>
</select>
</div>
@@ -58,14 +58,14 @@
<div class="price-range-label">
<span>
<i data-lucide="euro"></i>
Price Range
Fourchette de prix
</span>
<span class="price-value" id="price-display">€0 - €100</span>
</div>
</label>
<div style="display: flex; gap: var(--space-3); align-items: center;">
<input type="range" class="price-slider" id="price-min" min="0" max="100" value="0" style="flex: 1;">
<span style="color: var(--color-neutral-500); font-weight: 600;">to</span>
<span style="color: var(--color-neutral-500); font-weight: 600;">à</span>
<input type="range" class="price-slider" id="price-max" min="0" max="100" value="100" style="flex: 1;">
</div>
</div>
@@ -73,7 +73,7 @@
<button type="submit" class="finder-search-btn">
<i data-lucide="search"></i>
Find Events
Trouver des événements
</button>
</form>
</div>
@@ -81,7 +81,7 @@
</section>
<script>
// Event Finder Functionality
// Fonctionnalité de recherche d'événements
document.addEventListener("DOMContentLoaded", function() {
const priceMin = document.getElementById('price-min');
const priceMax = document.getElementById('price-max');
@@ -134,18 +134,18 @@
priceMax: priceMax ? priceMax.value : ''
};
console.log('Search filters:', formData);
console.log('Filtres de recherche :', formData);
// Add loading state to button
const searchBtn = document.querySelector('.finder-search-btn');
if (searchBtn) {
const originalText = searchBtn.innerHTML;
searchBtn.innerHTML = '<div style="width: 20px; height: 20px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: spin 1s linear infinite;"></div> Searching...';
searchBtn.innerHTML = '<div style="width: 20px; height: 20px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: spin 1s linear infinite;"></div> Recherche...';
// Simulate search
setTimeout(() => {
searchBtn.innerHTML = originalText;
alert('Search completed! Results would be displayed here.');
alert('Recherche terminée ! Les résultats seraient affichés ici.');
}, 2000);
}
});