Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Become a storyteller and make a difference!
Learn the art of filmmaking and transform your smartphone into a tool for storytelling. Join our community to share your message and inspire positive change.
Find out moreEmpower Your Students to Shape Their Future.
Be an advocator for change and unleash your students potential with youth4planet workshops on sustainability. Our unique approach uses students' own smartphones to create impactful films, while boosting creativity, engagement and learning valuable future skills.
Find out moreBe a spokesperson for youth and invest in the next generation with youth4planet
Join us in our mission to empower young people and create a more sustainable future. Our innovative workshops and programs not only inspire and educate the next generation, but also provide opportunities for increased visibility and impact for our partners.
Find out moreOur mission
Y4P supports the transformation of society in accordance with the SDG's. We are convinced of the power that unfolds in collaborative action for a barrier-free and fulfilling coexistence. We organize processes of self-empowerment that promote living in harmony with the diversity of the planet, based on mutual respect and responsibility. Our vision for the future is driven by the confidence that the seeds for responsible and sustainable action are planted in each of us.
<script type='text/javascript'> document.addEventListener("DOMContentLoaded", () => { /* provide the identifier */ const sliderIdentifier = 'iborgo'; /* listen for slider being initialised */ document.querySelector('.x-slider[data-x-id=' + sliderIdentifier + ']').addEventListener( 'x_slider:init', () => { /* get the Splide instance to control the slider */ const sliderInstance = xSlider.Instances[sliderIdentifier]; console.log(sliderInstance); const playSlider = () => { //sliderInstance.Components.Autoplay.pause(); sliderInstance.Components.Autoplay.play(); }; const pauseSlider = () => { sliderInstance.Components.Autoplay.pause(); }; /* start playing the slider after 4 seconds */ var playSliderTimeout = setTimeout(playSlider, 6000); /* listen for arrow clicks */ const prevArrow = document.querySelector('#home-slider .splide__arrow--prev'); const nextArrow = document.querySelector('#home-slider .splide__arrow--next'); prevArrow.addEventListener('click', pauseSlider); nextArrow.addEventListener('click', pauseSlider); /* stop playing the slider when the window is scrolled more than 100px */ window.addEventListener('scroll', () => { if (window.scrollY > 100) { pauseSlider(); } else { playSlider(); } }); // Get a reference to the video element var myVideo = document.querySelector('#home-video video'); var videoIteration = 1; // Pause the autoplay when the video is playing myVideo.addEventListener('play', function() { console.log("PLAY"); clearTimeout(playSliderTimeout); if( videoIteration == 1 ){ pauseSlider(); } }); // Mute the video if the current slide is not the first sliderInstance.on('move', (newIndex) => { if (newIndex !== 0) { myVideo.muted = true; console.log("mute video"); } else { myVideo.muted = false; console.log("unmute video"); } }); // Resume the autoplay when the video ends myVideo.addEventListener('ended', function() { if (sliderInstance.index === 0 && videoIteration == 1) { // check if the current slide is the first one console.log("ENDED"); sliderInstance.go('>'); // go to the next slide // start autoplaying the slider playSlider(); } this.play(); // start playing the video again videoIteration++; }); }); // x_slider:init });// DOM content loaded </script>