document.addEventListener('DOMContentLoaded', ()=>{
const ubicacionActual = window.location.href
const enlacesCabecera = document.querySelectorAll('.header_link')
const direcciones = ['email','facebook','linkedin','twitter','instagram' ];
const carRedonda = document.querySelector('.card-imagen-redonda')
const textoResalta = document.querySelector('.texto-resalta-hover')
const canva = document.getElementById('seccion-canva-hire')
const botones = document.querySelectorAll('.boton-hire-me')
let move = false //Control de posición Canva de Hire Me
let cantidad = 200 // % Desplazamiento Canva de Hire Me
enlacesCabecera.forEach((enlaceCab)=>{
ponActivo = () => enlaceCab.classList.add('activo')
if(enlaceCab.href == ubicacionActual) setTimeout(ponActivo, 300);
})
direcciones.forEach((direccion)=>{
let enlazados = document.querySelectorAll('.link-social-link__' + direccion);
let destino = "facebook.com/Noelia.Amado.Photography/";//If remove this semicolon with minimify option is active console gives error.
enlazados.forEach((enlazado) =>{
if(direccion === 'email')
enlazado.href = 'mailto:noelia@noeliaamado.com';
else{
switch(direccion){
case'instagram': destino ="instagram.com/noelia.amado.photography/";
break;
case'linkedin': destino ="www.instagram.com/noelia.amado.photography/";
break;
}
}
enlazado.href = 'https://'+destino;
});
});
if(ubicacionActual==="https://noeliaamado.com/"){
textoResalta.addEventListener('mouseover', ()=>{
carRedonda.classList.add('sobreTexto')
})
textoResalta.addEventListener('mouseout', ()=>{carRedonda.classList.remove('sobreTexto')})
}
botones.forEach((boton) => {
boton.addEventListener('click',(e)=>{
e.preventDefault()
move = (move)? false: true
if(move){
clase = 'canva-hire-translated-mas';
canva.style.transform='translateX(0px)'
cantidad = cantidad * -1
}else{
clase = 'canva-hire-translated-menos';
canva.style.transform='translateX('+cantidad+'%)'
}
})
})
})
