Compare commits

..

No commits in common. "ea811fccb5d82f6d16accfc6cfe55af414980baa" and "6ba46822d8941d42d0c696959e6a7768e1b612d8" have entirely different histories.

6 changed files with 12 additions and 34 deletions

View File

@ -101,14 +101,3 @@ if (pageIdMatch) {
const matchingCircle = document.querySelector(`#site-${pageId} circle`); const matchingCircle = document.querySelector(`#site-${pageId} circle`);
if (matchingCircle) matchingCircle.setAttribute('fill', 'red'); if (matchingCircle) matchingCircle.setAttribute('fill', 'red');
} }
// Écouter les événements de clic sur le SVG
svgElement.addEventListener('click', function(event) {
if (event.target.tagName === 'circle' && event.target.classList.contains('site-link')) {
const targetUrl = event.target.getAttribute('data-url'); // Récupérer l'URL de redirection
if (targetUrl) {
window.location.href = targetUrl; // Rediriger vers l'URL cible
}
}
});

View File

@ -42,8 +42,7 @@ class SitesMap extends BlockBase {
$title = $site->get('title')->getString(); $title = $site->get('title')->getString();
$subtitle = $site->get('field_sous_titre')->getString(); $subtitle = $site->get('field_sous_titre')->getString();
$link_options = ['absolute' => TRUE, 'attributes' => ['class' => 'site-link']]; // Passer 'absolute' à TRUE $link_options = ['absolute' => FALSE, 'attributes' => ['class' => 'site-link']];
$site_url = $site->toUrl('canonical', $link_options)->toString(); // URL absolue pour le data-url
$site_link_object = Link::createFromRoute("voir le site", 'entity.node.canonical', ['node' => $site->id()], $link_options); $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();
@ -71,8 +70,7 @@ class SitesMap extends BlockBase {
<circle <circle
class="site-link" class="site-link"
data-content="$datacontent" data-content="$datacontent"
data-url="$site_url"
cx="0" cy="0" r="$r" cx="0" cy="0" r="$r"
style="fill-opacity:1;fill-rule:nonzero;" /> style="fill-opacity:1;fill-rule:nonzero;" />
<path <path

View File

@ -1674,13 +1674,11 @@ body {
#lightbox .caption { #lightbox .caption {
color: white; color: white;
font-size: 0.8rem; font-size: 1rem;
text-align: center; text-align: center;
margin-top: 10px; margin-top: 10px;
max-width: 90%; max-width: 90%;
margin: 10px auto; margin: 10px auto;
font-family: "gilroy-light";
padding-top: 1rem;
} }
.lightbox .close { .lightbox .close {
@ -1702,11 +1700,11 @@ body {
} }
.prev { .prev {
left: 30px; left: 10px;
} }
.next { .next {
right: 30px; right: 10px;
} }
/*pages*/ /*pages*/
@ -3044,7 +3042,6 @@ body {
content: url("../img/noun-arrow-to-right.svg"); content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem; padding-right: 0.2rem;
padding-left: 0.2rem; padding-left: 0.2rem;
padding-bottom: 0.2rem;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--second { .node-type-site .layout--threecol-25-50-25 .layout__region--second {
flex: 0 1 50% !important; flex: 0 1 50% !important;
@ -3258,15 +3255,14 @@ main {
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
width: 60%; width: 85%;
margin: auto; margin: auto;
padding-left: 4rem;
gap: 20px; gap: 20px;
} }
#lessites .content_container .view .views-row-wrapper .views-row { #lessites .content_container .view .views-row-wrapper .views-row {
width: 18%; width: 18%;
margin-bottom: 2rem; margin-bottom: 2rem;
font-size: 0.55rem; font-size: 0.6rem;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
#lessites .content_container .view .views-row-wrapper .views-row { #lessites .content_container .view .views-row-wrapper .views-row {

View File

@ -56,14 +56,13 @@ main{
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
width: 60%; width: 85%;
margin: auto; margin: auto;
padding-left: 4rem;
gap: 20px; gap: 20px;
.views-row{ .views-row{
width: 18%; width: 18%;
margin-bottom: 2rem; margin-bottom: 2rem;
font-size: 0.55rem ; font-size: 0.6rem ;
@media(max-width: 810px){ @media(max-width: 810px){
width: 45%; width: 45%;

View File

@ -121,8 +121,6 @@
content: url("../img/noun-arrow-to-right.svg"); content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem; padding-right: 0.2rem;
padding-left: 0.2rem; padding-left: 0.2rem;
padding-bottom: 0.2rem;
} }
} }

View File

@ -32,13 +32,11 @@ body {
} }
#lightbox .caption { #lightbox .caption {
color: white; color: white;
font-size: 0.8rem; font-size: 1rem;
text-align: center; text-align: center;
margin-top: 10px; margin-top: 10px;
max-width: 90%; max-width: 90%;
margin: 10px auto; margin: 10px auto;
font-family: "gilroy-light";
padding-top: 1rem;
} }
.lightbox .close { .lightbox .close {
@ -60,10 +58,10 @@ body {
} }
.prev { .prev {
left: 30px; left: 10px;
} }
.next { .next {
right: 30px; right: 10px;
} }