From 959f915c9e545a7fe8cafce9916eea377181201e Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Tue, 8 Nov 2016 11:27:37 +0100
Subject: use webp for images, load icons offline

---
 themes/flog/layouts/partials/listing.html | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

(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 cefede4..a826617 100644
--- a/themes/flog/layouts/partials/listing.html
+++ b/themes/flog/layouts/partials/listing.html
@@ -11,11 +11,13 @@
             <div class="card">
                 {{ if .Params.image }}
                 <div class="card-image">
-                    <a class="jsonly" href="{{ .RelPermalink }}"><img src="/images/min/{{ .Params.image }}" onload="this.src = '/images/max/{{ .Params.image }}'"></a>
-                    <noscript>
-                        <a href="{{ .RelPermalink }}"><img src="/images/max/{{ .Params.image }}"></a>
-                        <style>.jsonly { display: none }</style>
-                    </noscript>
+                    <a href="{{ .RelPermalink }}">
+                        <picture>
+                            <source srcset="/images/min/{{ .Params.image }}.webp" type="image/webp">
+                            <source srcset="/images/min/{{ .Params.image }}.jpg" type="image/jpg">
+                            <img src="/images/min/{{ .Params.image }}.jpg">
+                        </picture>
+                    </a>
                 </div>
                 {{ end }}
                 <section class="card-content" itemprop="text">
@@ -28,14 +30,14 @@
                     <a href="{{ .RelPermalink }}">
                     Weiterlesen…
                     {{ if .Params.rating }}
-                        <i class="material-icons right">
+                        <span class="right">
                         {{ range seq .Params.rating }}
-                        star
+                            <img src="/fonts/icons/ic_star_black_24px.svg">
                         {{ end }}
                         {{ range seq (sub 5 (int .Params.rating)) }}
-                        star_border
+                            <img src="/fonts/icons/ic_star_border_black_24px.svg">
                         {{ end }}
-                        </i>
+                        </span>
                     {{ end }}
                     </a>
                 </div>
-- 
cgit v1.3.1