bascht
/
bascht.com
1
0
Fork 0
Code Releases Activity

[instagram] Use srcset to load responsive image

This commit is contained in:
Sebastian Schulze 2020-09-07 21:17:14 +02:00
parent 8e9c13a891
commit 644ecfb2f1
Signed by: bascht
GPG Key ID: 5BCB1D3B4D38A35A
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/instagram_image/summary.html
View File

@ -1,6 +1,6 @@
<a href="{{.Permalink}}" class="summary instagram_image u-url">
<h2 class="p-name"><span class="social_logo">{{ partial "social_logo" . }}</span>{{.Title | default "Untitled" }}</h2>
<p><img alt="Instagram Photo: {{ .Params.title }}" src="https://img.bascht.com/proxy/300,webp/{{ .Params.media_url }}" ></p>
<p><img alt="Instagram Photo: {{ .Params.title }}" srcset="https://img.bascht.com/proxy/300,webp/{{ .Params.media_url }} 300w, https://img.bascht.com/proxy/850,webp/{{ .Params.media_url }} 850w" sizes=" (min-width: 400px) 300vw, 800vw" src="https://img.bascht.com/proxy/300,webp/{{ .Params.media_url }}" ></p>
<small>{{ .Date.Format "January, 02th 2006" }}</small>
</a>
<a class="hidden u-syndication syn-link" rel="syndication" href="{{ .Params.original_url }}">{{ .Params.original_url }}</a>