heimoshuiyu/aether
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update li to support webp

Browse Source
This commit is contained in:
Joe Hutchinson
2019-01-21 12:52:17 -05:00
parent 80344a5c6c
commit bd6aa7a09d
2 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
layouts/_default/li-next.html
View File

@@ -3,7 +3,13 @@
{{ if isset .Params "featuredimage" }} {{ if isset .Params "featuredimage" }}
<div class="card-img-container"> <div class="card-img-container">
<p class="card-img-overlay">Next Article</p> <p class="card-img-overlay">Next Article</p>
<img src="{{.Params.featuredimage | absURL }}" class="card-img"> <picture>
{{ if (fileExists (printf "%s/%s" "static" (replace (.Params.featuredimage) (path.Ext .Params.featuredimage) ".webp"))) -}}
<source srcset="{{ replace (.Params.featuredimage) (path.Ext (.Params.featuredimage)) ".webp" | absURL }}" type="image/webp">
{{- end }}
<source srcset="{{ .Params.featuredimage | absURL }}">
<img src="{{.Params.featuredimage | absURL }}" class="card-img" {{ if isset .Params "featuredimagedescription" }}alt="{{.Params.featuredimagedescription}}"{{end}}>
</picture>
</div> </div>
{{ end }} {{ end }}
<article class="card-body"> <article class="card-body">

8
layouts/_default/li.html
View File

@@ -2,7 +2,13 @@
href="{{ .Permalink }}" class="card blog-card" rel="bookmark" > href="{{ .Permalink }}" class="card blog-card" rel="bookmark" >
{{ if isset .Params "featuredimage" }} {{ if isset .Params "featuredimage" }}
<div class="card-img-container"> <div class="card-img-container">
<img src="{{.Params.featuredimage | absURL }}" class="card-img" {{ if isset .Params "featuredimagedescription" }}alt="{{.Params.featuredimagedescription}}"{{end}}> <picture>
{{ if (fileExists (printf "%s/%s" "static" (replace (.Params.featuredimage) (path.Ext .Params.featuredimage) ".webp"))) -}}
<source srcset="{{ replace (.Params.featuredimage) (path.Ext (.Params.featuredimage)) ".webp" | absURL }}" type="image/webp">
{{- end }}
<source srcset="{{ .Params.featuredimage | absURL }}">
<img src="{{.Params.featuredimage | absURL }}" class="card-img" {{ if isset .Params "featuredimagedescription" }}alt="{{.Params.featuredimagedescription}}"{{end}}>
</picture>
</div> </div>
{{ end }} {{ end }}
<article class="card-body"> <article class="card-body">