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/_default/single.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'themes/flog/layouts/_default/single.html')

diff --git a/themes/flog/layouts/_default/single.html b/themes/flog/layouts/_default/single.html
index 44bdae9..bae38f8 100644
--- a/themes/flog/layouts/_default/single.html
+++ b/themes/flog/layouts/_default/single.html
@@ -4,7 +4,11 @@
         <main role="main" class="container">
             <article itemscope itemtype="http://schema.org/BlogPosting" class="section">
                 {{ if .Params.image }}
-                <img src="/images/{{ .Params.image }}" style="width: 100%;">
+                <img class="jsonly" src="/images/min/{{ .Params.image }}" style="width: 100%;" onload="this.src = '/images/{{ .Params.image }}'">
+                <noscript>
+                    <img src="/images/{{ .Params.image }}" style="width: 100%;">
+                    <style>.jsonly { display: none }</style>
+                </noscript>
                 {{ end }}
                 <h1 itemprop="headline" class="header">{{ .Title }}</h1>
                 <span><time itemprop="datePublished" datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "02.01.2006" }}</time></span>
-- 
cgit v1.3.1