From 9b9ceaea16bb10602f09709d06b5549579119d79 Mon Sep 17 00:00:00 2001
From: Simon C <simonc@linux.com>
Date: Tue, 13 Sep 2022 23:27:16 +0200
Subject: [PATCH] Suppression de la librairie lozad puisque les navigateurs
 font maintenant du lazy loading

---
 config/_default/config.yml                               | 1 -
 themes/meghna-hugo/README.md                             | 1 -
 themes/meghna-hugo/assets/js/script.js                   | 7 -------
 themes/meghna-hugo/layouts/_default/article.html         | 2 +-
 themes/meghna-hugo/layouts/_default/single.html          | 2 +-
 themes/meghna-hugo/layouts/author/single.html            | 6 +++---
 themes/meghna-hugo/layouts/partials/banner.html          | 2 +-
 themes/meghna-hugo/layouts/partials/feature.html         | 2 +-
 themes/meghna-hugo/layouts/partials/footer.html          | 4 ++--
 themes/meghna-hugo/layouts/partials/funfacts.html        | 2 +-
 themes/meghna-hugo/layouts/partials/navigation.html      | 2 +-
 themes/meghna-hugo/layouts/partials/skill.html           | 2 +-
 themes/meghna-hugo/layouts/partials/team.html            | 2 +-
 themes/meghna-hugo/layouts/partials/testimonial.html     | 2 +-
 themes/meghna-hugo/static/plugins/lazy-load/lozad.min.js | 9 ---------
 15 files changed, 14 insertions(+), 32 deletions(-)
 delete mode 100755 themes/meghna-hugo/static/plugins/lazy-load/lozad.min.js

diff --git a/config/_default/config.yml b/config/_default/config.yml
index 0f627a3..53c90dc 100644
--- a/config/_default/config.yml
+++ b/config/_default/config.yml
@@ -32,7 +32,6 @@ params:
       - link: plugins/slick/slick.min.js
       - link: plugins/shuffle/shuffle.min.js
       - link: plugins/magnific-popup/jquery.magnific-popup.min.js
-      - link: plugins/lazy-load/lozad.min.js
       # - link: plugins/google-map/map.js
   logo: images/jarnat-logo.svg
 
