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/footer.html  |  5 -----
 themes/flog/layouts/partials/header.html  |  2 +-
 themes/flog/layouts/partials/listing.html | 20 +++++++++++---------
 3 files changed, 12 insertions(+), 15 deletions(-)

(limited to 'themes/flog/layouts/partials')

diff --git a/themes/flog/layouts/partials/footer.html b/themes/flog/layouts/partials/footer.html
index fc0f949..5ffadd4 100644
--- a/themes/flog/layouts/partials/footer.html
+++ b/themes/flog/layouts/partials/footer.html
@@ -49,11 +49,6 @@
                     }
                 });
             });
-            $('body').imagesLoaded({ background: true }, function() {
-                $('<img src="/images/skyline.jpg">').load(function() {
-                    $('body').css('background-image', 'url(' + this.src + ')');
-                });
-            });
         </script>
     </body>
 </html>
diff --git a/themes/flog/layouts/partials/header.html b/themes/flog/layouts/partials/header.html
index fdef850..8d9c1e6 100644
--- a/themes/flog/layouts/partials/header.html
+++ b/themes/flog/layouts/partials/header.html
@@ -16,7 +16,7 @@
                     <div class="nav-wrapper">
                         <a href="/" class="brand-logo" style="margin-left: 1rem;">{{ .Title }}</a>
                         <a href="#" data-activates="slide-sections" class="button-collapse">
-                            <i class="material-icons">menu</i>
+                            <i><img src="/fonts/icons/ic_menu_white_36px.svg"></i>
                         </a>
                         <ul class="right hide-on-med-and-down">
                             {{ $active_section := (or .Section (or (and (not .IsPage) (lower .Title)) "")) }}
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