diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index a635abc..49ffe6c 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -68,10 +68,6 @@ html[data-theme='light'] {
}
}
-.kg-image-card img, .post-content img, .post-feature-image img {
- @apply cursor-pointer transition-opacity duration-200 hover:opacity-90;
-}
-
@keyframes fadeInUp {
from {
opacity: 0;
@@ -83,20 +79,7 @@ html[data-theme='light'] {
}
}
-@keyframes fadeIn {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
-}
-
.animate-fadeInUp {
animation: fadeInUp 0.5s ease-out forwards;
}
-#lightbox.show {
- animation: fadeIn 0.3s ease-out forwards;
-}
-
diff --git a/default.hbs b/default.hbs
index 2e83c0a..8436c5f 100644
--- a/default.hbs
+++ b/default.hbs
@@ -3,8 +3,6 @@
x-data="{
theme: localStorage.getItem('theme') || (window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark'),
mobileMenuOpen: false,
- lightboxOpen: false,
- lightboxImage: '',
init() {
$watch('theme', val => {
localStorage.setItem('theme', val);
@@ -12,19 +10,8 @@
});
document.documentElement.setAttribute('data-theme', this.theme);
document.documentElement.classList.remove('hidden');
- },
- handleGlobalClick(e) {
- if (this.lightboxOpen && e.target.closest('#lightbox')) return;
-
- const img = e.target.closest('img');
- if (img && img.src && !img.closest('a') && img.closest('.kg-image-card, .post-content, .post-feature-image')) {
- e.preventDefault();
- this.lightboxImage = img.src;
- this.lightboxOpen = true;
- }
}
}"
- @click.window="handleGlobalClick($event)"
:data-theme="theme"
class="hidden">
@@ -51,7 +38,6 @@
{{> footer}}
{{> mobile-menu}}
- {{> lightbox}}
{{ghost_foot}}
diff --git a/partials/lightbox.hbs b/partials/lightbox.hbs
deleted file mode 100644
index 7eb6052..0000000
--- a/partials/lightbox.hbs
+++ /dev/null
@@ -1,26 +0,0 @@
-
-
-
-
-
-
![Lightbox image]()
-
-