$(document).ready(function() { /*
* Inicialización biblioteca
*/
$('#pagepiling').pagepiling({ menu: '#menu',
anchors: ['page1', 'page2', 'page3', 'page4', 'page8'],
sectionsColor: ['#FFFFFF', '#FFF', '#FFF', '#6B4A90', '#2C3E50'],
navigation: { 'position': 'right',
},
afterRender: function() { $('#pp-nav').addClass('custom'); $('#pp-nav span').addClass('navigation'); },
afterLoad: function(anchorLink, index) { if (index > 1) { $('#pp-nav').removeClass('custom'); } else { $('#pp-nav').addClass('custom'); }
// Sección 2
if (index === 2) { $('.me').html(''); $('.textAboutMobile').html(''); $('.textAboutDesktop').html(''); // foto
$('.me').append(`<img src="assets/img/perfil_camila.png" alt="" class="">`); $('.me img').addClass('animated fadeInLeft'); // texto
if($(window).width() <= 768) { $('.textAboutMobile').append(`<div id="aboutMeMobile"><h1></h1></div>`); $('#aboutMeMobile').addClass('animated fadeInRight'); } else { $('.textAboutDesktop').append(`<div id="aboutMeDesktop"><h1>Sobre Nosotros</h1><p> <span>¡Recycling The World</span></p> <p>Bienvenidos a Reciclando El Mundo, nuestro maravilloso proyecto para ayudar a sobrevivir y mejorar nuestro medio ambiente. Una de las claves fundamentales para la existencia de la vida en nuestro planeta, es un medio ambiente limpio, libre de virus, bacterias, y otros organismos contaminantes.Por ello, en nuestro maravilloso proyecto trabajamos en un conjunto de ideas, de las cuales pudimos fusionar y llegar a ubicarlas de manera que todas puedan combinarse.
Reciclando El Mundo es el fruto de tal combinación, como primera instancia nuestro proyecto principal será la construcción de plantas recicladoras de residuos, que serán esparcidas alrededor del mundo, sabemos que el 60% (cada vez mas) del total de la basura del planeta, es basura que se puede reciclar (Volver a usar), aquí es donde todo empieza a funcionar.
</p>
</div>`);
$('#aboutMeDesktop').addClass('animated fadeInRight'); }
}
if (index !== 2) { // foto
$('.me img').removeClass('fadeInLeft'); $('.me img').addClass('fadeOut'); // texto
$('#aboutMeMobile').removeClass('fadeInRight'); $('#aboutMeMobile').addClass('fadeOut'); $('#aboutMeDesktop').removeClass('fadeInRight'); $('#aboutMeDesktop').addClass('fadeOut'); }
// Sección 3
if (index === 3) { // título
$('.skillTitle').html(''); $('.skillTitle').append(`<h1>STAFF</h1>`); $('.skillTitle h1').addClass('animated fadeIn'); // imagenes del staff
$('.skillLogo').html(''); $('.skillLogo').append(`<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 col-lg-offset-1"> <img src="assets/img/DANILO.png" alt=""></div><div class="col-lg-2 col-md-2 col-sm-3 col-xs-3">
<img src="assets/img/GABRIEL.png" alt=""></div><div class="col-lg-2 col-md-2 col-sm-3 col-xs-3">
<img src="assets/img/BRENDA.png" alt=""></div><div class="col-lg-2 col-md-2 col-sm-3 col-xs-3">
<img src="assets/img/MARIANO.png" alt=""></div><div class="col-lg-2 col-md-2 col-sm-3 col-xs-3">
<img src="assets/img/ANGEL.png" alt=""></div><div class="col-lg-offset-1 col-lg-2 col-md-2 col-sm-3 col-xs-3">
<img src="assets/img/KIEN.png" alt=""></div><div class="col-lg-2 col-md-2 col-sm-3 col-xs-3">
<img src="assets/img/DANIEL.png" alt=""></div><div class="col-lg-2 col-md-2 col-sm-3 col-xs-3">
<img src="assets/img/JEFF.png" alt=""></div><div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 mobile">
<img src="assets/img/KAT.png" alt=""></div><div class="col-lg-2 col-md-2 col-sm-3 col-xs-3">
<img src="assets/img/Jesus.png" alt=""></div><div class="col-lg-2 col-md-2 col-sm-2s col-xs-2">
<img src="assets/img/MILAGROS.png" alt=""></div>`);
$('.skillLogo img').addClass('animated fadeIn'); }
if (index !== 3) { $('.skillTitle h1').removeClass('fadeIn'); $('.skillTitle h1').addClass('fadeOut'); $('.skillLogo img').removeClass('fadeIn'); $('.skillLogo img').addClass('fadeOut'); }
// Sección 4
if (index === 4) { // título
$('.workTitle').html(''); $('.workTitle').append(`<h1>NOTICIAS</h1>`); $('.workTitle h1').addClass('animated fadeIn'); // imagen
$('.freelancerImg').html(''); $('.freelancerImg').append(`<img src="assets/img/freelancer_forma.png" alt="freelancer_project">`); $('.freelancerImg img').addClass('animated fadeInLeft'); // descripción
$('.freelancerText').html(''); $('.freelancerText').append(`<div id="text"><h2>Crece hasta el 40% la recogida selectiva de basura en Cataluña</h2><p>Los catalanes separan cada vez más los residuos. El año pasado, el 40% de los residuos municipales que se generan en Cataluña se recogió de forma selectiva, un porcentaje que supone un notable salto en positivo: del 7% respecto a 2016. En total, la basura separada suma 1,5 millones de toneladas, explicó ayer el director de la Agencia de Residuos, Josep Maria Tost. Los catalanes generan de media 509 kilos de basura al año, algo por encima de la media europea.</p>
<button class="btn"><a href="">ir a las Noticias</a></button></div>`);
$('#text').addClass('animated fadeInRight'); }
if (index !== 4) { $('.workTitle h1').removeClass('fadeIn'); $('.workTitle h1').addClass('fadeOut'); $('.freelancerImg img').removeClass('fadeInLeft'); $('.freelancerImg img').addClass('fadeOut'); $('#text').removeClass('fadeInRight'); $('#text').addClass('fadeOut'); }
// Sección 8
if (index === 8) { // título
$('.contactTitle').html(''); $('.contactTitle').append(`<h1>CONTACTO</h1>`); $('.contactTitle h1').addClass('animated fadeIn'); // navecita
$('.contactIcons').html(''); $('.contactIcons').append(`<a id="ufito" class="ufoContact" href="mailto:[email protected].info" data-toggle="tooltip" data-placement="right" title="Escribe: [email protected].info"><img id="ufo" src="assets/img/UFO.png"></a>`) $('#ufo').addClass('animated zoomInRight'); $('[data-toggle="tooltip"]').tooltip(); // github y linkedin
$('.RRSS').html(''); $('.RRSS').append(`<a id="github" href=""><span class="icon-github"></span></i></a> <a id="linkedin" href=""><span class="icon-linkedin2"></span></i></a>`)
$('.RRSS').addClass('animated zoomIn'); // footer
$('.footer').html(''); $('.footer').append(`<p>Recycling The World | 2018</p>`); $('.footer p').addClass('animated fadeIn'); }
if (index !== 8) { $('.contactTitle h1').removeClass('fadeIn'); $('.contactTitle h1').addClass('fadeOut'); $('#ufo').removeClass('zoomInRight'); $('#ufo').addClass('fadeOut'); $('.RRSS').removeClass('zoomIn'); $('.RRSS').addClass('fadeOut'); $('.footer p').removeClass('fadeIn'); $('.footer p').addClass('fadeOut'); }
} // afterLoad
}) // pagepiling
}); // document.ready
