+
{{else}}
{{/if}}
diff --git a/partials/header.hbs b/partials/header.hbs
index 6b1e69c..e99ea9e 100644
--- a/partials/header.hbs
+++ b/partials/header.hbs
@@ -65,7 +65,7 @@ This header template is shared across all the pages.
{{#if feature_image}}
-
+
{{else}}
{{/if}}
diff --git a/partials/loop.hbs b/partials/loop.hbs
index c83da52..8cdeb79 100644
--- a/partials/loop.hbs
+++ b/partials/loop.hbs
@@ -6,7 +6,7 @@
{{/is}}
{{#if feature_image}}
-
+
{{else}}
@@ -14,7 +14,7 @@
{{#if primary_author.profile_image}}
-
+
{{else}}
{{/if}}
diff --git a/src/js/app.js b/src/js/app.js
index fc13f88..51647eb 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -205,7 +205,11 @@ $(document).ready(() => {
$('[data-aos]').addClass('no-aos-animation')
}
- const observer = lozad()
+ const observer = lozad('.lozad', {
+ loaded: (el) => {
+ el.classList.add('loaded')
+ }
+ })
observer.observe()
tippy('.js-tooltip')
diff --git a/src/sass/common/_global.scss b/src/sass/common/_global.scss
index 80e8912..875a1d5 100644
--- a/src/sass/common/_global.scss
+++ b/src/sass/common/_global.scss
@@ -59,8 +59,8 @@ fieldset {
z-index: 5;
}
-div[data-loaded="true"],
-img[data-loaded="true"] {
+div.lozad.loaded,
+img.lozad.loaded {
opacity: 0;
@include animation('fadeIn 0.5s forwards');
@include keyframes(fadeIn) {