diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2016-10-23 19:03:43 +0200 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2016-10-23 19:03:43 +0200 |
| commit | 464cce29a2e04e508a39cf9e68da4458d53873f8 (patch) | |
| tree | 9d62f919b2f0a4572c50066772aec6c4b052c9a7 /themes/flog/layouts/partials | |
| parent | d642e1328a70e9763379dd91f342dd499439c13d (diff) | |
| download | pragblog-464cce29a2e04e508a39cf9e68da4458d53873f8.tar.gz pragblog-464cce29a2e04e508a39cf9e68da4458d53873f8.zip | |
load low-res images first
Diffstat (limited to 'themes/flog/layouts/partials')
| -rw-r--r-- | themes/flog/layouts/partials/footer.html | 7 | ||||
| -rw-r--r-- | themes/flog/layouts/partials/header.html | 3 | ||||
| -rw-r--r-- | themes/flog/layouts/partials/listing.html | 6 |
3 files changed, 10 insertions, 6 deletions
diff --git a/themes/flog/layouts/partials/footer.html b/themes/flog/layouts/partials/footer.html index 6a2857e..0dcd9e1 100644 --- a/themes/flog/layouts/partials/footer.html +++ b/themes/flog/layouts/partials/footer.html @@ -17,9 +17,10 @@ $('.button-collapse').sideNav(); $('#main').smoothState({ prefetch: true, onAfter: ready }); }); - - $(document).ready(function() { - $('.parallax').parallax(); + $('body').imagesLoaded({ background: true }, function() { + $('<img src="/images/skyline.jpg">').load(function() { + $('body').css('background-image', 'url(' + this.src + ')'); + }); }); </script> </body> diff --git a/themes/flog/layouts/partials/header.html b/themes/flog/layouts/partials/header.html index 07fdd3d..8016f53 100644 --- a/themes/flog/layouts/partials/header.html +++ b/themes/flog/layouts/partials/header.html @@ -9,8 +9,7 @@ <link rel="alternate" href="/index.xml" type="application/rss+xml" title="{{ .Site.Title }}"> <title>{{ .Title }}{{ if not .IsHome }} - {{ .Site.Title }}{{ end }}</title> </head> - <body style="background: url(/images/skyline.jpg); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;"> - <body> + <body style="background-image: url(/images/min/skyline.jpg); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;"> <div id="main"> <header class="navbar-fixed"> <nav class="black"> 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"> |