diff --git a/themes/meghna-hugo/README.md b/themes/meghna-hugo/README.md
index 1d7eef5..1317a40 100644
--- a/themes/meghna-hugo/README.md
+++ b/themes/meghna-hugo/README.md
@@ -121,7 +121,6 @@ share those images.
 - [Bootstrap](https://getbootstrap.com/docs/4.3/getting-started/introduction/)
 - [Jquery](https://jquery.com/download/)
 - [Themify Icons](https://themify.me/themify-icons)
-- [Lozad](https://apoorv.pro/lozad.js/)
 - [Magnific Popup](https://dimsemenov.com/plugins/magnific-popup/)
 - [Slick Slider](https://kenwheeler.github.io/slick/)
 - [Shuffle](https://vestride.github.io/Shuffle/)
diff --git a/themes/meghna-hugo/assets/js/script.js b/themes/meghna-hugo/assets/js/script.js
index 916a0eb..ceaef5b 100644
--- a/themes/meghna-hugo/assets/js/script.js
+++ b/themes/meghna-hugo/assets/js/script.js
@@ -9,13 +9,6 @@ $(window).on('load', function () {
 jQuery(function ($) {
 	"use strict";
 
-	/* ========================================================================= */
-	/*	lazy load initialize
-	/* ========================================================================= */
-
-	const observer = lozad(); // lazy loads elements with default selector as ".lozad"
-	observer.observe();
-
 	/* ========================================================================= */
 	/*	Magnific popup
 	/* =========================================================================  */
diff --git a/themes/meghna-hugo/layouts/_default/article.html b/themes/meghna-hugo/layouts/_default/article.html
index e10a781..2086247 100644
--- a/themes/meghna-hugo/layouts/_default/article.html
+++ b/themes/meghna-hugo/layouts/_default/article.html
@@ -1,7 +1,7 @@
 <article class="col-lg-4 col-md-6 col-12 clearfix wow fadeInUp mb-4" data-wow-duration="500ms">
   <div class="post-block">
     <div class="media-wrapper">
-      <img class="img-fluid lozad" data-src="{{ .Params.Image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .Params.image | absURL }}'">
+      <img class="img-fluid" src="{{ .Params.Image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .Params.image | absURL }}'" loading="lazy">
     </div>
 
     <div class="content">
diff --git a/themes/meghna-hugo/layouts/_default/single.html b/themes/meghna-hugo/layouts/_default/single.html
index 8100c5b..13ee2b1 100644
--- a/themes/meghna-hugo/layouts/_default/single.html
+++ b/themes/meghna-hugo/layouts/_default/single.html
@@ -16,7 +16,7 @@
           {{ end }}
         </ul>
         {{ if .Params.Image }}
-        <img class="img-fluid mb-50 lozad" data-src="{{ .Params.Image | absURL }}" alt="blog-image">
+        <img class="img-fluid mb-50" src="{{ .Params.Image | absURL }}" alt="blog-image" loading="lazy">
         {{ end }}
       </div>
       <div class="col-lg-8 offset-lg-2">
diff --git a/themes/meghna-hugo/layouts/author/single.html b/themes/meghna-hugo/layouts/author/single.html
index ea3c266..75c4cbc 100644
--- a/themes/meghna-hugo/layouts/author/single.html
+++ b/themes/meghna-hugo/layouts/author/single.html
@@ -14,10 +14,10 @@
 				<div class="content text-center">
 					<figure>
 						{{ if .Params.Image }}
-						<img class="rounded-circle img-fluid lozad" data-src="{{.Params.Image | relURL }}">
+						<img class="rounded-circle img-fluid" src="{{.Params.Image | relURL }}" loading="lazy">
 						{{else if .Params.Email}}
-						<img class="rounded-circle img-fluid lozad"
-							data-src="https://www.gravatar.com/avatar/{{ md5 .Params.email }}?s=128&pg&d=identicon">
+						<img class="rounded-circle img-fluid"
+							src="https://www.gravatar.com/avatar/{{ md5 .Params.email }}?s=128&pg&d=identicon" loading="lazy">
 						{{ end }}
 						<figcaption>
 							<h5 class="font-weight-bold">
diff --git a/themes/meghna-hugo/layouts/partials/banner.html b/themes/meghna-hugo/layouts/partials/banner.html
index 4f7ae53..5ab846d 100644
--- a/themes/meghna-hugo/layouts/partials/banner.html
+++ b/themes/meghna-hugo/layouts/partials/banner.html
@@ -5,7 +5,7 @@
 {{"<!-- Welcome Slider-->" | safeHTML}}
 <section class="hero-area" style='background-image: url("{{ .bg_image_webp | absURL }}")'>
 	<!-- this image is for trigger this section fallback background image -->
-	<img class="d-none" src="{{ .bg_image_webp | absURL }}" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .bg_image | absURL }})'"/>
+	<img class="d-none" src="{{ .bg_image_webp | absURL }}" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .bg_image | absURL }})'" loading="lazy"/>
 
 	<div class="block p-6">
 		{{ if .icon }}
diff --git a/themes/meghna-hugo/layouts/partials/feature.html b/themes/meghna-hugo/layouts/partials/feature.html
index 2d0a333..ea07a7a 100644
--- a/themes/meghna-hugo/layouts/partials/feature.html
+++ b/themes/meghna-hugo/layouts/partials/feature.html
@@ -8,7 +8,7 @@
 		<div class="row justify-content-center align-items-center">
 			<div class="col-12 col-md-2 m-md-0 m-5 m-md-3" style="height: 150px; background-image: url('{{ .image_webp | absURL }}'); background-size: contain; background-position: center; background-repeat: no-repeat; ">
 				<!-- this image is for trigger this section fallback background image -->
-				<img src="{{ .image_webp | absURL }}" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .image | absURL }})'">
+				<img src="{{ .image_webp | absURL }}" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .image | absURL }})'" loading="lazy">
 			</div>
 			<div class="col-12 col-md-9">
 				<div class="content-block">
