From 464cce29a2e04e508a39cf9e68da4458d53873f8 Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Sun, 23 Oct 2016 19:03:43 +0200
Subject: load low-res images first

---
 themes/flog/layouts/partials/listing.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'themes/flog/layouts/partials/listing.html')

diff --git a/themes/flog/layouts/partials/listing.html b/themes/flog/layouts/partials/listing.html
index a893211..a5556b6 100644
--- a/themes/flog/layouts/partials/listing.html
+++ b/themes/flog/layouts/partials/listing.html
@@ -11,7 +11,11 @@
             <div class="card">
                 {{ if .Params.image }}
                 <div class="card-image">
-                    <a href="{{ .RelPermalink }}"><img src="/images/{{ .Params.image }}"></a>
+                    <a class="jsonly" href="{{ .RelPermalink }}"><img src="/images/min/{{ .Params.image }}" onload="this.src = '/images/{{ .Params.image }}'"></a>
+                    <noscript>
+                        <a href="{{ .RelPermalink }}"><img src="/images/{{ .Params.image }}"></a>
+                        <style>.jsonly { display: none }</style>
+                    </noscript>
                 </div>
                 {{ end }}
                 <section class="card-content" itemprop="text">
-- 
cgit v1.3.1