Une Fête du vélo réussie
Accueil 5 Une Fête du vélo réussie Ça pédale à la Fauconnière ! La Fête du vélo a une nouvelle fois rassemblé petits et grands pour une journée conviviale et pleine d’énergie. body { font-family: Arial, sans-serif; } #button-container { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; gap: 15px; margin-top: 20px; justify-content: flex-start; } .scroll-button { background-co
Accueil 5 Une Fête du vélo réussie Ça pédale à la Fauconnière ! La Fête du vélo a une nouvelle fois rassemblé petits et grands pour une journée conviviale et pleine d’énergie. body { font-family: Arial, sans-serif; } #button-container { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; gap: 15px; margin-top: 20px; justify-content: flex-start; } .scroll-button { background-color: #1f8399; color: white; border: none; border-radius: 100px; padding: 10px 15px; cursor: pointer; text-align: center; white-space: nowrap; display: inline-flex; justify-content: center; width: auto; } .scroll-button:hover { background-color: #1a6a7d; } @media (max-width: 980px) { #button-container { flex-direction: column; align-items: center; } } @media (max-width: 1200px) { #button-container { align-items: center; } } @media (max-width: 768px) { #button-container { align-items: center; } } function adjustButtonWidths() { const buttonContainer = document.getElementById('button-container'); const buttons = document.querySelectorAll('.scroll-button'); // Vérifier si les boutons sont en mode colonne const isColumnMode = window.getComputedStyle(buttonContainer).flexDirection === 'column'; if (isColumnMode) { let maxWidth = 0; buttons.forEach(button => { button.style.width = 'auto'; const width = button.offsetWidth; if (width > maxWidth) { maxWidth = width; } }); buttons.forEach(button => { button.style.width = `${maxWidth}px`; }); } else { buttons.forEach(button => { button.style.width = 'auto'; }); } } document.addEventListener("DOMContentLoaded", function() { const titreElements = document.querySelectorAll('#titre'); const buttonContainer = document.getElementById('button-container'); titreElements.forEach((element, index) => { const button = document.createElement('button'); button.className = 'scroll-button'; button.textContent = element.querySelector('p').textContent; button.addEventListener('click', () => { element.scrollIntoView({ behavior: 'smooth' }); }); buttonContainer.appendChild(button); }); const infoElement = document.getElementById('infos-utiles'); if (infoElement) { const infoButton = document.createElement('button'); infoButton.className = 'scroll-button'; infoButton.textContent = 'Infos utiles'; infoButton.addEventListener('click', () => { infoElement.scrollIntoView({ behavior: 'smooth' }); }); buttonContainer.appendChild(infoButton); } adjustButtonWidths(); window.addEventListener('resize', adjustButtonWidths); }); Vous étiez nombreux à avoir enfourché votre deux-roues pour venir faire la fête sur la Place de la Fauconnière sous un soleil radieux ! Les animations se sont enchaînées : manège à pédales, vélos décalés, défi familles en vélo cargo, match de bike-polo, ateliers pour relooker vélos et casques, stands d’information et de mini-réparation, monocycle, vélo-mixeur, défi kilométrique, spectacle… autant d’activités pour répondre aux envies de chacun ! Le tout en musique avec le passage de Ze Charrette Circus Show, qui a su mettre l’ambiance tout en proposant des spectacles pour les familles. Les plus jeunes ont également pu passer leur permis vélo à travers un parcours inspiré du code de la route, encadré par la Police Municipale. De quoi pédaler en toute sécurité… et avec fierté ! Un grand merci aux associations, partenaires et équipes mobilisées, ainsi qu’à tous les apprentis cyclistes et passionnés de vélo pour ce beau moment de partage et de sport ! Contacts Service Ville durable 04 76 70 53 38 developpement-durable@seyssinet-pariset.fr L’article Une Fête du vélo réussie est apparu en premier sur Ville de Seyssinet Pariset .