<footer class="footer">

Digital Panchayat Portal

</footer>

<script src="js/script.js"></script>

<!-- jQuery (Required for Lightbox) -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

<!-- Lightbox JS -->
<script src="https://cdn.jsdelivr.net/npm/lightbox2@2.11.4/dist/js/lightbox.min.js"></script>

<script>

/* LIGHTBOX SETTINGS */

lightbox.option({
'resizeDuration': 200,
'wrapAround': true,
'fitImagesInViewport': true,
'maxWidth': 900,
'maxHeight': 600
})

</script>
<script>

/* LIGHTBOX SETTINGS */

lightbox.option({
'resizeDuration': 200,
'wrapAround': true,
'fitImagesInViewport': true,
'maxWidth': 900,
'maxHeight': 600
})

/* MOBILE SWIPE SUPPORT */

document.addEventListener('touchstart', handleTouchStart, false);        
document.addEventListener('touchmove', handleTouchMove, false);

let xDown = null;

function handleTouchStart(evt) {
xDown = evt.touches[0].clientX;
};

function handleTouchMove(evt) {

if (!xDown) {
return;
}

let xUp = evt.touches[0].clientX;

let xDiff = xDown - xUp;

if (Math.abs(xDiff) > 50) {

if (xDiff > 0) {
/* swipe left → next image */
document.querySelector('.lb-next')?.click();
} else {
/* swipe right → previous image */
document.querySelector('.lb-prev')?.click();
}

}

xDown = null;

};

</script>

</body>
</html>