Compare commits
4 Commits
6f38fa2b21
...
92214ace10
Author | SHA1 | Date | |
---|---|---|---|
92214ace10 | |||
1bfa50c4d7 | |||
b90195224f | |||
824ff8db7d |
@ -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");
|
||||
|
@ -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
@ -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;
|
||||
|
@ -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({
|
||||
|
@ -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 */
|
||||
}
|
||||
|
@ -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;
|
||||
|
Loading…
x
Reference in New Issue
Block a user