diff --git a/themes/meghna-hugo/layouts/partials/footer.html b/themes/meghna-hugo/layouts/partials/footer.html
index cec0fd0..d7d5a17 100644
--- a/themes/meghna-hugo/layouts/partials/footer.html
+++ b/themes/meghna-hugo/layouts/partials/footer.html
@@ -18,11 +18,11 @@
 				{{"<!-- copyright -->" | safeHTML}}
 				<div class="copyright text-center">
 					<a href="{{ site.Home.Permalink }}">
-						<img src="{{ site.Params.logo | absURL }}" alt="{{ site.Title }}" height="42" />
+						<img src="{{ site.Params.logo | absURL }}" alt="{{ site.Title }}" height="42" loading="lazy" />
 					</a>
 					<br>
 					<p>{{ site.Params.copyright | markdownify }}</p>
-					<img src="/images/sponsors.jpg" alt="Sponsors : Nouvelle Aquitaine - UE" height="100" />
+					<img src="/images/sponsors.jpg" alt="Sponsors : Nouvelle Aquitaine - UE" height="100" loading="lazy" />
 				</div>
 			</div>
 		</div>
diff --git a/themes/meghna-hugo/layouts/partials/funfacts.html b/themes/meghna-hugo/layouts/partials/funfacts.html
index 0c63e59..dfc4502 100644
--- a/themes/meghna-hugo/layouts/partials/funfacts.html
+++ b/themes/meghna-hugo/layouts/partials/funfacts.html
@@ -5,7 +5,7 @@
 {{"<!-- Start Counter Section -->" | safeHTML}}
 <section id="counter" class="parallax-section bg-1 section overly" style='background-image: url("{{ .bg_image_webp | absURL }}")'>
 	<!-- this image is for trigger this section fallback background image -->
-	<img class="lozad" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .bg_image | absURL }})'" data-src="{{ .bg_image_webp | absURL }}" />
+	<img style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .bg_image | absURL }})'" src="{{ .bg_image_webp | absURL }}" loading="lazy" />
 	<div class="container">
 		<div class="row justify-content-center">
 			{{ range .counter_item }}
diff --git a/themes/meghna-hugo/layouts/partials/navigation.html b/themes/meghna-hugo/layouts/partials/navigation.html
index 681a2dc..e072846 100644
--- a/themes/meghna-hugo/layouts/partials/navigation.html
+++ b/themes/meghna-hugo/layouts/partials/navigation.html
@@ -4,7 +4,7 @@
 		<nav class="navbar navbar-expand-sm navbar-dark">
 			<a class="navbar-brand p-0" href="{{ .Site.BaseURL | relLangURL }}">
 				{{ if site.Params.logo }}
-				<img class="lozad" data-src="{{ site.Params.logo | absURL }}" alt="{{ .Site.Title }}" height="42">
+				<img src="{{ site.Params.logo | absURL }}" alt="{{ .Site.Title }}" height="42" loading="lazy">
 				{{ else }}
 				{{ site.Title }}
 				{{ end }}
diff --git a/themes/meghna-hugo/layouts/partials/skill.html b/themes/meghna-hugo/layouts/partials/skill.html
index 777b6cf..6730d96 100644
--- a/themes/meghna-hugo/layouts/partials/skill.html
+++ b/themes/meghna-hugo/layouts/partials/skill.html
@@ -18,7 +18,7 @@
 		<div class="row">
 			{{ with .image }}
 			<div class="col-lg-6 p-3 text-center">
-				<img class="img-fluid lozad" data-src="{{ . | absURL }}" alt="image">
+				<img class="img-fluid" src="{{ . | absURL }}" alt="image" loading="lazy">
 			</div>
 			{{ end }}
 			<div class="col-lg-{{ with .image }}6{{else}}12{{ end }} p-3">
diff --git a/themes/meghna-hugo/layouts/partials/team.html b/themes/meghna-hugo/layouts/partials/team.html
index 88201bd..a2cba91 100644
--- a/themes/meghna-hugo/layouts/partials/team.html
+++ b/themes/meghna-hugo/layouts/partials/team.html
@@ -22,7 +22,7 @@
         <div class="team-member">
           <div class="member-photo">
             {{"<!-- member photo -->" | safeHTML}}
