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});