Hover Effect Codesnippet // Highlighting for codesnippet - Partials/Layouts/Assets.html hljs.highlightAll(); AnimateCss // AnimateCss-{data.uid} - Partials/Layouts/Assets.html var animatedElement = document.getElementById('c{data.uid}'), animateRepeat = '{animateCssRepeat}', dataAnimate = '{dataAnimate}', child = animatedElement.firstChild; if ( animatedElement.nodeType == 1 && animatedElement.classList.contains('animated') ) { t3sbCssAnimate(animatedElement, dataAnimate, animateRepeat); } else { if ( child.nodeType == 1 && child.classList.contains('animated') ) { t3sbCssAnimate(child, dataAnimate, animateRepeat); } else { if (child.nodeName == 'HEADER') { t3sbCssAnimate(child.nextSibling, dataAnimate, animateRepeat); } } } // AnimateCss-{data.uid} - Partials/Layouts/Assets.html var animatedElement = document.getElementById('c{data.uid}'), animateRepeat = '{animateCssRepeat}', dataAnimate = '{dataAnimate}'; if (animatedElement) { t3sbCssAnimate(animatedElement, dataAnimate, animateRepeat); } Lightbox - same in News/Detail.html Baguette Box // Baguette Box (lightbox) - Partials/Layouts/Assets.html baguetteBox.run('.gallery, .image-gallery', { animation: 'fadeIn', noScrollbars: true }); Halkabox // halkabox-{data.uid} (lightbox) - Partials/Layouts/Assets.html halkaBox.options({animation: 'fade',theme: 'dark'}); halkaBox.run('gallery-{data.uid}'); G Lightbox // GLightbox (lightbox) - Partials/Layouts/Assets.html const lightbox = GLightbox({loop: true});