Update li to support webp

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

View File

@@ -3,7 +3,13 @@
{{ if isset .Params "featuredimage" }}
<div class="card-img-container">
<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>
{{ end }}
<article class="card-body">

View File

@@ -2,7 +2,13 @@
href="{{ .Permalink }}" class="card blog-card" rel="bookmark" >
{{ if isset .Params "featuredimage" }}
<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>
{{ end }}
<article class="card-body">