-            <img class="img-fluid lozad" data-src="{{ .image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .image | absURL }}'" alt="{{ .name }}">
+            <img class="img-fluid" src="{{ .image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .image | absURL }}'" alt="{{ .name }}" loading="lazy">
 
             {{"<!-- member social profile -->" | safeHTML}}
             <div class="mask">
diff --git a/themes/meghna-hugo/layouts/partials/testimonial.html b/themes/meghna-hugo/layouts/partials/testimonial.html
index 39eb7cf..ede92ee 100644
--- a/themes/meghna-hugo/layouts/partials/testimonial.html
+++ b/themes/meghna-hugo/layouts/partials/testimonial.html
@@ -18,7 +18,7 @@
 
 						{{"<!-- client photo -->" | safeHTML}}
 						<div class="client-thumb">
-							<img class="img-fluid lozad" data-src="{{ .image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .image | absURL }}'" alt="{{ .name }}">
+							<img class="img-fluid" src="{{ .image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .image | absURL }}'" alt="{{ .name }}" loading="lazy">
 						</div>
 
 						{{"<!-- client info -->" | safeHTML}}
diff --git a/themes/meghna-hugo/static/plugins/lazy-load/lozad.min.js b/themes/meghna-hugo/static/plugins/lazy-load/lozad.min.js
deleted file mode 100755
index 625e656..0000000
--- a/themes/meghna-hugo/static/plugins/lazy-load/lozad.min.js
+++ /dev/null
@@ -1,9 +0,0 @@
-/*! lozad.js - v1.9.0 - 2019-02-09
-* https://github.com/ApoorvSaxena/lozad.js
-* Copyright (c) 2019 Apoorv Saxena; Licensed MIT */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.lozad=e()}(this,function(){"use strict";var g=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t},n="undefined"!=typeof document&&document.documentMode,l={rootMargin:"0px",threshold:0,load:function(t){if("picture"===t.nodeName.toLowerCase()){var e=document.createElement("img");n&&t.getAttribute("data-iesrc")&&(e.src=t.getAttribute("data-iesrc")),t.getAttribute("data-alt")&&(e.alt=t.getAttribute("data-alt")),t.appendChild(e)}if("video"===t.nodeName.toLowerCase()&&!t.getAttribute("data-src")&&t.children){for(var r=t.children,o=void 0,a=0;a<=r.length-1;a++)(o=r[a].getAttribute("data-src"))&&(r[a].src=o);t.load()}t.getAttribute("data-src")&&(t.src=t.getAttribute("data-src")),t.getAttribute("data-srcset")&&t.setAttribute("srcset",t.getAttribute("data-srcset")),t.getAttribute("data-background-image")&&(t.style.backgroundImage="url('"+t.getAttribute("data-background-image")+"')"),t.getAttribute("data-toggle-class")&&t.classList.toggle(t.getAttribute("data-toggle-class"))},loaded:function(){}};
-/**
-   * Detect IE browser
-   * @const {boolean}
-   * @private
-   */function f(t){t.setAttribute("data-loaded",!0)}var b=function(t){return"true"===t.getAttribute("data-loaded")};return function(){var r,o,a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:".lozad",t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},e=g({},l,t),n=e.root,i=e.rootMargin,d=e.threshold,c=e.load,u=e.loaded,s=void 0;return window.IntersectionObserver&&(s=new IntersectionObserver((r=c,o=u,function(t,e){t.forEach(function(t){(0<t.intersectionRatio||t.isIntersecting)&&(e.unobserve(t.target),b(t.target)||(r(t.target),f(t.target),o(t.target)))})}),{root:n,rootMargin:i,threshold:d})),{observe:function(){for(var t=function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document;return t instanceof Element?[t]:t instanceof NodeList?t:e.querySelectorAll(t)}(a,n),e=0;e<t.length;e++)b(t[e])||(s?s.observe(t[e]):(c(t[e]),f(t[e]),u(t[e])))},triggerLoad:function(t){b(t)||(c(t),f(t),u(t))},observer:s}}});