diff --git a/web/modules/custom/erable_mod/assets/css/carte-interactive.css b/web/modules/custom/erable_mod/assets/css/carte-interactive.css index 0a296c7..915eee9 100644 --- a/web/modules/custom/erable_mod/assets/css/carte-interactive.css +++ b/web/modules/custom/erable_mod/assets/css/carte-interactive.css @@ -1,98 +1,30 @@ -@font-face { - font-family: 'gilroy-semibold'; - src: url('../css/fonts/Gilroy/gilroy-semibold-webfont.woff') format('woff'); -} #sites-map-container { - background-color: transparent; - text-align: center; position: relative; - width: 100%; /* Prend toute la largeur du conteneur parent */ - max-width: 800px; /* Optionnel : Limiter la largeur maximale */ - margin: 0 auto; /* Centrer le conteneur */ - height: auto; /* Permet à la hauteur de s'ajuster automatiquement */ - @media (max-width: 810px) { - width: 80%; /* Prend toute la largeur du conteneur parent */ - } - @media (max-width: 530px) { - width: 100%; /* Prend toute la largeur du conteneur parent */ - height: 485px; - } - @media (max-width: 400px) { - width: 100%; /* Prend toute la largeur du conteneur parent */ - height: 430px; - } + margin: 0 auto; + max-width: 40vw; } - - -/* Changer la couleur au survol (hover) */ -#sites-map-container .site-link:hover{ - cursor: pointer; +#map_base { + width: 100%; } +#projects_icons { + position: absolute; + left: 0; + top: 0; +} -/* Styles du popup (caché par défaut) */ -#sites-map-container #popup { - font-family: 'gilroy-light'; +#popup { + background-color: white; display: none; position: absolute; - z-index: 1000; - text-align: left; - padding-left: 1rem; - pointer-events: none; - @media (max-width: 1090px) { - bottom: 20px; - } - + padding: 0.5rem 1rem; + transition: opacity 0.3s ease; + opacity: 0; } -/* Position du popup à droite lorsque l'écran est plus grand que 1090px */ -@media (min-width: 1090px) { - #sites-map-container #popup { - top: 50%; /* Centrer verticalement */ - left: 80%; /* Placer le popup à droite de la carte */ - transform: translateY(-50%); /* Ajuster pour centrer verticalement */ - width: 300px; - } -} - - -#sites-map-container strong{ - color: #f7002b; - font-family: 'gilroy-bold'; -} -#sites-map-container a{ - display: none; - align-items: center; - color: white; - background: black; - text-transform: uppercase; - font-size: 0.8rem; - padding-left: 0.5rem; - text-decoration: none; - margin-top: 0.7rem; - height: 1.3rem; -} -#sites-map-container a:after{ - display: inline-flex; - content: url("../img/noun-arrow-to-right.svg"); - padding-right: 0.2rem; - padding-left: 0.2rem; - -} - -#popup-content{ - width: 300px; - padding-right: 30px; - - p{ - font-size: 0.7rem; - } - @media (max-width : 810px) { - width: 300px; - background-color: white; - border-radius: 5px; - padding: 0.5rem; - padding-left: 1rem; - } +#popup h3, +#popup p { + text-align: center; + margin: 0; } diff --git a/web/modules/custom/erable_mod/assets/css/carte-interactive.old.css b/web/modules/custom/erable_mod/assets/css/carte-interactive.old.css new file mode 100644 index 0000000..2476ceb --- /dev/null +++ b/web/modules/custom/erable_mod/assets/css/carte-interactive.old.css @@ -0,0 +1,91 @@ +#sites-map-container { + text-align: center; + position: relative; + width: 100%; /* Prend toute la largeur du conteneur parent */ + max-width: 800px; /* Optionnel : Limiter la largeur maximale */ + margin: 0 auto; /* Centrer le conteneur */ + height: auto; /* Permet à la hauteur de s'ajuster automatiquement */ + @media (max-width: 810px) { + width: 80%; /* Prend toute la largeur du conteneur parent */ + } + @media (max-width: 530px) { + width: 100%; /* Prend toute la largeur du conteneur parent */ + height: 485px; + } + @media (max-width: 400px) { + width: 100%; /* Prend toute la largeur du conteneur parent */ + height: 430px; + } +} + + + +/* Changer la couleur au survol (hover) */ +#sites-map-container .site-link:hover{ + cursor: pointer; +} + + +/* Styles du popup (caché par défaut) */ +#sites-map-container #popup { + display: none; + position: absolute; + z-index: 1000; + text-align: left; + padding-left: 1rem; + pointer-events: none; + @media (max-width: 1090px) { + bottom: 20px; + } + +} + +/* Position du popup à droite lorsque l'écran est plus grand que 1090px */ +@media (min-width: 1090px) { + #sites-map-container #popup { + top: 50%; /* Centrer verticalement */ + left: 80%; /* Placer le popup à droite de la carte */ + transform: translateY(-50%); /* Ajuster pour centrer verticalement */ + width: 300px; + } +} + + +#sites-map-container strong{ + color: #f7002b; +} +#sites-map-container a{ + display: none; + align-items: center; + color: white; + background: black; + text-transform: uppercase; + font-size: 0.8rem; + padding-left: 0.5rem; + text-decoration: none; + margin-top: 0.7rem; + height: 1.3rem; +} +#sites-map-container a:after{ + display: inline-flex; + content: url("../img/noun-arrow-to-right.svg"); + padding-right: 0.2rem; + padding-left: 0.2rem; + +} + +#popup-content{ + width: 300px; + padding-right: 30px; + + p{ + font-size: 0.7rem; + } + @media (max-width : 810px) { + width: 300px; + background-color: white; + border-radius: 5px; + padding: 0.5rem; + padding-left: 1rem; + } +} diff --git a/web/modules/custom/erable_mod/assets/css/fonts/Gilroy/gilroy-semibold-webfont.woff b/web/modules/custom/erable_mod/assets/css/fonts/Gilroy/gilroy-semibold-webfont.woff deleted file mode 100644 index 8abd458..0000000 Binary files a/web/modules/custom/erable_mod/assets/css/fonts/Gilroy/gilroy-semibold-webfont.woff and /dev/null differ diff --git a/web/modules/custom/erable_mod/assets/js/carte-interactive.js b/web/modules/custom/erable_mod/assets/js/carte-interactive.js index 30abdbc..40d463b 100644 --- a/web/modules/custom/erable_mod/assets/js/carte-interactive.js +++ b/web/modules/custom/erable_mod/assets/js/carte-interactive.js @@ -1,116 +1,243 @@ -// // Sélection des éléments principaux -const svgElement = document.querySelector('#sites-map-container svg'); -const popup = document.querySelector('#sites-map-container #popup'); -const popupContent = document.querySelector('#sites-map-container #popup-content'); -const modalBackground = document.querySelector('#sites-map-container #modal-background'); +const franceCoordinates = { + metropole: { + latTop: 52.0, // Nord-Ouest (coin supérieur gauche) + lonLeft: -5, + latBottom: 40.0, // Sud-Est (coin inférieur droit) + lonRight: 11.0, + }, + guadeloupe: { + latTop: 16.5, + lonLeft: -62, + latBottom: 15.8, + lonRight: -60.8, + }, + martinique: { + latTop: 14.9, + lonLeft: -61.3, + latBottom: 14.3, + lonRight: -60.7, + }, + guyanne: { + latTop: 6, + lonLeft: -54.8, + latBottom: 1.8, + lonRight: -51.2, + }, + reunion: { + latTop: -20.8, + lonLeft: 55.1, + latBottom: -21.4, + lonRight: 55.9, + }, + saintPierreEtMiquelon: { + latTop: 47.1, + lonLeft: -56.4, + latBottom: 46.7, + lonRight: -56.1, + }, + mayotte: { + latTop: -12.6, + lonLeft: 44.9, + latBottom: -13, + lonRight: 45.3, + }, + saintBarthelemy: { + latTop: 17.9, + lonLeft: -62.9, + latBottom: 17.8, + lonRight: -62.7, + }, + saintMartin: { + latTop: 18.1, + lonLeft: -63.1, + latBottom: 17.9, + lonRight: -62.9, + }, + wallisEtFutuna: { + latTop: -13.1, + lonLeft: -176.2, + latBottom: -13.3, + lonRight: -176.1, + }, + polynesieFrancaise: { + latTop: -17.4, + lonLeft: -149.9, + latBottom: -17.1, + lonRight: -149, + }, + nouvelleCaledonie: { + latTop: -19.3, + lonLeft: 163.3, + latBottom: -22.9, + lonRight: 168.4, + }, +}; -// Vérifiez si la page contient la classe '.node-type-site' -const isSitePage = document.body.classList.contains('node-type-site'); +const localisationMapPlacements = { + // en pourcentage de la largeur et hauteur du fond de carte + metropole: { + top: 0, + left: 12.9, + bottom: 63.48, + right: 87.14, + }, + guadeloupe: { + top: 88.44, + left: 33.01, + bottom: 98.77, + right: 46.25, + }, + martinique: { + top: 88.96, + left: 53.26, + bottom: 98.24, + right: 61.99, + }, + guyanne: { + top: 88.09, + left: 69.09, + bottom: 99.21, + right: 79.07, + }, + reunion: { + top: 75.48, + left: 89.82, + bottom: 82.04, + right: 97.88, + }, + saintPierreEtMiquelon: { + top: 75.03, + left: 12.85, + bottom: 81.61, + right: 17.85, + }, + mayotte: { + top: 88.61, + left: 17.08, + bottom: 98.68, + right: 26.19, + }, + saintBarthelemy: { + top: 74.95, + left: 44.81, + bottom: 82.74, + right: 57.58, + }, + saintMartin: { + top: 74.78, + left: 23.12, + bottom: 82.92, + right: 36.08, + }, + wallisEtFutuna: { + top: 74.95, + left: 0, + bottom: 79.50, + right: 7.58, + }, + polynesieFrancaise: { + top: 90.19, + left: 85.12, + bottom: 97.02, + right: 100, + }, + nouvelleCaledonie: { + top: 73.73, + left: 66.21, + bottom: 83.80, + right: 81.09, + }, +}; +const projectsIcons = document.querySelectorAll('#projects_icons > svg'); +for (let icon of projectsIcons) { + icon.addEventListener('mouseenter', function() { + console.log("mouse over"); + displayPopup(icon); + }); + icon.addEventListener('mouseleave', function() { + console.log("mouse out"); -// Fonction pour afficher le popup -function showPopup(content, x, y, isLeftHalf) { - // Si on est sur une page avec la classe 'node-type-site', ne pas afficher le popup - if (isSitePage) return; - - popupContent.innerHTML = content; - - - // Afficher le popup et le fond de modal - popup.style.display = 'block'; - modalBackground.style.display = 'block'; - + hidePopup(); + }); } -// Fonction pour fermer le popup -function closePopup() { +function placeProjectsIcons(projectsIcons) { + const container = document.querySelector('#map_base'); + const containerWidth = container.getBoundingClientRect().width; + const containerHeight = container.getBoundingClientRect().height; + + projectsIcons.forEach(icon => { + const iconWidth = icon.getBoundingClientRect().width; + const lat = parseFloat(icon.dataset.geofieldlat); + const lon = parseFloat(icon.dataset.geofieldlon); + + const territory = findTerritory(lat, lon); + + if (territory && localisationMapPlacements[territory]) { + const territoryBounds = localisationMapPlacements[territory]; + const territoryCoords = franceCoordinates[territory]; + + const xPercentage = ((lon - territoryCoords.lonLeft) / (territoryCoords.lonRight - territoryCoords.lonLeft)) * 100; + const yPercentage = ((territoryCoords.latTop - lat) / (territoryCoords.latTop - territoryCoords.latBottom)) * 100; + + const finalX = containerWidth * (territoryBounds.left / 100 + (xPercentage / 100) * (territoryBounds.right - territoryBounds.left) / 100) - iconWidth / 2; + const finalY = containerHeight * (territoryBounds.top / 100 + (yPercentage / 100) * (territoryBounds.bottom - territoryBounds.top) / 100) - iconWidth / 2; + + icon.setAttribute('transform', `translate(${finalX}, ${finalY})`); + } else { + console.warn(`Territory not found for lat: ${lat}, lon: ${lon}`); + } + }); +} + +function findTerritory(lat, lon) { + for (const [territory, coords] of Object.entries(franceCoordinates)) { + if ( + lat <= Math.max(coords.latTop, coords.latBottom) && + lat >= Math.min(coords.latTop, coords.latBottom) && + lon >= Math.min(coords.lonLeft, coords.lonRight) && + lon <= Math.max(coords.lonLeft, coords.lonRight) + ) { + return territory; + } + } + return "Unknown territory"; +} + +function displayPopup(icon) { + const container = document.querySelector('#sites-map-container'); + + const x = icon.getBoundingClientRect().left - container.getBoundingClientRect().left; + const y = icon.getBoundingClientRect().top - container.getBoundingClientRect().top; + + const popup = document.querySelector('#sites-map-container #popup'); + + popup.querySelector('h3').innerText = icon.dataset.title; + popup.querySelector('p').innerText = icon.dataset.place; + + + popup.style.top = 0; + popup.style.left = 0; + + popup.style.display = 'block'; + + popup.style.left = `${x - popup.getBoundingClientRect().width / 2 + icon.getBoundingClientRect().width / 2}px`; + popup.style.top = `${y - popup.getBoundingClientRect().height - icon.getBoundingClientRect().height}px`; + setTimeout(() => { + popup.style.opacity = 1; + }, 10); +} + +function hidePopup(){ + const popup = document.querySelector('#sites-map-container #popup'); + + popup.style.opacity = 0; + setTimeout(() => { popup.style.display = 'none'; - modalBackground.style.display = 'none'; // Désactiver le fond modal + }, 300); } -// Gérer le survol des cercles (au lieu du clic) -svgElement.addEventListener('mouseover', function(event) { - if (event.target.classList.contains('site-link')) { - const content = event.target.getAttribute('data-content'); - - // Afficher le popup avec la position et l'alignement adaptés - showPopup(content); - } - - // Gestion du changement de couleur sur le cercle - if (event.target.tagName === 'circle') { - event.target.setAttribute('fill', 'red'); - } -}); - -// Fermer le popup lorsque la souris quitte le cercle -svgElement.addEventListener('mouseout', function(event) { - if (event.target.classList.contains('site-link')) { - closePopup(); - } - - // Réinitialiser la couleur du cercle au survol de la souris - if (event.target.tagName === 'circle') { - event.target.setAttribute('fill', 'black'); // Remettre en noir - } -}); - - -// Mettre à jour la logique de calcul des positions -function recalculateSitePositions() { - const allSites = document.querySelectorAll('.site-link'); - - allSites.forEach((site, index) => { - const geofield = site.getAttribute('data-geofield'); // Assurez-vous que ces attributs sont bien définis - const lon = parseFloat(geofield.split(',')[0]); - const lat = parseFloat(geofield.split(',')[1]); - - const x = round((lon - lonLeft) / (lonRight - lonLeft) * vp_w); - const y = round((latTop - lat) / (latTop - latBottom) * vp_h); - - site.setAttribute('transform', `translate(${x}, ${y})`); - }); -} - -window.addEventListener('resize', function() { - recalculateSitePositions(); - if (popup.style.display === 'block') { - const currentPopupRect = popup.getBoundingClientRect(); - const rect = svgElement.getBoundingClientRect(); - showPopup(popupContent.innerHTML, currentPopupRect.left - rect.left, currentPopupRect.top - rect.top); - } -}); - -// Gérer le clic ou le toucher des cercles -function handleCircleClick(content) { - showPopup(content, event.clientX, event.clientY, event.target.getAttribute('data-left-half') === 'true'); -} - -// Écouter les événements de clic et de toucher sur le SVG -svgElement.addEventListener('click', function(event) { - if (event.target.classList.contains('site-link') || event.target.tagName === 'rect') { - const content = event.target.getAttribute('data-content'); - handleCircleClick(content); - } -}); - - -///////////////////// page site point rouge quand sur page /////////////////////// - -// Récupérer l'ID de la page depuis la classe du body -const body = document.querySelector('body'); -const pageId = body.className.match(/node-id-(\d+)/)[1]; // Extraire l'ID de la page - -// Sélectionner le groupe SVG qui a l'ID correspondant -const matchingGroup = document.querySelector(`#site-${pageId}`); - -// Si un groupe correspondant est trouvé, changer la couleur du cercle à l'intérieur -if (matchingGroup) { - const circle = matchingGroup.querySelector('circle'); // Sélectionner le cercle à l'intérieur du groupe - if (circle) { - circle.setAttribute('fill', 'red'); // Changer la couleur du cercle - } -} - - +placeProjectsIcons(projectsIcons); +window.addEventListener('resize', placeProjectsIcons(projectsIcons)); diff --git a/web/modules/custom/erable_mod/assets/js/carte-interactive.js.old b/web/modules/custom/erable_mod/assets/js/carte-interactive.js.old new file mode 100644 index 0000000..f288a90 --- /dev/null +++ b/web/modules/custom/erable_mod/assets/js/carte-interactive.js.old @@ -0,0 +1,115 @@ +// // Sélection des éléments principaux +const svgElement = document.querySelector('#sites-map-container svg'); +const popup = document.querySelector('#sites-map-container #popup'); +const popupContent = document.querySelector('#sites-map-container #popup-content'); +const modalBackground = document.querySelector('#sites-map-container #modal-background'); + +// Vérifiez si la page contient la classe '.node-type-site' +const isSitePage = document.body.classList.contains('node-type-site'); +console.log(isSitePage); + + + +// Fonction pour afficher le popup +function showPopup(content, x, y, isLeftHalf) { + // Si on est sur une page avec la classe 'node-type-site', ne pas afficher le popup + if (isSitePage) return; + + popupContent.innerHTML = content; + + + // Afficher le popup et le fond de modal + popup.style.display = 'block'; + modalBackground.style.display = 'block'; + +} + +// Fonction pour fermer le popup +function closePopup() { + popup.style.display = 'none'; + modalBackground.style.display = 'none'; // Désactiver le fond modal +} + +// Gérer le survol des cercles (au lieu du clic) +svgElement.addEventListener('mouseover', function(event) { + if (event.target.classList.contains('site-link')) { + const content = event.target.getAttribute('data-content'); + + // Afficher le popup avec la position et l'alignement adaptés + showPopup(content); + } + + // Gestion du changement de couleur sur le cercle + if (event.target.tagName === 'circle') { + event.target.setAttribute('fill', 'red'); + } +}); + +// Fermer le popup lorsque la souris quitte le cercle +svgElement.addEventListener('mouseout', function(event) { + if (event.target.classList.contains('site-link')) { + closePopup(); + } + + // Réinitialiser la couleur du cercle au survol de la souris + if (event.target.tagName === 'circle') { + event.target.setAttribute('fill', 'black'); // Remettre en noir + } +}); + + +// Mettre à jour la logique de calcul des positions +function recalculateSitePositions() { + const allSites = document.querySelectorAll('.site-link'); + + allSites.forEach((site, index) => { + const geofield = site.getAttribute('data-geofield'); // Assurez-vous que ces attributs sont bien définis + const lon = parseFloat(geofield.split(',')[0]); + const lat = parseFloat(geofield.split(',')[1]); + + const x = round((lon - lonLeft) / (lonRight - lonLeft) * vp_w); + const y = round((latTop - lat) / (latTop - latBottom) * vp_h); + + site.setAttribute('transform', `translate(${x}, ${y})`); + }); +} + +window.addEventListener('resize', function() { + recalculateSitePositions(); + if (popup.style.display === 'block') { + const currentPopupRect = popup.getBoundingClientRect(); + const rect = svgElement.getBoundingClientRect(); + showPopup(popupContent.innerHTML, currentPopupRect.left - rect.left, currentPopupRect.top - rect.top); + } +}); + +// Gérer le clic ou le toucher des cercles +function handleCircleClick(content) { + showPopup(content, event.clientX, event.clientY, event.target.getAttribute('data-left-half') === 'true'); +} + +// Écouter les événements de clic et de toucher sur le SVG +svgElement.addEventListener('click', function(event) { + if (event.target.classList.contains('site-link') || event.target.tagName === 'rect') { + const content = event.target.getAttribute('data-content'); + handleCircleClick(content); + } +}); + + +///////////////////// page site point rouge quand sur page /////////////////////// + +// Récupérer l'ID de la page depuis la classe du body +const body = document.querySelector('body'); +const pageId = body.className.match(/node-id-(\d+)/)[1]; // Extraire l'ID de la page + +// Sélectionner le groupe SVG qui a l'ID correspondant +const matchingGroup = document.querySelector(`#site-${pageId}`); + +// Si un groupe correspondant est trouvé, changer la couleur du cercle à l'intérieur +if (matchingGroup) { + const circle = matchingGroup.querySelector('circle'); // Sélectionner le cercle à l'intérieur du groupe + if (circle) { + circle.setAttribute('fill', 'red'); // Changer la couleur du cercle + } +} diff --git a/web/modules/custom/erable_mod/assets/svg/carte.svg b/web/modules/custom/erable_mod/assets/svg/carte.svg new file mode 100644 index 0000000..c50eb09 --- /dev/null +++ b/web/modules/custom/erable_mod/assets/svg/carte.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/modules/custom/erable_mod/assets/svg/feuille.svg b/web/modules/custom/erable_mod/assets/svg/feuille.svg new file mode 100644 index 0000000..d9f7405 --- /dev/null +++ b/web/modules/custom/erable_mod/assets/svg/feuille.svg @@ -0,0 +1,25 @@ + + + + + diff --git a/web/modules/custom/erable_mod/src/Plugin/Block/SitesMap.php b/web/modules/custom/erable_mod/src/Plugin/Block/SitesMap.php index 9533366..5f0dc7b 100644 --- a/web/modules/custom/erable_mod/src/Plugin/Block/SitesMap.php +++ b/web/modules/custom/erable_mod/src/Plugin/Block/SitesMap.php @@ -16,7 +16,7 @@ use Drupal\Core\Render\Markup; * ) */ class SitesMap extends BlockBase { - + /** * {@inheritdoc} */ @@ -25,67 +25,33 @@ class SitesMap extends BlockBase { $allSites = \Drupal::entityTypeManager()->getStorage('node') ->loadByProperties(['type' => 'projet', 'status' => 1]); - + $sites_paths = ""; - $vp_w = 600; - $vp_h = 600; - - // Coordonnées géographiques des coins de la carte (France) - $latTop = 52.0; // Nord-Ouest (coin supérieur gauche) - $lonLeft = -6.0; - $latBottom = 40.0; // Sud-Est (coin inférieur droit) - $lonRight = 11.0; - - foreach($allSites as $index => $site){ $title = $site->get('title')->getString(); $subtitle = $site->get('field_sous_titre')->getString(); + $place = $site->get('field_localisation_textuel')->getString(); $link_options = ['absolute' => FALSE, 'attributes' => ['class' => 'site-link']]; $site_link_object = Link::createFromRoute("voir le site", 'entity.node.canonical', ['node' => $site->id()], $link_options); - $link = $site_link_object->toString()->getGeneratedLink(); + // $link = $site_link_object->toString()->getGeneratedLink(); + $href = $site_link_object->getUrl()->toString(); - $datacontent = htmlspecialchars("$title
$subtitle
$link"); + // $datacontent = htmlspecialchars("$title
$subtitle
$link"); $geofield = $site->get('field_carte')->get(0); $lon = $geofield->lon; $lat = $geofield->lat; - $geofieldData = "$lon,$lat"; // Utiliser une chaîne pour stocker la position - $x = round(($lon - $lonLeft) / ($lonRight - $lonLeft) * $vp_w); - $y = round(($latTop - $lat) / ($latTop - $latBottom) * $vp_h); - - $r = 10; - $m = -$r+4; - $l = $r*2-7; - $sites_paths .= << - > - - - - - - - - SVGSITEPATH; + $svg_template_path = DRUPAL_ROOT . '/modules/custom/erable_mod/assets/svg/feuille.svg'; + $svg_template= file_get_contents($svg_template_path); + $sites_paths .= str_replace( + ['$index', '$lon', '$lat', '$href', '$title', '$place'], + [$index, $lon, $lat, $href, $title, $place], + $svg_template + ); } - $return = [ '#cache' => [ @@ -94,8 +60,6 @@ class SitesMap extends BlockBase { 'svg_mapsites' => [ '#theme' => 'svg_mapsites', '#sites' => $sites_paths, - '#vpw' => $vp_w, - '#vph' => $vp_h, '#attached' => [ 'library' => [ 'erable_mod/sites_map_block', @@ -112,4 +76,4 @@ class SitesMap extends BlockBase { public function getCacheMaxAge() { return 0; } -} \ No newline at end of file +} diff --git a/web/modules/custom/erable_mod/templates/svg-mapsites.html.twig b/web/modules/custom/erable_mod/templates/svg-mapsites.html.twig index b0e1544..8c4d338 100644 --- a/web/modules/custom/erable_mod/templates/svg-mapsites.html.twig +++ b/web/modules/custom/erable_mod/templates/svg-mapsites.html.twig @@ -2,51 +2,13 @@ {# #} - + fond de carte des territoires Français métropolitains et ultramarins +
+ {{ sites|raw }} +
- - - - - - - - {{ sites|raw }} - - - - - - - - - \ No newline at end of file + + diff --git a/web/themes/erabletheme/css/styles.css b/web/themes/erabletheme/css/styles.css index b28fc24..c33275f 100644 --- a/web/themes/erabletheme/css/styles.css +++ b/web/themes/erabletheme/css/styles.css @@ -58,10 +58,6 @@ a { margin-top: calc(10vh + 3rem); } } */ -body { - overflow-x: hidden; -} - .layout-container { margin: 0 !important; } @@ -78,6 +74,9 @@ em { display: none; } +/* * { + border: solid 1px red !important; +} */ /* PARTIALS */ body.toolbar-tray-open header[role=banner] { left: 15rem !important; @@ -352,7 +351,7 @@ body.toolbar-fixed header[role=banner] { } .layout-container #block-erabletheme-navigationprincipale { background: linear-gradient(to bottom, white, transparent); - width: 100vw; + width: 100%; display: none; position: absolute; padding-top: 1rem; @@ -423,10 +422,9 @@ body.toolbar-fixed header[role=banner] { } .layout-container > footer { - width: 100vw; + width: 100%; background-color: white; z-index: 99; - box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.2); margin-top: 50px; padding: 0 3vw; } @@ -524,11 +522,13 @@ body.toolbar-fixed header[role=banner] { .layout-container > footer #footer_middle #footer_section #footer_right #block-erabletheme-socialmedialinks-2 ul li a svg.ext { display: none; } +.layout-container > footer #footer_middle #footer_section #footer_right #block-erabletheme-socialmedialinks-2 ul li:last-of-type { + margin-left: 25px; +} @media (min-width: 760px) { .layout-container > footer #footer_middle #footer_section #footer_right { - width: 25vw; - padding-left: 15vw; - padding-right: 3vw; + width: auto; + margin-right: 25px; } } @media (min-width: 760px) { @@ -542,54 +542,60 @@ body.toolbar-fixed header[role=banner] { } } -.slick-container { +@media screen and (min-width: 760px) { + .carousel_container { + width: 100%; + overflow-x: hidden; + } +} +.carousel_container .slick-container { width: 100%; margin-bottom: 5rem; } @media screen and (min-width: 760px) { - .slick-container { + .carousel_container .slick-container { width: 200vw; transform: translateX(-50vw); } } -.slick-container div.views-row { +.carousel_container .slick-container div.views-row { padding: 0 3vw; } @media screen and (min-width: 760px) { - .slick-container div.views-row { + .carousel_container .slick-container div.views-row { padding: 0 6vw; } } -.slick-container div.views-row > article { +.carousel_container .slick-container div.views-row > article { width: 100%; } -.slick-container div.views-row > article > div:first-of-type { +.carousel_container .slick-container div.views-row > article > div:first-of-type { overflow-y: hidden; padding: 0 !important; display: flex; align-items: center; } -.slick-container div.views-row > article > div:first-of-type > div { +.carousel_container .slick-container div.views-row > article > div:first-of-type > div { width: 100%; } -.slick-container div.views-row > article > div:first-of-type > div > a { +.carousel_container .slick-container div.views-row > article > div:first-of-type > div > a { max-width: 100%; } -.slick-container div.views-row > article > div:first-of-type > div > a img { +.carousel_container .slick-container div.views-row > article > div:first-of-type > div > a img { width: 100%; height: auto; } @media (min-width: 760px) { - .slick-container div.views-row > article .preview_meta { + .carousel_container .slick-container div.views-row > article .preview_meta { margin-left: 0; margin-right: 0; } - .slick-container div.views-row > article h2, .slick-container div.views-row > article .preview_sous_titre { + .carousel_container .slick-container div.views-row > article h2, .carousel_container .slick-container div.views-row > article .preview_sous_titre { padding-left: 0; padding-right: 0; } } -.slick-container .slick-arrow { +.carousel_container .slick-container .slick-arrow { width: 1.5rem; height: 1.5rem; border-radius: 1.5rem; @@ -599,19 +605,19 @@ body.toolbar-fixed header[role=banner] { bottom: calc(-25px - 4rem); } @media (min-width: 760px) { - .slick-container .slick-arrow { + .carousel_container .slick-container .slick-arrow { width: 2rem; height: 2rem; bottom: calc(-25px - 6rem); } } -.slick-container .slick-arrow:hover { +.carousel_container .slick-container .slick-arrow:hover { background-color: white !important; } -.slick-container .slick-arrow:hover::before { +.carousel_container .slick-container .slick-arrow:hover::before { color: #038788; } -.slick-container .slick-arrow::before { +.carousel_container .slick-container .slick-arrow::before { opacity: 1 !important; color: white; font-weight: bold; @@ -620,57 +626,57 @@ body.toolbar-fixed header[role=banner] { font-size: 0.8rem !important; } @media (min-width: 760px) { - .slick-container .slick-arrow::before { + .carousel_container .slick-container .slick-arrow::before { font-size: 1.2rem !important; } } -.slick-container .slick-prev { +.carousel_container .slick-container .slick-prev { left: 20vw; } -@media (min-width: 1080px) { - .slick-container .slick-prev { +@media (min-width: 760px) { + .carousel_container .slick-container .slick-prev { left: 85vw; } } -.slick-container .slick-next { +.carousel_container .slick-container .slick-next { right: 20vw; } -@media (min-width: 1080px) { - .slick-container .slick-next { +@media (min-width: 760px) { + .carousel_container .slick-container .slick-next { right: 85vw; } } -.slick-container > div > div > div:first-of-type { +.carousel_container .slick-container > div > div > div:first-of-type { z-index: 2; position: relative; margin-bottom: 4rem; } @media (min-width: 760px) { - .slick-container > div > div > div:first-of-type { + .carousel_container .slick-container > div > div > div:first-of-type { margin-bottom: 6rem; } } -.slick-container #carousel_dots { +.carousel_container .slick-container #carousel_dots { z-index: 1; position: relative; margin-top: -15px; } -.slick-container #carousel_dots ul { +.carousel_container .slick-container #carousel_dots ul { position: relative; bottom: 0; } -.slick-container #carousel_dots ul li.slick-active button::before { +.carousel_container .slick-container #carousel_dots ul li.slick-active button::before { color: #038788; } -.slick-container #carousel_dots ul li button::before { +.carousel_container .slick-container #carousel_dots ul li button::before { color: rgb(0.9, 0.9, 0.9); } -.slick-container footer { +.carousel_container .slick-container footer { text-align: center; margin-top: 4rem; margin-bottom: 4rem; } -.slick-container footer a { +.carousel_container .slick-container footer a { text-align: center; color: black; font-family: "Marianne", sans-serif; @@ -681,10 +687,10 @@ body.toolbar-fixed header[role=banner] { padding: 9px 18px; transition: background-color 0.3s ease; } -.slick-container footer a svg { +.carousel_container .slick-container footer a svg { display: none; } -.slick-container footer a:hover { +.carousel_container .slick-container footer a:hover { background-color: #00ff80; } @@ -740,11 +746,11 @@ body.toolbar-fixed header[role=banner] { margin-bottom: 1rem; } .actu_full h3, .actu_full h4, .actu_full h5, .actu_full h6 { + margin-bottom: 1rem; font-family: "Marianne", sans-serif; font-size: 0.9rem; color: #038788; font-weight: 800; - margin-bottom: 1rem; } @media (min-width: 760px) { .actu_full h3, .actu_full h4, .actu_full h5, .actu_full h6 { @@ -844,13 +850,13 @@ body.toolbar-fixed header[role=banner] { } } .views-row article.actu-teaser h2 { + margin-bottom: 0.5rem; font-family: "Barlow Condensed", sans-serif; font-size: 1.2rem; padding: 0 3vw; margin-top: 1rem; color: #038788; text-transform: uppercase; - margin-bottom: 0.5rem; } .views-row article.actu-teaser h2 a { color: #038788; @@ -1046,18 +1052,18 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo .home_consultation { position: relative; - background: linear-gradient(to bottom, #fcf9ee 80%, white 100%); width: 100%; padding: 4rem 0; + background: linear-gradient(to bottom, #fcf9ee 80%, white 100%); } .home_consultation h2 { + margin-bottom: 1.2rem; font-family: "Barlow Condensed", sans-serif; font-size: 1.2rem; padding: 0 3vw; margin-top: 1rem; color: #038788; text-transform: uppercase; - margin-bottom: 1.2rem; } .home_consultation h2 a { color: #038788; @@ -1144,6 +1150,23 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo } } +#sites-map-container #popup h3 { + font-family: "Marianne", sans-serif; + font-size: 0.9rem; + color: #038788; + font-weight: 800; +} +@media (min-width: 760px) { + #sites-map-container #popup h3 { + font-size: 1.2rem; + } +} +#sites-map-container #popup p { + font-family: "Marianne", sans-serif; + font-size: 1rem; + line-height: 1.4; +} + .fullpage { margin-bottom: 10vh; margin-top: -3vh; @@ -1152,12 +1175,6 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo position: relative; } .fullpage > h2 { - font-family: "Barlow Condensed", sans-serif; - font-size: 1.2rem; - padding: 0 3vw; - margin-top: 1rem; - color: #038788; - text-transform: uppercase; margin-top: 5vh; margin-bottom: 7vh; background-color: #fcf9ee; @@ -1165,6 +1182,12 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo position: relative; width: auto; display: inline-block; + font-family: "Barlow Condensed", sans-serif; + font-size: 1.2rem; + padding: 0 3vw; + margin-top: 1rem; + color: #038788; + text-transform: uppercase; } .fullpage > h2 a { color: #038788; @@ -1185,12 +1208,6 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo color: #314e41; } .fullpage .fullpage_content > h2 { - font-family: "Barlow Condensed", sans-serif; - font-size: 1.2rem; - padding: 0 3vw; - margin-top: 1rem; - color: #038788; - text-transform: uppercase; margin-top: 5vh; margin-bottom: 1rem; background-color: #fcf9ee; @@ -1198,6 +1215,12 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo position: relative; width: auto; display: inline-block; + font-family: "Barlow Condensed", sans-serif; + font-size: 1.2rem; + padding: 0 3vw; + margin-top: 1rem; + color: #038788; + text-transform: uppercase; } .fullpage .fullpage_content > h2 a { color: #038788; @@ -1213,18 +1236,18 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo } } .fullpage .fullpage_content .sous_titre { - font-family: "Marianne", sans-serif; - font-size: 1rem; - line-height: 1.4; font-size: 1.2rem; padding: 0 3vw; -} -.fullpage .fullpage_content p { font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; +} +.fullpage .fullpage_content p { padding: 0 3vw; margin-bottom: 2rem; + font-family: "Marianne", sans-serif; + font-size: 1rem; + line-height: 1.4; } .fullpage .fullpage_content p:first-of-type { margin-top: 7vh; @@ -1273,12 +1296,12 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo display: none; } .fullpage .fullpage_content h3, .fullpage .fullpage_content h4, .fullpage .fullpage_content h5, .fullpage .fullpage_content h6 { + margin-bottom: 1rem; + padding-left: 3vw; font-family: "Marianne", sans-serif; font-size: 0.9rem; color: #038788; font-weight: 800; - margin-bottom: 1rem; - padding-left: 3vw; } @media (min-width: 760px) { .fullpage .fullpage_content h3, .fullpage .fullpage_content h4, .fullpage .fullpage_content h5, .fullpage .fullpage_content h6 { @@ -1335,12 +1358,12 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo } .paragraph--type--membre-equipe > div:nth-of-type(2), .paragraph--type--membre-equipe > div:nth-of-type(3) { + margin-bottom: 2vh; + align-self: flex-end; font-family: "Marianne", sans-serif; font-size: 0.9rem; color: #038788; font-weight: 800; - margin-bottom: 2vh; - align-self: flex-end; } @media (min-width: 760px) { .paragraph--type--membre-equipe > div:nth-of-type(2), @@ -1352,10 +1375,10 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo padding-left: 0.5rem; } .paragraph--type--membre-equipe > div:last-of-type { + grid-column: 2/4; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; - grid-column: 2/4; } @media (min-width: 760px) { .paragraph--type--membre-equipe { @@ -1384,10 +1407,10 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo font-size: 1.6rem; } .content_gouvernance .views-row article > h2 + div > div { + margin-bottom: 2em; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; - margin-bottom: 2em; } .content_gouvernance .views-row article > div:first-of-type { height: unset; @@ -1666,10 +1689,10 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo background-color: white; } .fullpage.meetup > .meetup_list > .views-row > a > article > p, .fullpage.meetup > .meetup_list > .views-row > a > article > a, .fullpage.meetup > .meetup_list > .views-row > a > article > div, .fullpage.meetup > .meetup_list > .views-row > a > article > a > h2, .fullpage.meetup > .meetup_list > .views-row > article > p, .fullpage.meetup > .meetup_list > .views-row > article > a, .fullpage.meetup > .meetup_list > .views-row > article > div, .fullpage.meetup > .meetup_list > .views-row > article > a > h2 { + padding: 0.2rem 0; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; - padding: 0.2rem 0; } .fullpage.meetup > .meetup_list > .views-row > a > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."]), .fullpage.meetup > .meetup_list > .views-row > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."]) { grid-column: 1; @@ -1737,33 +1760,33 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo display: none !important; } .fullpage.meetup > .views-exposed-form { + display: flex; + margin-left: 3vw; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; - display: flex; - margin-left: 3vw; } .fullpage.meetup > .views-exposed-form > div { width: auto; } .fullpage.meetup > .views-exposed-form > div > select { + font-size: 0.8rem; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; - font-size: 0.8rem; } .fullpage.meetup > .views-exposed-form > div:last-of-type { margin-left: 1rem; } .fullpage.meetup > .views-exposed-form > div:last-of-type > input { - font-family: "Marianne", sans-serif; - font-size: 1rem; - line-height: 1.4; font-size: 0.8rem; background-color: #038788; color: white; cursor: pointer; border: none; + font-family: "Marianne", sans-serif; + font-size: 1rem; + line-height: 1.4; } .fullpage.meetup .ornements_top_over { top: -15vh; @@ -1787,14 +1810,14 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo color: #038788; } .fullpage.meetup-offre > h2 { + margin-bottom: 3vh; + width: auto; font-family: "Barlow Condensed", sans-serif; font-size: 1.2rem; padding: 0 3vw; margin-top: 1rem; color: #038788; text-transform: uppercase; - margin-bottom: 3vh; - width: auto; } .fullpage.meetup-offre > h2 a { color: #038788; diff --git a/web/themes/erabletheme/css/styles.css.map b/web/themes/erabletheme/css/styles.css.map index d47092a..e3bb377 100644 --- a/web/themes/erabletheme/css/styles.css.map +++ b/web/themes/erabletheme/css/styles.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/styles.scss","../scss/global/_fonts.scss","../scss/global/variables/_layout.scss","../scss/global/variables/_typography.scss","../scss/global/_typography.scss","../scss/global/_global.scss","../scss/partials/_header.scss","../scss/global/variables/_colors.scss","../scss/partials/_footer.scss","../scss/partials/_carousel.scss","../scss/partials/_articles.scss","../scss/partials/_articles_teaser.scss","../scss/partials/_forms.scss","../scss/_home.scss","../scss/_fullpage.scss","../scss/_gouvernance.scss","../scss/_partenaires.scss","../scss/_consultation.scss","../scss/_meetup.scss","../scss/_actualites.scss","../scss/_faq.scss"],"names":[],"mappings":";AAAA;ACAA;AAEA;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;AAEA;EACI;EACA;EAEA;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AC7CF;AAMA;EACI;EACA;EACA;EACA;;;ACbJ;AAQA;ACRA;EACI;;;ACAJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;ALjBJ;AMPA;EACI;EACA;;;AAGJ;EACI;;;AAMA;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;IACA;IACA;;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAKhB;EAKI;;AAJA;EACI;EACA;;AAGJ;EANJ;IAOQ;;;AAEJ;EATJ;IAUQ;;;AAGR;EACI;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;;AAGR;EAXJ;IAYQ;;EACA;IACI;IACA;;;AAGR;EAlBJ;IAmBM;;;AAEF;EArBJ;IAsBM;;EACA;IACI;IACA;IACA;;;AAIV;EACI;;AACA;EAFJ;IAGQ;;;AAEJ;EACI;EACA;EACA;;AAGR;EACI;;AAEJ;EACI;;AACA;EAFJ;IAGQ;;;AAEJ;EACI;EACA;EACA;EACA,kBC3HP;ED4HO;EACA;EACA;EACA;EACA;;AACA;EACI,WHjIT;EGkIS;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCxKP;EDyKO;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA,OCjMf;;ADmMW;EACI;EACA,OCrMf;;ADuMW;EA1BJ;IA2BQ;;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAEI;EACI;;AAEJ;EACI;;AAQpB;EACI;;AAEJ;AAAA;AAAA;EAGI;EACA;;AAEJ;EAvEJ;IAwEQ;IACA;IACA;;EACA;IACI;;EACA;IACI;IACA;;;AAKhB;EACI;EACA;EACA;;AAGR;EACI;;AAGR;EACE;EACA;;AAGN;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOM;;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA,WHpRA;EGqRA;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAGJ;EACE,kBCtSH;;ADwSC;EACE;EACA;;AACA;EACE,kBC5SL;;ADkTT;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AACA;EACE;EACA,WH9TI;EG+TJ;;AACA;EACE;;AACA;EACE;;;AErUd;EACI;EACA;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;;AAEJ;EANJ;IAOQ;;;AAGR;EACI;;AACA;EACI;EACA;;AAEJ;EANJ;IAOQ;IACA;;;AAGR;EA3BJ;IA4BQ;IACA,cNrCL;;;AMwCH;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;;AACA;EACI,ODpDX;ECqDW,WLvDT;EKwDS;EACA;EACA;;AAEJ;EAVJ;IAWQ;IACA;;;AAGR;EAlBJ;IAmBQ;IACA;;;AAIR;EACI;;AACA;EACI;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDrFrB;;ACuFiB;EACI;;AAIZ;EArBJ;IAsBQ;IACA;IACA,eNhGT;;;AMqGH;EA9FJ;IA+FQ;;;AAGR;EAzGJ;IA0GQ;;;;AC1GR;EACI;EACA;;AACA;EAHJ;IAIM;IACA;;;AAEF;EACI;;AACA;EAFJ;IAGQ;;;AAEN;EACE;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;;AACA;EACI;EACA;;AAKhB;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EARJ;IASM;IACA;IACA;;;AAEF;EACE;;AACA;EACE,OFzDL;;AE4DC;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EAPF;IAQI;;;AAIR;EACE;;AACA;EAFF;IAGI;;;AAGJ;EACE;;AACA;EAFF;IAGI;;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI,OFpGP;;AEsGG;EACI;;AAIV;EAEI;EACA;EACA;;ANhEJ;EACI;EACA;EACA;EACA;EACA,WAnDM;EAoDN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBI/DK;;;AGCT;EPyBA;EACA,WAtBa;EAuBb;;AOxBA;EACI;EACA,cRNG;;AQOH;EACI,WPPG;EOQH;EACA,OHTL;;AGYH;EACI,cRdG;EQeH;;AACA;EACI,WPhBG;EOiBH;;AAGR;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;;AAEA;EACI,WPhCF;EOiCE;;AAIJ;EACI;EACA;;AACA;EACI;EACA;;AAMhB;EACI;;AAGJ;EPvBA;EACA,WA/BU;EAgCV,OIjCG;EJkCH;EOsBI;;APrBJ;EOmBA;IPlBE,WAlCQ;;;AOyDV;EACI;EACA;EACA;;APfJ;EACI;EACA;EACA;EACA;EACA,WAnDM;EAoDN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBI/DK;;AGiEL;EACI;;AAEJ;EARJ;IASQ;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAIZ;EACE;;;AClFJ;EACI;EACA;EACA;;AACE;EACI;EACA;EACA;EACA,cTTD;ESUC,eTVD;ESWC;EACA;;AAEI;EACI;EACA;;AAEJ;EACE;;AAKV;EACI;EACA,WRzBG;EQ0BH;EACA;EACA;EACA,OJ7BL;EI8BK;EACA;EACA;;AACA;EAVJ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;;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAdJ;IAeQ;IACA;IACA;IACA;;;AAGR;EACI;;AAKhB;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;;;AAEJ;EATJ;IAUQ;;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EfnFZ;EACA,WAtBa;EAuBb;EemFgB;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAGR;EACI;EACA;;AACA;EACI,OXjIjB;EWkIiB;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;;AACA;EACI;;AAGR;EACI;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI;;AAKhB;Ef7JA;EACA,WAtBa;EAuBb;Ee6JI;EACA,ahB1LG;;AgB2LH;EACI;;AACA;EfnKR;EACA,WAtBa;EAuBb;EemKY;;AAGR;EACI;;AACA;Ef1KR;EACA,WAtBa;EAuBb;Ee0KY;EACA,kBXtMT;EWuMS;EACA;EACA;;AAMZ;EACI;;AAEJ;EACI;;;AAIR;Ef9LI;EACA,WAtBa;EAuBb;;Ae8LA;EACI;EACA,chB5NG;;AgB6NH;EACI,Wf7NG;Ee8NH;EACA,OX/NL;;AWkOH;EfxNA;EACA,WATU;EAUV;EACA;EACA,OIdG;EJeH;EeqNI;EACA;;AfrNJ;EACI,OIjBD;;AJmBH;Ee+MA;If9ME,WAfO;;;AemOL;EACI;EACA;EACA,ahB5OD;EgB6OC,chB7OD;EgB8OC;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;IACA;IACA;IACA;;;AAIZ;EAII;EACA;EACA;EACA,OXjRb;EWkRa;;AAPA;EACI;;AAQR;EAOI;EACA;EACA;EACA,OX9Rb;;AWqRa;EACI;;AAEJ;EACI;;AAOR;EACI;EACA;EACA,WfhSL;EeiSK;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EAHJ;IAIQ;IACA;;;AAEJ;EACI;EACA;EACA,kBXtTjB;EWuTiB;EACA;EACA;EACA;EACA,Wf3TT;Ee4TS;EACA;;AAEJ;EACI;;AAGR;EAII;EACA;EACA;EACA,Wf1UL;Ee2UK;EACA;;AARA;EACI;;AAQJ;EAVJ;IAWQ;IACA;IACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AfpTpB;EACI;EACA;EACA;EACA;EACA,WAnDM;EAoDN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBI/DK;;AWsWW;EACI;;AAEJ;EAPJ;IAQQ;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAKhB;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AfjVpB;EACI;EACA;EACA;EACA;EACA,WAnDM;EAoDN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBI/DK;;AWmYW;EACI;;AAEJ;EAPJ;IAQQ;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAKhB;EACI;;;ACtZlB;EACE;IACI;IACA;;;AAGN;EACE;IACI;;;;ACTR;EjB0BI;EACA,WAtBa;EAuBb;EiB1BA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI,ObZL;EaaK;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAIJ;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA,OblCL;;AaqCH;EACI;EACA;;AAIJ;EACI;;AAEJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EjBjCA;EACA,WAtBa;EAuBb;EiBiCA,kBb5DG;Ea6DH;EACA;EACA;EACA;EACA;;AACA;EAfJ;IAgBQ;IACA;IACA;IACA;IACA;;;AAEJ;EAtBJ;IAuBQ;IACA;IACA;IACA;IACA;IACA;;;AAEJ;EACI;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"styles.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/styles.scss","../scss/global/_fonts.scss","../scss/global/variables/_layout.scss","../scss/global/variables/_typography.scss","../scss/global/_typography.scss","../scss/global/_global.scss","../scss/partials/_header.scss","../scss/global/variables/_colors.scss","../scss/partials/_footer.scss","../scss/partials/_carousel.scss","../scss/partials/_articles.scss","../scss/partials/_articles_teaser.scss","../scss/partials/_forms.scss","../scss/_home.scss","../scss/_fullpage.scss","../scss/_gouvernance.scss","../scss/_partenaires.scss","../scss/_consultation.scss","../scss/_meetup.scss","../scss/_actualites.scss","../scss/_faq.scss"],"names":[],"mappings":";AAAA;ACAA;AAEA;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;AAEA;EACI;EACA;EAEA;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AC7CF;AAMA;EACI;EACA;EACA;EACA;;;ACbJ;AAQA;ACRA;EACI;;;ACAJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAIJ;AAAA;AAAA;ALjBA;AMPA;EACI;EACA;;;AAGJ;EACI;;;AAMA;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;IACA;IACA;;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAKhB;EAKI;;AAJA;EACI;EACA;;AAGJ;EANJ;IAOQ;;;AAEJ;EATJ;IAUQ;;;AAGR;EACI;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;;AAGR;EAXJ;IAYQ;;EACA;IACI;IACA;;;AAGR;EAlBJ;IAmBM;;;AAEF;EArBJ;IAsBM;;EACA;IACI;IACA;IACA;;;AAIV;EACI;;AACA;EAFJ;IAGQ;;;AAEJ;EACI;EACA;EACA;;AAGR;EACI;;AAEJ;EACI;;AACA;EAFJ;IAGQ;;;AAEJ;EACI;EACA;EACA;EACA,kBC3HP;ED4HO;EACA;EACA;EACA;EACA;;AACA;EACI,WHjIT;EGkIS;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCxKP;EDyKO;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA,OCjMf;;ADmMW;EACI;EACA,OCrMf;;ADuMW;EA1BJ;IA2BQ;;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAEI;EACI;;AAEJ;EACI;;AAQpB;EACI;;AAEJ;AAAA;AAAA;EAGI;EACA;;AAEJ;EAvEJ;IAwEQ;IACA;IACA;;EACA;IACI;;EACA;IACI;IACA;;;AAKhB;EACI;EACA;EACA;;AAGR;EACI;;AAGR;EACE;EACA;;AAGN;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOM;;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA,WHpRA;EGqRA;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAGJ;EACE,kBCtSH;;ADwSC;EACE;EACA;;AACA;EACE,kBC5SL;;ADkTT;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AACA;EACE;EACA,WH9TI;EG+TJ;;AACA;EACE;;AACA;EACE;;;AErUd;EACI;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;;AAEJ;EANJ;IAOQ;;;AAGR;EACI;;AACA;EACI;EACA;;AAEJ;EANJ;IAOQ;IACA;;;AAGR;EA3BJ;IA4BQ;IACA,cNpCL;;;AMuCH;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;;AACA;EACI,ODnDX;ECoDW,WLtDT;EKuDS;EACA;EACA;;AAEJ;EAVJ;IAWQ;IACA;;;AAGR;EAlBJ;IAmBQ;IACA;;;AAIR;EACI;;AACA;EACE;EACA;;AAGI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDrFjB;;ACuFe;EACE;;AAGJ;EACE;;AAIN;EA1BJ;IA2BQ;IACA;;;AAKZ;EAlGJ;IAmGQ;;;AAGR;EA5GJ;IA6GQ;;;;AC5GN;EADF;IAEI;IACA;;;AAEF;EACI;EACA;;AACA;EAHJ;IAIM;IACA;;;AAEF;EACI;;AACA;EAFJ;IAGQ;;;AAEN;EACE;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;;AACA;EACI;EACA;;AAKhB;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EARJ;IASM;IACA;IACA;;;AAEF;EACE;;AACA;EACE,OF9DP;;AEiEG;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EAPF;IAQI;;;AAIR;EACE;;AACA;EAFF;IAGI;;;AAGJ;EACE;;AACA;EAFF;IAGI;;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI,OFzGT;;AE2GK;EACI;;AAIV;EAEI;EACA;EACA;;ANrER;EACE;EACA;EACA;EACA;EACA,WAnDU;EAoDV;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE,kBI/DS;;;AGCT;EPyBF;EACA,WAtBe;EAuBf;;AOxBE;EACI;EACA,cRNG;;AQOH;EACI,WPPG;EOQH;EACA,OHTL;;AGYH;EACI,cRdG;EQeH;;AACA;EACI,WPhBG;EOiBH;;AAGR;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;;AAEA;EACI,WPhCF;EOiCE;;AAIJ;EACI;EACA;;AACA;EACI;EACA;;AAMhB;EACI;;AAGJ;EACE;EPxBJ;EACA,WA/BY;EAgCZ,OIjCK;EJkCL;;AACA;EOmBE;IPlBA,WAlCU;;;AOyDV;EACI;EACA;EACA;;APfN;EACE;EACA;EACA;EACA;EACA,WAnDU;EAoDV;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE,kBI/DS;;AGiEL;EACI;;AAEJ;EARJ;IASQ;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAIZ;EACE;;;AClFJ;EACI;EACA;EACA;;AACE;EACI;EACA;EACA;EACA,cTTD;ESUC,eTVD;ESWC;EACA;;AAEI;EACI;EACA;;AAEJ;EACE;;AAKV;EACI;EACA,WRzBG;EQ0BH;EACA;EACA;EACA,OJ7BL;EI8BK;EACA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CA;;;AAEJ;EAZJ;IAaQ;;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAZJ;IAaQ;;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAdJ;IAeQ;IACA;IACA;IACA;;;AAGR;EACI;;AAKhB;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;;;AAEJ;EATJ;IAUQ;;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EfpFhB;EACA,WAtBe;EAuBf;;AeqFc;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAGR;EACI;EACA;;AACA;EACI,OXjIjB;EWkIiB;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;;AACA;EACI;;AAGR;EACI;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI;;AAKhB;EACE;EACA,ahBzLK;EC0BT;EACA,WAtBe;EAuBf;;Ae+JI;EACI;;AACA;EACE;EfpKV;EACA,WAtBe;EAuBf;;AesKM;EACI;;AACA;EACE;EACA,kBXrMP;EWsMO;EACA;EACA;Ef/KZ;EACA,WAtBe;EAuBf;;AeoLE;EACI;;AAEJ;EACI;;;AAIR;Ef9LE;EACA,WAtBe;EAuBf;;Ae8LE;EACI;EACA,chB5NG;;AgB6NH;EACI,Wf7NG;Ee8NH;EACA,OX/NL;;AWkOH;EACE;EACA;Ef1NJ;EACA,WATY;EAUZ;EACA;EACA,OIdK;EJeL;;AACA;EACI,OIjBC;;AJmBL;Ee+ME;If9MA,WAfS;;;AemOL;EACI;EACA;EACA,ahB5OD;EgB6OC,chB7OD;EgB8OC;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;IACA;IACA;IACA;;;AAIZ;EAII;EACA;EACA;EACA,OXjRb;EWkRa;;AAPA;EACI;;AAQR;EAOI;EACA;EACA;EACA,OX9Rb;;AWqRa;EACI;;AAEJ;EACI;;AAOR;EACI;EACA;EACA,WfhSL;EeiSK;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EAHJ;IAIQ;IACA;;;AAEJ;EACI;EACA;EACA,kBXtTjB;EWuTiB;EACA;EACA;EACA;EACA,Wf3TT;Ee4TS;EACA;;AAEJ;EACI;;AAGR;EAII;EACA;EACA;EACA,Wf1UL;Ee2UK;EACA;;AARA;EACI;;AAQJ;EAVJ;IAWQ;IACA;IACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AfpTtB;EACE;EACA;EACA;EACA;EACA,WAnDU;EAoDV;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE,kBI/DS;;AWsWW;EACI;;AAEJ;EAPJ;IAQQ;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAKhB;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AfjVtB;EACE;EACA;EACA;EACA;EACA,WAnDU;EAoDV;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE,kBI/DS;;AWmYW;EACI;;AAEJ;EAPJ;IAQQ;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAKhB;EACI;;;ACtZlB;EACE;IACI;IACA;;;AAGN;EACE;IACI;;;;ACTR;EjB0BE;EACA,WAtBe;EAuBf;EiB1BE;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI,ObZL;EaaK;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAIJ;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA,OblCL;;AaqCH;EACI;EACA;;AAIJ;EACI;;AAEJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EjBjCF;EACA,WAtBe;EAuBf;EiBiCE,kBb5DG;Ea6DH;EACA;EACA;EACA;EACA;;AACA;EAfJ;IAgBQ;IACA;IACA;IACA;IACA;;;AAEJ;EAtBJ;IAuBQ;IACA;IACA;IACA;IACA;IACA;;;AAEJ;EACI;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"styles.css"} \ No newline at end of file diff --git a/web/themes/erabletheme/scss/_fullpage.scss b/web/themes/erabletheme/scss/_fullpage.scss index 2cafb62..e243adb 100644 --- a/web/themes/erabletheme/scss/_fullpage.scss +++ b/web/themes/erabletheme/scss/_fullpage.scss @@ -5,17 +5,17 @@ @include beige_gradient(); position: relative; > h2 { - @include main_title(); - margin-top: 5vh; - margin-bottom: 7vh; - background-color: $beige; - z-index: 1; - position: relative; - width: auto; - display: inline-block; - @media (min-width: $breakpoint_tablet) { - background-color: unset; - } + margin-top: 5vh; + margin-bottom: 7vh; + background-color: $beige; + z-index: 1; + position: relative; + width: auto; + display: inline-block; + @include main_title(); + @media (min-width: $breakpoint_tablet) { + background-color: unset; + } } .legende { @@ -26,29 +26,29 @@ .fullpage_content { > h2 { - @include main_title(); - margin-top: 5vh; - margin-bottom: 1rem; - background-color: $beige; - z-index: 1; - position: relative; - width: auto; - display: inline-block; - @media (min-width: $breakpoint_tablet) { - background-color: unset; - } + margin-top: 5vh; + margin-bottom: 1rem; + background-color: $beige; + z-index: 1; + position: relative; + width: auto; + display: inline-block; + @include main_title(); + @media (min-width: $breakpoint_tablet) { + background-color: unset; + } } .sous_titre { - @include main_text_content(); - font-size: $l_font_size; - padding: 0 $x_margin; + font-size: $l_font_size; + padding: 0 $x_margin; + @include main_text_content(); } p { - @include main_text_content(); - padding: 0 $x_margin; - margin-bottom: 2rem; + padding: 0 $x_margin; + margin-bottom: 2rem; + @include main_text_content(); } p:first-of-type { @@ -57,26 +57,26 @@ .liens_fixed > div > div, .file_fixed > div > div { - padding: 0 calc($x_margin / 2); - text-align: right; - margin: 2rem 0; - @include fluo_button(); + padding: 0 calc($x_margin / 2); + text-align: right; + margin: 2rem 0; + @include fluo_button(); + a { + display: inline-block; + } + @media (min-width: $breakpoint_desktop) { + margin-bottom: 0 !important; + margin: 0; + position: fixed; + left: 75vw; + bottom: 10vh; + > div { + height: 3vh; + } a { - display: inline-block; - } - @media (min-width: $breakpoint_desktop) { - margin-bottom: 0 !important; - margin: 0; - position: fixed; - left: 75vw; - bottom: 10vh; - > div { - height: 3vh; - } - a { - max-width: calc(25vw - $x_margin * 2); - } + max-width: calc(25vw - $x_margin * 2); } + } } .file_fixed span:last-of-type { display: none; @@ -84,9 +84,9 @@ h3, h4, h5, h6 { - @include sous_titre(); - margin-bottom: 1rem; - padding-left: $x_margin; + margin-bottom: 1rem; + padding-left: $x_margin; + @include sous_titre(); } } diff --git a/web/themes/erabletheme/scss/_gouvernance.scss b/web/themes/erabletheme/scss/_gouvernance.scss index 7370f5c..1b1e730 100644 --- a/web/themes/erabletheme/scss/_gouvernance.scss +++ b/web/themes/erabletheme/scss/_gouvernance.scss @@ -20,12 +20,12 @@ } } } - + > div:nth-of-type(2), > div:nth-of-type(3) { - @include sous_titre(); - margin-bottom: 2vh; - align-self: flex-end; + margin-bottom: 2vh; + align-self: flex-end; + @include sous_titre(); } > div:nth-of-type(3) { @@ -33,8 +33,8 @@ } > div:last-of-type { - @include main_text_content(); - grid-column: 2 / 4; + grid-column: 2 / 4; + @include main_text_content(); } @media (min-width: $breakpoint_tablet) { grid-template-columns: 10vw auto 1fr; @@ -60,19 +60,19 @@ margin-bottom: 2vh; article { > h2 { - margin-bottom: 2vh; - @include sous_titre_alt(); + margin-bottom: 2vh; + @include sous_titre_alt(); } > h2 + div > div { - @include main_text_content(); - margin-bottom: 2em; + margin-bottom: 2em; + @include main_text_content(); } > div:first-of-type { height: unset; flex-direction: column; - } + } } } -} \ No newline at end of file +} diff --git a/web/themes/erabletheme/scss/_home.scss b/web/themes/erabletheme/scss/_home.scss index f1e0dc7..27efd7c 100644 --- a/web/themes/erabletheme/scss/_home.scss +++ b/web/themes/erabletheme/scss/_home.scss @@ -42,12 +42,12 @@ } } div.more-link { - @include fluo_button(); margin-top: 3rem; margin-bottom: 1.5rem; display: flex; justify-content: center; align-items: center; + @include fluo_button(); @media (min-width: $breakpoint_tablet) { position: absolute; left:0; @@ -69,19 +69,19 @@ // plus sur l'accueil .home_consultation { position: relative; - @include beige_gradient(); width: 100%; padding: 4rem 0; + @include beige_gradient(); h2 { - @include main_title(); - margin-bottom: 1.2rem; - @media (min-width: $breakpoint_tablet) { - padding-left: 0 !important; - } - @media (min-width: $breakpoint_desktop) { - margin-left: 12.5vw; - max-width: 50vw; - } + margin-bottom: 1.2rem; + @include main_title(); + @media (min-width: $breakpoint_tablet) { + padding-left: 0 !important; + } + @media (min-width: $breakpoint_desktop) { + margin-left: 12.5vw; + max-width: 50vw; + } } h2 + div { h2, h3, h4 { @@ -121,3 +121,14 @@ padding-right: 12.5vw; } } + +#sites-map-container { + #popup { + h3 { + @include sous_titre(); + } + p { + @include main_text_content(); + } + } +} diff --git a/web/themes/erabletheme/scss/_meetup.scss b/web/themes/erabletheme/scss/_meetup.scss index 7a8c3ea..c0a1b0c 100644 --- a/web/themes/erabletheme/scss/_meetup.scss +++ b/web/themes/erabletheme/scss/_meetup.scss @@ -108,8 +108,8 @@ grid-template-rows: repeat(6, auto); background-color: white; > p, > a, > div, > a > h2 { - @include main_text_content(); - padding: 0.2rem 0; + padding: 0.2rem 0; + @include main_text_content(); } > a:not(.author, .offre-title, [title="Voir le profil utilisateur."]) { grid-column: 1; @@ -182,25 +182,25 @@ } } > .views-exposed-form { - @include main_text_content(); - display: flex; - margin-left: $x_margin; - > div { - width: auto; - > select { - @include main_text_content(); - font-size: 0.8rem; - } + display: flex; + margin-left: $x_margin; + @include main_text_content(); + > div { + width: auto; + > select { + font-size: 0.8rem; + @include main_text_content(); + } } > div:last-of-type { margin-left: 1rem; > input { - @include main_text_content(); - font-size: 0.8rem; - background-color: $teal; - color: white; - cursor: pointer; - border: none; + font-size: 0.8rem; + background-color: $teal; + color: white; + cursor: pointer; + border: none; + @include main_text_content(); } } } @@ -226,9 +226,9 @@ } } > h2 { - @include main_title(); - margin-bottom: 3vh; - width: auto; + margin-bottom: 3vh; + width: auto; + @include main_title(); } > .offre-content { > div { diff --git a/web/themes/erabletheme/scss/_partenaires.scss b/web/themes/erabletheme/scss/_partenaires.scss index dc5429a..717aade 100644 --- a/web/themes/erabletheme/scss/_partenaires.scss +++ b/web/themes/erabletheme/scss/_partenaires.scss @@ -30,13 +30,13 @@ } } } - + > div:nth-of-type(2) { @include main_text_content(); margin-bottom: 2rem; padding-left: $x_margin; } - + > div:last-of-type { grid-column: 1 / 3; width: 100%; @@ -49,4 +49,4 @@ } } } -} \ No newline at end of file +} diff --git a/web/themes/erabletheme/scss/global/_global.scss b/web/themes/erabletheme/scss/global/_global.scss index cc45871..90d3ece 100644 --- a/web/themes/erabletheme/scss/global/_global.scss +++ b/web/themes/erabletheme/scss/global/_global.scss @@ -6,10 +6,6 @@ } } */ -body { - overflow-x: hidden; -} - .layout-container { margin: 0 !important; } @@ -25,3 +21,8 @@ em { #block-erabletheme-titredepage { display: none; } + +// debug +/* * { + border: solid 1px red !important; +} */ diff --git a/web/themes/erabletheme/scss/global/variables/_typography.scss b/web/themes/erabletheme/scss/global/variables/_typography.scss index f3543b1..8417cad 100644 --- a/web/themes/erabletheme/scss/global/variables/_typography.scss +++ b/web/themes/erabletheme/scss/global/variables/_typography.scss @@ -9,58 +9,58 @@ $title_size: 2.3rem; /* MIXINS */ @mixin main_title() { - font-family: "Barlow Condensed", sans-serif; - font-size: $l_font_size; - padding: 0 $x_margin; - margin-top: 1rem; - color: $teal; - text-transform: uppercase; - a { - color: $teal; - } - @media (min-width: $breakpoint_tablet) { - font-size: $title_size; - } + font-family: "Barlow Condensed", sans-serif; + font-size: $l_font_size; + padding: 0 $x_margin; + margin-top: 1rem; + color: $teal; + text-transform: uppercase; + a { + color: $teal; + } + @media (min-width: $breakpoint_tablet) { + font-size: $title_size; + } } @mixin main_text_content() { - font-family: "Marianne", sans-serif; - font-size: $main_font_size; - line-height: 1.4; + font-family: "Marianne", sans-serif; + font-size: $main_font_size; + line-height: 1.4; } @mixin sous_titre() { - font-family: "Marianne", sans-serif; - font-size: $m_font_size; - color: $teal; - font-weight: 800; - @media (min-width: $breakpoint_tablet) { - font-size: $l_font_size; - } + font-family: "Marianne", sans-serif; + font-size: $m_font_size; + color: $teal; + font-weight: 800; + @media (min-width: $breakpoint_tablet) { + font-size: $l_font_size; + } } @mixin sous_titre_alt() { - font-family: "Barlow", sans-serif; - color: black; - font-size: $xl_font_size; + font-family: "Barlow", sans-serif; + color: black; + font-size: $xl_font_size; } @mixin fluo_button() { - a { - text-align: center; - color: black; - font-family: "Marianne", sans-serif; - font-weight: 800; - font-size: $m_font_size; - background-color: white; - border: solid 2px $fluo_green; - padding: 9px 18px; - transition: background-color 0.3s ease; - svg { - display: none; - } - } - a:hover { - background-color: $fluo_green; + a { + text-align: center; + color: black; + font-family: "Marianne", sans-serif; + font-weight: 800; + font-size: $m_font_size; + background-color: white; + border: solid 2px $fluo_green; + padding: 9px 18px; + transition: background-color 0.3s ease; + svg { + display: none; } + } + a:hover { + background-color: $fluo_green; + } } diff --git a/web/themes/erabletheme/scss/partials/_articles.scss b/web/themes/erabletheme/scss/partials/_articles.scss index c99e340..8f3df4d 100644 --- a/web/themes/erabletheme/scss/partials/_articles.scss +++ b/web/themes/erabletheme/scss/partials/_articles.scss @@ -54,8 +54,8 @@ } h3, h4, h5, h6 { - @include sous_titre(); - margin-bottom: 1rem; + margin-bottom: 1rem; + @include sous_titre(); } .liens_fixed > div > div:nth-of-type(2), .file_fixed > div > div > div { @@ -83,4 +83,4 @@ .file_fixed span:last-of-type { display: none; } -} \ No newline at end of file +} diff --git a/web/themes/erabletheme/scss/partials/_articles_teaser.scss b/web/themes/erabletheme/scss/partials/_articles_teaser.scss index ab7b86e..9f6e560 100644 --- a/web/themes/erabletheme/scss/partials/_articles_teaser.scss +++ b/web/themes/erabletheme/scss/partials/_articles_teaser.scss @@ -48,8 +48,8 @@ } h2 { - @include main_title(); - margin-bottom: 0.5rem; + margin-bottom: 0.5rem; + @include main_title(); } } diff --git a/web/themes/erabletheme/scss/partials/_carousel.scss b/web/themes/erabletheme/scss/partials/_carousel.scss index 012d89f..89a15da 100644 --- a/web/themes/erabletheme/scss/partials/_carousel.scss +++ b/web/themes/erabletheme/scss/partials/_carousel.scss @@ -1,115 +1,121 @@ -.slick-container { +.carousel_container { + @media screen and (min-width: $breakpoint_tablet) { width: 100%; - margin-bottom: 5rem; - @media screen and (min-width: $breakpoint_tablet) { - width: 200vw; - transform: translateX(-50vw); - } - div.views-row { - padding: 0 3vw; - @media screen and (min-width: $breakpoint_tablet) { - padding: 0 6vw; - } - > article { - width: 100%; - > div:first-of-type { // container du lien image - overflow-y: hidden; - padding: 0 !important; - display: flex; - align-items: center; - > div { - width: 100%; - > a { - max-width: 100%; - img { - width: 100%; - height: auto; - } - } - } - } - @media (min-width: $breakpoint_tablet) { - .preview_meta { - margin-left: 0; - margin-right: 0; - } - h2, .preview_sous_titre { - padding-left: 0; - padding-right: 0; - } - } + overflow-x: hidden; + } + .slick-container { + width: 100%; + margin-bottom: 5rem; + @media screen and (min-width: $breakpoint_tablet) { + width: 200vw; + transform: translateX(-50vw); } - } - .slick-arrow { - width: 1.5rem; - height: 1.5rem; - border-radius: 1.5rem; - background-color: $teal !important; - transition: background-color 0.3s ease; - top: unset !important; - bottom: calc(-25px - 4rem); - @media (min-width: $breakpoint_tablet) { - width: 2rem; - height: 2rem; - bottom: calc(-25px - 6rem); - } - &:hover { - background-color: white !important; - &::before { - color: $teal; + div.views-row { + padding: 0 3vw; + @media screen and (min-width: $breakpoint_tablet) { + padding: 0 6vw; + } + > article { + width: 100%; + > div:first-of-type { // container du lien image + overflow-y: hidden; + padding: 0 !important; + display: flex; + align-items: center; + > div { + width: 100%; + > a { + max-width: 100%; + img { + width: 100%; + height: auto; + } + } + } } - } - &::before { - opacity: 1 !important; - color: white; - font-weight: bold; - font-family: 'Marianne', sans-serif; - display: block; - font-size: $sm_font_size !important; @media (min-width: $breakpoint_tablet) { - font-size: $l_font_size !important; + .preview_meta { + margin-left: 0; + margin-right: 0; + } + h2, .preview_sous_titre { + padding-left: 0; + padding-right: 0; + } } } - } - .slick-prev { - left: 20vw; - @media (min-width: $breakpoint_desktop) { - left: calc(50vw + 35vw); } - } - .slick-next { - right: 20vw; - @media (min-width: $breakpoint_desktop) { - right: calc(50vw + 35vw); - } - } - > div > div > div:first-of-type { - z-index: 2; - position: relative; - margin-bottom: 4rem; - @media (min-width: $breakpoint_tablet) { - margin-bottom: 6rem; - } - } - #carousel_dots { - z-index: 1; - position: relative; - margin-top: -15px; - ul { - position: relative; - bottom: 0; - li.slick-active button::before{ + .slick-arrow { + width: 1.5rem; + height: 1.5rem; + border-radius: 1.5rem; + background-color: $teal !important; + transition: background-color 0.3s ease; + top: unset !important; + bottom: calc(-25px - 4rem); + @media (min-width: $breakpoint_tablet) { + width: 2rem; + height: 2rem; + bottom: calc(-25px - 6rem); + } + &:hover { + background-color: white !important; + &::before { color: $teal; + } } - li button::before{ - color: rgba(0.9, 0.9, 0.9, 1); + &::before { + opacity: 1 !important; + color: white; + font-weight: bold; + font-family: 'Marianne', sans-serif; + display: block; + font-size: $sm_font_size !important; + @media (min-width: $breakpoint_tablet) { + font-size: $l_font_size !important; + } } } - } - footer { - @include fluo_button(); - text-align: center; - margin-top: 4rem; + .slick-prev { + left: 20vw; + @media (min-width: $breakpoint_tablet) { + left: calc(50vw + 35vw); + } + } + .slick-next { + right: 20vw; + @media (min-width: $breakpoint_tablet) { + right: calc(50vw + 35vw); + } + } + > div > div > div:first-of-type { + z-index: 2; + position: relative; margin-bottom: 4rem; - } + @media (min-width: $breakpoint_tablet) { + margin-bottom: 6rem; + } + } + #carousel_dots { + z-index: 1; + position: relative; + margin-top: -15px; + ul { + position: relative; + bottom: 0; + li.slick-active button::before{ + color: $teal; + } + li button::before{ + color: rgba(0.9, 0.9, 0.9, 1); + } + } + } + footer { + @include fluo_button(); + text-align: center; + margin-top: 4rem; + margin-bottom: 4rem; + } + } } diff --git a/web/themes/erabletheme/scss/partials/_footer.scss b/web/themes/erabletheme/scss/partials/_footer.scss index fb6fcc6..09b218f 100644 --- a/web/themes/erabletheme/scss/partials/_footer.scss +++ b/web/themes/erabletheme/scss/partials/_footer.scss @@ -1,8 +1,7 @@ .layout-container > footer { - width: 100vw; + width: 100%; background-color: white; z-index: 99; - box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.2); margin-top: 50px; padding: 0 $x_margin; #footer_middle { @@ -69,35 +68,39 @@ width: auto; } } - + #footer_right { width: 30%; #block-erabletheme-socialmedialinks-2 ul { - display: flex; - justify-content: space-between; - li a { - span { - font-weight: lighter; - font-size: 1.4rem; - width: 2.2rem; - height: 2.2rem; - padding: 0.4rem; - border-radius: 1.1rem; - color: white; - background-color: $teal; - } - svg.ext { - display: none; - } + display: flex; + justify-content: space-between; + li { + a { + span { + font-weight: lighter; + font-size: 1.4rem; + width: 2.2rem; + height: 2.2rem; + padding: 0.4rem; + border-radius: 1.1rem; + color: white; + background-color: $teal; + } + svg.ext { + display: none; + } } + &:last-of-type { + margin-left: 25px; + } + } } @media (min-width: $breakpoint_tablet) { - width: 25vw; - padding-left: 15vw; - padding-right: $x_margin; + width: auto; + margin-right: 25px; } } - + } @media (min-width: $breakpoint_tablet) { display: flex; @@ -106,4 +109,4 @@ @media (min-width: $breakpoint_tablet) { padding: 0; } -} \ No newline at end of file +} diff --git a/web/themes/erabletheme/scss/partials/_header.scss b/web/themes/erabletheme/scss/partials/_header.scss index b2d2154..e16946f 100644 --- a/web/themes/erabletheme/scss/partials/_header.scss +++ b/web/themes/erabletheme/scss/partials/_header.scss @@ -262,7 +262,7 @@ body.toolbar-fixed header[role="banner"] { } #block-erabletheme-navigationprincipale { background: linear-gradient(to bottom, white, transparent); - width: 100vw; + width: 100%; display: none; position: absolute; padding-top: 1rem; diff --git a/web/themes/erabletheme/templates/block--sitesmap-block.html.twig b/web/themes/erabletheme/templates/block--sitesmap-block.html.twig new file mode 100644 index 0000000..8fc2272 --- /dev/null +++ b/web/themes/erabletheme/templates/block--sitesmap-block.html.twig @@ -0,0 +1,40 @@ +{# +/** + * @file + * Default theme implementation to display a block. + * + * Available variables: + * - plugin_id: The ID of the block implementation. + * - label: The configured label of the block if visible. + * - configuration: A list of the block's configuration values. + * - label: The configured label for the block. + * - label_display: The display settings for the label. + * - provider: The module or other provider that provided this block plugin. + * - Block plugin specific settings will also be stored here. + * - in_preview: Whether the plugin is being rendered in preview mode. + * - content: The content of this block. + * - attributes: array of HTML attributes populated by modules, intended to + * be added to the main container tag of this template. + * - id: A valid HTML ID and guaranteed unique. + * - title_attributes: Same as attributes, except applied to the main title + * tag that appears in the template. + * - title_prefix: Additional output populated by modules, intended to be + * displayed in front of the main title tag that appears in the template. + * - title_suffix: Additional output populated by modules, intended to be + * displayed after the main title tag that appears in the template. + * + * @see template_preprocess_block() + * + * @ingroup themeable + */ +#} + + {{ title_prefix }} + {% if label %} + {{ label }} + {% endif %} + {{ title_suffix }} + {% block content %} + {{ content }} + {% endblock %} +