50 lines
1.8 KiB
JavaScript
50 lines
1.8 KiB
JavaScript
/*
|
|
* Este archivo es parte de Nabu.
|
|
*
|
|
* Nabu es software libre: puedes redistribuirlo y/o modificarlo
|
|
* bajo los términos de la Licencia Pública General de GNU Affero publicada por
|
|
* la Free Software Foundation, ya sea la versión 3 de la Licencia, o
|
|
* (a su elección) cualquier versión posterior.
|
|
*
|
|
* Nabu se distribuye con la esperanza de que sea de utilidad,
|
|
* pero SIN NINGUNA GARANTÍA; incluso sin la garantía implícita de
|
|
* COMERCIABILIDAD o APTITUD PARA UN PROPÓSITO PARTICULAR. Consulte la
|
|
* Licencia Pública General de GNU Affero para obtener más detalles.
|
|
*
|
|
* Debería haber recibido una copia de la Licencia Pública General de GNU Affero
|
|
* junto con este programa. De lo contrario, consulte <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
// ---------------------- Init the hightlight functionality ------------------
|
|
hljs.highlightAll();
|
|
|
|
// ---------------------- Animation heart ------------------
|
|
const post = document.querySelector('.post__copy');
|
|
const heart = document.querySelector('.icon');
|
|
|
|
post.addEventListener("click", () => {
|
|
heart.classList.add("beat");
|
|
// countEl.innerHTML = count;
|
|
setTimeout(() => {
|
|
heart.classList.remove("beat");
|
|
}, 1200);
|
|
});
|
|
|
|
// ---------------------- Fix images for the content post ------------------
|
|
const imagesPost = document.querySelectorAll('.post__copy img');
|
|
|
|
// Get the media query
|
|
const mediaQuery = window.matchMedia('(min-width: 768px)');
|
|
mediaQuery.addEventListener('change',handleDeviceChange);
|
|
|
|
//handle the event when changes the size and get the media query
|
|
function handleDeviceChange(e){
|
|
imagesPost.forEach(image => {
|
|
image.parentElement.classList.toggle('post__container-img')
|
|
});
|
|
}
|
|
|
|
// execute for the fisrt time when the page load and apply the changes
|
|
handleDeviceChange();
|
|
|