Compare commits

...

4 Commits

7 changed files with 126 additions and 103 deletions

View File

@ -50,7 +50,7 @@ class SitesMap extends BlockBase {
$link_options = ['absolute' => TRUE, 'attributes' => ['class' => 'site-link'], 'language' => \Drupal::languageManager()->getLanguage($langcode)]; // Passer 'absolute' à TRUE
$site_url = $site->toUrl('canonical', $link_options)->toString(); // URL absolue pour le data-url
$site_link_object = Link::createFromRoute(t("got to site"), 'entity.node.canonical', ['node' => $site->id()], $link_options);
$site_link_object = Link::createFromRoute(t("Voir le site"), 'entity.node.canonical', ['node' => $site->id()], $link_options);
$link = $site_link_object->toString()->getGeneratedLink();
$datacontent = htmlspecialchars("<strong>$title</strong><br>$subtitle<br>$link");

View File

@ -279,69 +279,72 @@ document.addEventListener('DOMContentLoaded', function() {
//// ancre dans texte au click paragraphe correspondant arrive en dessous du header
(function($, window) {
var adjustAnchor = function() {
var $anchor = $('.sidebar_first_container'),
fixedElementHeight = 500;
if ($anchor.length > 0) {
$('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
}
};
$(window).on('hashchange', function() {
adjustAnchor();
});
//// ancre dans texte au click paragraphe correspondant arrive en dessous du header
var adjustAnchor = function() {
var $anchor = $('.sidebar_first_container'),
fixedElementHeight = 500;
if ($anchor.length > 0) {
$('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
}
};
$(window).on('hashchange', function() {
adjustAnchor();
});
//////////////////////// start script smooth apparition des textes /////////////////
function scrollReaveal(){
function scrollReaveal(){
const nodes = {
logo : document.querySelectorAll('#logo-animated-container'),
chapeau : document.querySelectorAll('.field_body'),
paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
enjeux : document.querySelectorAll('.field_field_textes .paragraph--type--static-parts .enjeux'),
// mapHome : document.querySelectorAll('.field_field_map_block #block-sitesmapblock'),
// mapSite : document.querySelectorAll('#sites-map-container'),
lienDoc : document.querySelectorAll('.field_field_documents'),
lienURL : document.querySelectorAll('.field_field_liens_site'),
}
const nodes = {
logo : document.querySelectorAll('#logo-animated-container'),
chapeau : document.querySelectorAll('.field_body'),
paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
enjeux : document.querySelectorAll('.field_field_textes .paragraph--type--static-parts .enjeux'),
// mapHome : document.querySelectorAll('.field_field_map_block #block-sitesmapblock'),
// mapSite : document.querySelectorAll('#sites-map-container'),
lienDoc : document.querySelectorAll('.field_field_documents'),
lienURL : document.querySelectorAll('.field_field_liens_site'),
}
const showUp = {
origin: 'bottom',
const showUp = {
origin: 'bottom',
delay: 100,
duration: 1000,
distance: '50px',
easing: 'cubic-bezier(0.5, 0, 0, 1)'
}
const Show = {
delay: 100,
duration: 1000,
distance: '50px',
duration: 600,
easing: 'cubic-bezier(0.5, 0, 0, 1)'
}
console.log(nodes);
ScrollReveal().reveal(nodes.logo, Show);
ScrollReveal().reveal(nodes.chapeau, showUp);
ScrollReveal().reveal(nodes.paragraph, showUp);
ScrollReveal().reveal(nodes.enjeux, showUp);
// ScrollReveal().reveal(nodes.mapHome, showUp);
// ScrollReveal().reveal(nodes.mapSite, showUp);
ScrollReveal().reveal(nodes.lienDoc, showUp);
ScrollReveal().reveal(nodes.lienURL, showUp);
}
const Show = {
delay: 100,
duration: 600,
easing: 'cubic-bezier(0.5, 0, 0, 1)'
}
console.log(nodes);
ScrollReveal().reveal(nodes.logo, Show);
ScrollReveal().reveal(nodes.chapeau, showUp);
ScrollReveal().reveal(nodes.paragraph, showUp);
ScrollReveal().reveal(nodes.enjeux, showUp);
// ScrollReveal().reveal(nodes.mapHome, showUp);
// ScrollReveal().reveal(nodes.mapSite, showUp);
ScrollReveal().reveal(nodes.lienDoc, showUp);
ScrollReveal().reveal(nodes.lienURL, showUp);
}
$( document ).ready(function() {
scrollReaveal();
});
$( document ).ready(function() {
scrollReaveal();
});
//////////////////////// end script smooth apparition des textes /////////////////
@ -400,7 +403,7 @@ $( document ).ready(function() {
// Aller au 9e élément à l'initialisation
$('.__timeline-content').on('init', function(event, slick){
slick.slickGoTo(8); // Index 8 = 9e item
slick.slickGoTo(9); // Index 8 = 9e item
});
$('.__timeline-content').slick({

File diff suppressed because one or more lines are too long

View File

@ -217,6 +217,13 @@ h2, h3 {
width: 100vw;
}
body, html, * {
user-select: text !important;
-webkit-user-select: text !important; /* pour Safari */
-moz-user-select: text !important; /* pour Firefox */
-ms-user-select: text !important; /* pour IE/Edge */
}
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
ul {
list-style-type: none;
@ -3218,7 +3225,7 @@ body {
align-items: center;
}
.partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage {
margin-top: 1rem;
margin-top: 4rem;
width: fit-content;
}
@media (max-width: 810px) {
@ -3228,6 +3235,7 @@ body {
}
}
.partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
display: none;
text-transform: none;
color: black;
font-size: 2rem;

View File

@ -221,69 +221,72 @@ document.addEventListener('DOMContentLoaded', function() {
//// ancre dans texte au click paragraphe correspondant arrive en dessous du header
(function($, window) {
var adjustAnchor = function() {
var $anchor = $('.sidebar_first_container'),
fixedElementHeight = 500;
if ($anchor.length > 0) {
$('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
}
};
$(window).on('hashchange', function() {
adjustAnchor();
});
//// ancre dans texte au click paragraphe correspondant arrive en dessous du header
var adjustAnchor = function() {
var $anchor = $('.sidebar_first_container'),
fixedElementHeight = 500;
if ($anchor.length > 0) {
$('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
}
};
$(window).on('hashchange', function() {
adjustAnchor();
});
//////////////////////// start script smooth apparition des textes /////////////////
function scrollReaveal(){
function scrollReaveal(){
const nodes = {
logo : document.querySelectorAll('#logo-animated-container'),
chapeau : document.querySelectorAll('.field_body'),
paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
enjeux : document.querySelectorAll('.field_field_textes .paragraph--type--static-parts .enjeux'),
// mapHome : document.querySelectorAll('.field_field_map_block #block-sitesmapblock'),
// mapSite : document.querySelectorAll('#sites-map-container'),
lienDoc : document.querySelectorAll('.field_field_documents'),
lienURL : document.querySelectorAll('.field_field_liens_site'),
}
const nodes = {
logo : document.querySelectorAll('#logo-animated-container'),
chapeau : document.querySelectorAll('.field_body'),
paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
enjeux : document.querySelectorAll('.field_field_textes .paragraph--type--static-parts .enjeux'),
// mapHome : document.querySelectorAll('.field_field_map_block #block-sitesmapblock'),
// mapSite : document.querySelectorAll('#sites-map-container'),
lienDoc : document.querySelectorAll('.field_field_documents'),
lienURL : document.querySelectorAll('.field_field_liens_site'),
}
const showUp = {
origin: 'bottom',
const showUp = {
origin: 'bottom',
delay: 100,
duration: 1000,
distance: '50px',
easing: 'cubic-bezier(0.5, 0, 0, 1)'
}
const Show = {
delay: 100,
duration: 1000,
distance: '50px',
duration: 600,
easing: 'cubic-bezier(0.5, 0, 0, 1)'
}
console.log(nodes);
ScrollReveal().reveal(nodes.logo, Show);
ScrollReveal().reveal(nodes.chapeau, showUp);
ScrollReveal().reveal(nodes.paragraph, showUp);
ScrollReveal().reveal(nodes.enjeux, showUp);
// ScrollReveal().reveal(nodes.mapHome, showUp);
// ScrollReveal().reveal(nodes.mapSite, showUp);
ScrollReveal().reveal(nodes.lienDoc, showUp);
ScrollReveal().reveal(nodes.lienURL, showUp);
}
const Show = {
delay: 100,
duration: 600,
easing: 'cubic-bezier(0.5, 0, 0, 1)'
}
console.log(nodes);
ScrollReveal().reveal(nodes.logo, Show);
ScrollReveal().reveal(nodes.chapeau, showUp);
ScrollReveal().reveal(nodes.paragraph, showUp);
ScrollReveal().reveal(nodes.enjeux, showUp);
// ScrollReveal().reveal(nodes.mapHome, showUp);
// ScrollReveal().reveal(nodes.mapSite, showUp);
ScrollReveal().reveal(nodes.lienDoc, showUp);
ScrollReveal().reveal(nodes.lienURL, showUp);
}
$( document ).ready(function() {
scrollReaveal();
});
$( document ).ready(function() {
scrollReaveal();
});
//////////////////////// end script smooth apparition des textes /////////////////
@ -342,7 +345,7 @@ $( document ).ready(function() {
// Aller au 9e élément à l'initialisation
$('.__timeline-content').on('init', function(event, slick){
slick.slickGoTo(8); // Index 8 = 9e item
slick.slickGoTo(9); // Index 8 = 9e item
});
$('.__timeline-content').slick({

View File

@ -60,4 +60,12 @@ $width-menu-slidedown : 550px;
.layout--threecol-25-50-25{
width: 100vw;
}
}
body, html, * {
user-select: text !important;
-webkit-user-select: text !important; /* pour Safari */
-moz-user-select: text !important; /* pour Firefox */
-ms-user-select: text !important; /* pour IE/Edge */
}

View File

@ -6,7 +6,7 @@
flex-direction: column;
align-items: center;
#block-quartiers-de-demain-titredepage{
margin-top: 1rem;
margin-top: 4rem;
width: fit-content;
@media(max-width: 810px){
margin-top: 14rem;
@ -14,6 +14,7 @@
}
h1{
display: none;
text-transform: none;
color: black;
font-size: 2rem;