From eb41128a39cdbdbe3f241c5c7c9c8ab800ffb2f4 Mon Sep 17 00:00:00 2001
From: digitalcraftsman <digitalcraftsman@protonmail.com>
Date: Fri, 10 Mar 2017 21:39:15 +0100
Subject: [PATCH] Add lazy loading to showcase

Fixes rdwatters/hugo-docs-concept#7
---
 layouts/section/showcase.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/layouts/section/showcase.html b/layouts/section/showcase.html
index e4da150de..99a833e95 100644
--- a/layouts/section/showcase.html
+++ b/layouts/section/showcase.html
@@ -12,7 +12,7 @@
 			<li class="showcase-site">
 			<div class="image-wrapper">
 				<a href="{{.Params.sitelink}}" target="_blank">
-				<img src="/images/showcase/{{$img}}" alt="Screenshot thumbnail for the website {{.Title}}, {{.Description}}">
+				<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/images/showcase/{{$img}}" alt="Screenshot thumbnail for the website {{.Title}}, {{.Description}}" class="b-lazy">
 				</a>
 			</div>
 			<div class="showcase-meta">
@@ -39,4 +39,9 @@
 		{{- end -}}
 		</ul>
 </main>
-{{end}}
\ No newline at end of file
+{{end}}
+
+{{ define "addscripts" }}
+<script type="text/javascript" src="https://cdn.jsdelivr.net/blazy/1.8.2/blazy.min.js"></script>
+<script>var bLazy = new Blazy();</script>
+{{ end }}
\ No newline at end of file