From 0364e4b1bc0805864c84967c241da9622079a08a Mon Sep 17 00:00:00 2001
From: wgroeneveld <wouter.groeneveld@gmail.com>
Date: Sun, 7 Jun 2020 11:00:42 +0200
Subject: [PATCH] avoid flickering img-responsives

---
 .../jefklak-creative-portfolio/layouts/_default/single.html   | 4 ++--
 themes/jefklak-creative-portfolio/static/js/codex.js          | 4 ----
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/themes/jefklak-creative-portfolio/layouts/_default/single.html b/themes/jefklak-creative-portfolio/layouts/_default/single.html
index 538dfdf..cf0b369 100644
--- a/themes/jefklak-creative-portfolio/layouts/_default/single.html
+++ b/themes/jefklak-creative-portfolio/layouts/_default/single.html
@@ -27,11 +27,11 @@
 
         <!-- thanks https://www.godo.dev/tutorials/hugo-image-figure-wrap/ -->
         {{ $reAltIn := "<p><img src=\"([^\"]+)\" alt=\"([^\"]*)\" /></p>" }}
-        {{ $reAltOut := "<figure><a href=\"$1\" class=\"lbox\"><img src=\"$1\" alt=\"$2\"></a></figure>" }}
+        {{ $reAltOut := "<figure><a href=\"$1\" class=\"lbox\"><img class=\"img-responsive\" src=\"$1\" alt=\"$2\"></a></figure>" }}
         {{ $altContent := .Content | replaceRE $reAltIn $reAltOut | safeHTML }}
 
         {{ $reAltTitleIn := "<p><img src=\"([^\"]+)\" alt=\"([^\"]*)\" title=\"([^\"]+)\" /></p>" }}
-        {{ $reAltTitleOut := "<figure><a href=\"$1\" class=\"lbox\"><img src=\"$1\" title=\"$3\"></a><figcaption>$3</figcaption></figure>" }}
+        {{ $reAltTitleOut := "<figure><a href=\"$1\" class=\"lbox\"><img class=\"img-responsive\" src=\"$1\" title=\"$3\"></a><figcaption>$3</figcaption></figure>" }}
         {{ $finalContent := $altContent | replaceRE $reAltTitleIn $reAltTitleOut | safeHTML }}
 
         {{ $finalContent }}
diff --git a/themes/jefklak-creative-portfolio/static/js/codex.js b/themes/jefklak-creative-portfolio/static/js/codex.js
index e0ac34c..f002390 100644
--- a/themes/jefklak-creative-portfolio/static/js/codex.js
+++ b/themes/jefklak-creative-portfolio/static/js/codex.js
@@ -1,15 +1,11 @@
 $(function() {
 
-	var addResponsiveTagToContentImages = function() {
-		$("img").addClass("img-responsive");
-	};
 	var disableResponsiveImagesForInlineLis = function() {
 		$('li img.img-responsive').each(function() {
 			$(this).removeClass('img-responsive');
 			$(this).css('border', 'none');
 		});
 	};
-	addResponsiveTagToContentImages();
 	disableResponsiveImagesForInlineLis();
 
 	const box = new SimpleLightbox('.lbox', { /* options */ });