Compare commits

...

5 Commits

Author SHA1 Message Date
ouidade be2d98e47d diapo 2024-09-27 12:03:00 +02:00
ouidade cd72306438 form paralax 2024-09-27 11:09:11 +02:00
ouidade 617f4fe385 form paralas 2024-09-27 10:54:45 +02:00
ouidade a9eb14af8b active form sur stage 2024-09-27 10:26:51 +02:00
ouidade e87e9a715b remove code js non utilisé 2024-09-27 10:15:44 +02:00
7 changed files with 60 additions and 190 deletions

File diff suppressed because one or more lines are too long

View File

@ -1527,7 +1527,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
display: none;
position: absolute;
top: 2000px;
left: 350px;
left: 280px;
width: 100%;
pointer-events: none; /* Permet de cliquer à travers l'élément */
z-index: 2; /* S'assure que l'élément soit au-dessus */
@ -1658,7 +1658,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
}
@keyframes zoomOut {
0% {
transform: scale(1.1);
transform: scale(1);
}
100% {
transform: scale(1.3);

View File

@ -4,21 +4,13 @@
<svg
version="1.1"
id="svg1"
width="1399.6859"
height="4141.061"
viewBox="0 0 1399.6859 4141.0611"
width="1616.8781"
height="3626.8186"
viewBox="0 0 1616.878 3626.8187"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath255">
<path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-1378.7554,-1136.295)"
id="path255" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath258">
@ -46,37 +38,31 @@
</defs>
<g
id="g3"
transform="translate(-509.36305,-2803.6546)">
transform="translate(-383.16899,-2704.2078)">
<g
id="g2">
<g
id="g1"
transform="translate(0.17944336,-2.9196463)">
<path
id="path254"
d="M 0,0 C 0,205.098 -166.265,371.361 -371.362,371.361"
style="fill:none;stroke:#000000;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(0.48783546,0,0,-0.48783546,1583.811,6947.6351)"
clip-path="url(#clipPath255)" />
<path
id="path256"
d="m 533.81621,3347.9845 163.08557,194.3583"
d="m 405.27266,3336.1817 182.91889,175.8201"
style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
id="path256-3"
d="m 1652.1683,6058.9184 -163.0856,194.3583"
d="m 1712.1683,6118.9184 -163.0856,194.3583"
style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
id="path257"
d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(-0.47297787,0,0,-0.47297787,1700.711,2839.0872)"
transform="matrix(-0.80902482,0,0,-0.80902482,1643.8143,2885.2905)"
clip-path="url(#clipPath258)" />
<path
id="path300"
d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(0.72647042,0,0,-0.72647042,1636.7965,4238.0583)"
transform="matrix(0.72647042,0,0,-0.72647042,1676.7965,4238.0583)"
clip-path="url(#clipPath301)" />
<path
id="path302"
@ -86,9 +72,23 @@
clip-path="url(#clipPath303)" />
<path
id="path311"
d="M 552.65311,4967.771 V 4707.7705"
d="M 452.65311,4967.771 V 4707.7705"
style="fill:none;stroke:#000000;stroke-width:78.092;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
</g>
<rect
style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
id="rect2"
width="1550.348"
height="114.74608"
x="425.98532"
y="2704.2078" />
</g>
<rect
style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
id="rect1"
width="1540.1483"
height="112.19624"
x="-6.4014883"
y="68.049232" />
</svg>

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

View File

@ -1,22 +1,47 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="28.181896"
height="28.33391"
width="35.86787"
height="36.061337"
version="1.1"
id="svg1"
sodipodi:docname="linkedin.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="22.517191"
inkscape:cx="17.919642"
inkscape:cy="18.030668"
inkscape:window-width="1920"
inkscape:window-height="1016"
inkscape:window-x="1920"
inkscape:window-y="156"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<defs
id="defs1" />
<ellipse
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.493559;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
id="path2"
cx="14.090949"
cy="14.166954"
cx="17.933935"
cy="18.030668"
rx="14.090949"
ry="14.166954" />
ry="14.166954"
inkscape:export-filename="linkedin.svg"
inkscape:export-xdpi="300"
inkscape:export-ydpi="300" />
<path
d="m 21.888094,20.543871 v -5.617814 c 0,-3.009835 -1.606527,-4.410397 -3.749479,-4.410397 -1.729192,0 -2.503621,0.9511 -2.934774,1.618427 v -1.388663 h -3.256995 c 0.04302,0.919978 0,9.798447 0,9.798447 h 3.256995 v -5.472264 c 0,-0.292012 0.02105,-0.584941 0.107102,-0.793653 0.235258,-0.58494 0.770767,-1.190935 1.670606,-1.190935 1.179035,0 1.650466,0.898007 1.650466,2.215269 v 5.242498 z M 8.5150109,9.4080238 c 1.135097,0 1.8427011,-0.753373 1.8427011,-1.69349 -0.02105,-0.96117 -0.7076041,-1.6925749 -1.8216471,-1.6925749 -1.114042,0 -1.841786,0.7314049 -1.841786,1.6925749 0,0.941033 0.70669,1.69349 1.800593,1.69349 z M 10.143507,20.543871 V 10.745424 H 6.8874299 v 9.798447 z"
d="m 25.73108,24.407585 v -5.617814 c 0,-3.009835 -1.606527,-4.410397 -3.749479,-4.410397 -1.729192,0 -2.503621,0.9511 -2.934774,1.618427 v -1.388663 h -3.256995 c 0.04302,0.919978 0,9.798447 0,9.798447 h 3.256995 v -5.472264 c 0,-0.292012 0.02105,-0.584941 0.107102,-0.793653 0.235258,-0.58494 0.770767,-1.190935 1.670606,-1.190935 1.179035,0 1.650466,0.898007 1.650466,2.215269 V 24.4085 Z M 12.357997,13.271738 c 1.135097,0 1.842701,-0.753373 1.842701,-1.69349 -0.02105,-0.96117 -0.707604,-1.6925749 -1.821647,-1.6925749 -1.114042,0 -1.841786,0.7314049 -1.841786,1.6925749 0,0.941033 0.70669,1.69349 1.800593,1.69349 z m 1.628496,11.135847 v -9.798447 h -3.256077 v 9.798447 z"
fill="#ffffff"
id="path2-9"
style="stroke-width:0.915396" />

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -13,29 +13,6 @@
};
} (Drupal));
// jQuery(document).ready(function($){
// $('.open-block').click(function(){
// $(this).toggleClass('opened');
// $('.header_nav_container').toggleClass('display-nav-opened');
// if(mobile == true){
// $("body").css("overflow","hidden");
// }
// });
// // Hide the header_nav_container when a link inside it is clicked
// $('.header_nav_container li').click(function() {
// $('.header_nav_container').fadeOut();
// });
// });
//////// start header ////////////
document.addEventListener('DOMContentLoaded', function() {
@ -288,84 +265,6 @@
// //////////////////// start Timeline script ///////////////////////
// // document.addEventListener('DOMContentLoaded', function() {
// // let currentSlide = 0;
// // //// responsive ///
// // function getVisibleSlides() {
// // if (window.innerWidth <= 600) {
// // return 1; // Show 1 slide on small screens
// // } else if (window.innerWidth <= 900) {
// // return 4; // Show 4 slides on medium screens
// // } else {
// // return 4; // Show 4 slides on large screens
// // }
// // }
// // function showSlides(index) {
// // const slides = document.querySelectorAll('.__paragraphs');
// // const totalSlides = slides.length;
// // const visibleSlides = getVisibleSlides();
// // const maxSlide = totalSlides - visibleSlides;
// // // Adjust the index to ensure it loops
// // if (index > maxSlide) {
// // currentSlide = 0; // Go back to the first slide
// // } else if (index < 0) {
// // currentSlide = maxSlide; // Go to the last slide
// // } else {
// // currentSlide = index;
// // }
// // // Calculate the offset for the transform
// // const offset = currentSlide * -50 / visibleSlides;
// // const offsetmobile = currentSlide * -10 / visibleSlides;
// // let timeline = document.querySelector('.__timeline-content');
// // if (timeline) {
// // if (window.innerWidth <= 600){
// // timeline.style.transform = `translateX(${offsetmobile}%)`;
// // } else {
// // timeline.style.transform = `translateX(${offset}%)`;
// // }
// // }
// // // Enable/disable arrows based on the current slide
// // // document.getElementById('arrowPrev').disabled = false; // Always enabled now
// // // document.getElementById('arrowNext').disabled = false; // Always enabled now
// // // Attach event listeners
// // let arrowprev = document.getElementById('arrowPrev');
// // if (arrowprev) {
// // arrowprev.disabled = false; // Always enabled now
// // }
// // let arrownext = document.getElementById('arrowNext')
// // if (arrownext) {
// // arrownext.disabled = false; // Always enabled now
// // }
// // }
// // // function prevSlide() {
// // // showSlides(currentSlide - 1);
// // // }
// // // function nextSlide() {
// // // showSlides(currentSlide + 1);
// // // }
// // // // Attach event listeners
// // // document.getElementById('arrowPrev').addEventListener('click', prevSlide);
// // // document.getElementById('arrowNext').addEventListener('click', nextSlide);
// // // Attach event listeners
// // let arrowprev = document.getElementById('arrowPrev');
// // if (arrowprev) {
// // arrowprev.addEventListener('click', prevSlide);
// // }
// // let arrownext = document.getElementById('arrowNext')
// // if (arrownext) {
// // arrownext.addEventListener('click', nextSlide);
// // }
// Update month field to only show the first 3 letters
document.querySelectorAll('.paragraph--type--phase-deroulement').forEach(function(paragraph) {
const monthField = paragraph.querySelector('.field_field_date_de_moi div:nth-of-type(2)');
@ -412,21 +311,7 @@
}
}
});
// // Configuration de l'observateur
// const config = { childList: true, subtree: true };
// // Démarrer l'observateur sur le document entier ou sur un conteneur spécifique
// observer.observe(document.body, config);
// // // Handle window resize
// // window.addEventListener('resize', function() {
// // showSlides(currentSlide); // Recalculate the slides on resize
// // });
// // // Initialize
// // showSlides(currentSlide);
// // });
// ////////////////////// start calendrier home /////////////////////////////////
$(document).ready(function(){
@ -518,48 +403,8 @@
});
////////////////////// start diaporama home swiper /////////////////////////////////
// PAS DE SWIPER CHARGÉ DANS L'ENV JS ...
// $(document).ready(function () {
// //initialize swiper when document ready
// let mySwiper = new Swiper ('.swiper-container', {
// speed: 400,
// spaceBetween: 100,
// // Optional parameters
// autoplay: {
// delay: 3000,
// disableOnInteraction: false,
// },
// direction: 'horizontal',
// loop: true,
// })
// });
////////////////////// end diaporama home swiper /////////////////////////////////
////////////////////// start diaporama home swiper /////////////////////////////////
// $(document).ready(function () {
// //initialize swiper when document ready
// var mySwiper = new Swiper ('.swiper-container', {
// speed: 400,
// spaceBetween: 100,
// // Optional parameters
// autoplay: {
// delay: 3000,
// disableOnInteraction: false,
// },
// direction: 'horizontal',
// loop: true,
// })
// });
////////////////////// end diaporama home swiper /////////////////////////////////
$(document).ready(function () {
let diapohome = $('.config_pages--type--diaporama-home .diaporama');

View File

@ -32,7 +32,7 @@
@keyframes zoomOut {
0% {
transform: scale(1.1);
transform: scale(1);
}
100% {
transform: scale(1.3);

View File

@ -4,7 +4,7 @@
display: none;
position: absolute;
top: 2000px;
left: 350px;
left: 280px;
width: 100%;
// height: 100%;
pointer-events: none; /* Permet de cliquer à travers l'élément */