Compare commits

...

2 Commits

Author SHA1 Message Date
ouidade aa6742f342 Merge branch 'master' of gitea-figureslibres.io:bachir/drupal-quartiersdedemain 2024-06-10 15:20:58 +02:00
ouidade 15fbea5520 <title> SEO 2024-06-10 15:20:08 +02:00
4 changed files with 4 additions and 35 deletions

View File

@ -36,7 +36,7 @@ eval("\nfunction setLogoContainerSize() {\n let svgContainer = document.query
\**********************************************/ \**********************************************/
/***/ (() => { /***/ (() => {
eval("/**\n * @file\n * quartiers_de_demain behaviors.\n */\n (function (Drupal) {\n\n 'use strict';\n \n Drupal.behaviors.quartiers_de_demain = {\n attach: function (context, settings) {\n console.log('It works!');\n }\n };\n } (Drupal));\n\n \n jQuery(document).ready(function($){\n\n $('.open-block').click(function(){\n $(this).toggleClass('opened');\n\n $('.header_nav_container').toggleClass('display-nav-opened');\n \n if(mobile == true){\n $(\"body\").css(\"overflow\",\"hidden\");\n }\n\n });\n \n // Hide the header_nav_container when a link inside it is clicked\n $('.header_nav_container li').click(function() {\n $('.header_nav_container').fadeOut();\n });\n\n\n\n//////////// agrandissement du shema\n\n $('#paragraph-id--9 img').click(function() {\n $(this).toggleClass('zoom_in');\n });\n\n\n});\n\n\n// /////////////////\n//// ancre dans texte au click parragraphe correspondant arrive en dessous du header \n\n\n(function($, window) {\n var adjustAnchor = function() {\n var $anchor = $('.sidebar_first_container'),\n fixedElementHeight = 350;\n if ($anchor.length > 0) {\n $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);\n }\n };\n\n $(window).on('hashchange', function() {\n adjustAnchor();\n });\n\n\n//////////////////////////////////////////// smooth apparition des textes\n\n\nfunction scrollReaveal(){\n\n const nodes = {\n logo : document.querySelectorAll('#logo-animated-container'),\n chapeau : document.querySelectorAll('.field_body'),\n paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),\n // article : document.querySelectorAll('.home #txt_present, article#presentation'),\n // blocs : document.querySelectorAll('#block-colloque2024-views-block-slide-programme-block-1, #block-colloque2024-views-block-dernieres-publications-block-1, .__ressources > *'), \n // p : document.querySelectorAll('article#presentation p, .letter-sort, .participant_full .content > *'),\n // programme: document.querySelectorAll('.programme.container'),\n // thumbnails : document.querySelectorAll('.programme .thumbnails, .views.__publications .thumbnails, .les_intervenants .thumbnails_participants'),\n // node_moment : document.querySelectorAll('#moments .__title, #moments .__wrapper, #moments .__wrap_content .__content > *, #moments .__wrap_side')\n\n }\n\n const showUp = {\n origin: 'bottom',\n delay: 100,\n duration: 1000,\n distance: '50px',\n easing: 'cubic-bezier(0.5, 0, 0, 1)'\n }\n\n const Show = {\n delay: 100,\n duration: 600,\n easing: 'cubic-bezier(0.5, 0, 0, 1)'\n }\n\n // const showleft = {\n // origin: 'left',\n // delay: 100,\n // duration: 600,\n // distance: '50px',\n // easing: 'cubic-bezier(0.5, 0, 0, 1)'\n // }\n\n console.log(nodes);\n\n ScrollReveal().reveal(nodes.logo, Show);\n // ScrollReveal().reveal(nodes.hero_participant, showleft);\n ScrollReveal().reveal(nodes.chapeau, showUp);\n ScrollReveal().reveal(nodes.paragraph, showUp);\n // ScrollReveal().reveal(nodes.p, showUp);\n // ScrollReveal().reveal(nodes.programme, showUp);\n // ScrollReveal().reveal(nodes.thumbnails, showUp);\n // ScrollReveal().reveal(nodes.views, showUp);\n // ScrollReveal().reveal(nodes.title_participant, Show);\n // ScrollReveal().reveal(nodes.node_moment, showUp);\n}\n\n\n$( document ).ready(function() {\n // currenturl();\n scrollReaveal();\n // notes();\n // slide();\n // burger();\n // replaceAny();\n // select_custom();\n // remove_isactive();\n // hidden_morelinkMoment();\n // pagination();\n // Light();\n});\n\n})(jQuery);\n\n//# sourceURL=webpack://quartiers_de_demain/./src/assets/js/quartiers_de_demain.js?"); eval("/**\n * @file\n * quartiers_de_demain behaviors.\n */\n (function (Drupal) {\n\n 'use strict';\n \n Drupal.behaviors.quartiers_de_demain = {\n attach: function (context, settings) {\n console.log('It works!');\n }\n };\n } (Drupal));\n\n \n jQuery(document).ready(function($){\n\n $('.open-block').click(function(){\n $(this).toggleClass('opened');\n\n $('.header_nav_container').toggleClass('display-nav-opened');\n \n if(mobile == true){\n $(\"body\").css(\"overflow\",\"hidden\");\n }\n\n });\n \n // Hide the header_nav_container when a link inside it is clicked\n $('.header_nav_container li').click(function() {\n $('.header_nav_container').fadeOut();\n });\n\n\n\n//////////// agrandissement du shema\n\n $('#paragraph-id--9 img').click(function() {\n $(this).toggleClass('zoom_in');\n });\n\n\n});\n\n\n// /////////////////\n//// ancre dans texte au click parragraphe correspondant arrive en dessous du header \n\n\n(function($, window) {\n var adjustAnchor = function() {\n var $anchor = $('.sidebar_first_container'),\n fixedElementHeight = 500;\n if ($anchor.length > 0) {\n $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);\n }\n };\n\n $(window).on('hashchange', function() {\n adjustAnchor();\n });\n\n\n//////////////////////////////////////////// smooth apparition des textes\n\n\nfunction scrollReaveal(){\n\n const nodes = {\n logo : document.querySelectorAll('#logo-animated-container'),\n chapeau : document.querySelectorAll('.field_body'),\n paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),\n }\n\n const showUp = {\n origin: 'bottom',\n delay: 100,\n duration: 1000,\n distance: '50px',\n easing: 'cubic-bezier(0.5, 0, 0, 1)'\n }\n\n const Show = {\n delay: 100,\n duration: 600,\n easing: 'cubic-bezier(0.5, 0, 0, 1)'\n }\n\n console.log(nodes);\n\n ScrollReveal().reveal(nodes.logo, Show);\n ScrollReveal().reveal(nodes.chapeau, showUp);\n ScrollReveal().reveal(nodes.paragraph, showUp);\n}\n\n\n$( document ).ready(function() {\n scrollReaveal();\n});\n\n})(jQuery);\n\n//# sourceURL=webpack://quartiers_de_demain/./src/assets/js/quartiers_de_demain.js?");
/***/ }) /***/ })

Binary file not shown.

After

Width:  |  Height:  |  Size: 214 KiB

View File

@ -51,7 +51,7 @@
(function($, window) { (function($, window) {
var adjustAnchor = function() { var adjustAnchor = function() {
var $anchor = $('.sidebar_first_container'), var $anchor = $('.sidebar_first_container'),
fixedElementHeight = 350; fixedElementHeight = 500;
if ($anchor.length > 0) { if ($anchor.length > 0) {
$('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0); $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
} }
@ -71,13 +71,6 @@ function scrollReaveal(){
logo : document.querySelectorAll('#logo-animated-container'), logo : document.querySelectorAll('#logo-animated-container'),
chapeau : document.querySelectorAll('.field_body'), chapeau : document.querySelectorAll('.field_body'),
paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'), paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
// article : document.querySelectorAll('.home #txt_present, article#presentation'),
// blocs : document.querySelectorAll('#block-colloque2024-views-block-slide-programme-block-1, #block-colloque2024-views-block-dernieres-publications-block-1, .__ressources > *'),
// p : document.querySelectorAll('article#presentation p, .letter-sort, .participant_full .content > *'),
// programme: document.querySelectorAll('.programme.container'),
// thumbnails : document.querySelectorAll('.programme .thumbnails, .views.__publications .thumbnails, .les_intervenants .thumbnails_participants'),
// node_moment : document.querySelectorAll('#moments .__title, #moments .__wrapper, #moments .__wrap_content .__content > *, #moments .__wrap_side')
} }
const showUp = { const showUp = {
@ -94,41 +87,16 @@ function scrollReaveal(){
easing: 'cubic-bezier(0.5, 0, 0, 1)' easing: 'cubic-bezier(0.5, 0, 0, 1)'
} }
// const showleft = {
// origin: 'left',
// delay: 100,
// duration: 600,
// distance: '50px',
// easing: 'cubic-bezier(0.5, 0, 0, 1)'
// }
console.log(nodes); console.log(nodes);
ScrollReveal().reveal(nodes.logo, Show); ScrollReveal().reveal(nodes.logo, Show);
// ScrollReveal().reveal(nodes.hero_participant, showleft);
ScrollReveal().reveal(nodes.chapeau, showUp); ScrollReveal().reveal(nodes.chapeau, showUp);
ScrollReveal().reveal(nodes.paragraph, showUp); ScrollReveal().reveal(nodes.paragraph, showUp);
// ScrollReveal().reveal(nodes.p, showUp);
// ScrollReveal().reveal(nodes.programme, showUp);
// ScrollReveal().reveal(nodes.thumbnails, showUp);
// ScrollReveal().reveal(nodes.views, showUp);
// ScrollReveal().reveal(nodes.title_participant, Show);
// ScrollReveal().reveal(nodes.node_moment, showUp);
} }
$( document ).ready(function() { $( document ).ready(function() {
// currenturl();
scrollReaveal(); scrollReaveal();
// notes();
// slide();
// burger();
// replaceAny();
// select_custom();
// remove_isactive();
// hidden_morelinkMoment();
// pagination();
// Light();
}); });
})(jQuery); })(jQuery);

View File

@ -29,7 +29,8 @@
<html{{ html_attributes }}> <html{{ html_attributes }}>
<head> <head>
<head-placeholder token="{{ placeholder_token }}"> <head-placeholder token="{{ placeholder_token }}">
<title>{{ head_title|safe_join(' | ') }}</title> {# <title>{{ head_title|safe_join(' | ') }}</title> #}
<title>Quartiers de demain | Consultation internationale</title>
<css-placeholder token="{{ placeholder_token }}"> <css-placeholder token="{{ placeholder_token }}">
<js-placeholder token="{{ placeholder_token }}"> <js-placeholder token="{{ placeholder_token }}">