move from lazysizes to loading=lazy in-browser
This commit is contained in:
parent
687c0a705e
commit
380eca8ba4
|
@ -195,6 +195,10 @@
|
||||||
top: 0
|
top: 0
|
||||||
z-index: 1
|
z-index: 1
|
||||||
|
|
||||||
|
img
|
||||||
|
margin: 0
|
||||||
|
overflow: hidden
|
||||||
|
|
||||||
&:hover::after
|
&:hover::after
|
||||||
background-color:rgba(0,0,0,0.3)
|
background-color:rgba(0,0,0,0.3)
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<figure>
|
<figure>
|
||||||
<a href="{{ .Destination | safeURL }}" class="lbox">
|
<a href="{{ .Destination | safeURL }}" class="lbox">
|
||||||
<img class="lazyload" data-src="{{ .Destination | safeURL }}" {{ with .Text }} alt="{{ . }}"{{ end }} {{ with .Title}} title="{{ . }}"{{ end }}>
|
<img loading="lazy" src="{{ .Destination | safeURL }}" {{ with .Text }} alt="{{ . }}"{{ end }} {{ with .Title}} title="{{ . }}"{{ end }}>
|
||||||
</a>
|
</a>
|
||||||
{{ with .Title }}
|
{{ with .Title }}
|
||||||
<figcaption>{{ . }}</figcaption>
|
<figcaption>{{ . }}</figcaption>
|
||||||
|
|
|
@ -77,7 +77,7 @@
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
<a href="https://facebook.com/redzuurdesem/" target="_blank" rel="noopener">
|
<a href="https://facebook.com/redzuurdesem/" target="_blank" rel="noopener">
|
||||||
<img src="/fb/fbwidget.jpg" id="fbwidget" alt="Facebook Widget Screenshot" />
|
<img loading="lazy" src="/fb/fbwidget.jpg" id="fbwidget" alt="Facebook Widget Screenshot" />
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
</article>
|
</article>
|
||||||
|
|
|
@ -11,7 +11,8 @@
|
||||||
{{- $image := $scratch.Get "image" }}
|
{{- $image := $scratch.Get "image" }}
|
||||||
{{- $bg := ( $image | absLangURL) }}
|
{{- $bg := ( $image | absLangURL) }}
|
||||||
<li class = 'post_item'>
|
<li class = 'post_item'>
|
||||||
<a class = 'post_card' href='{{ .RelPermalink }}' title = '{{ .Title }}' style = 'background-image: url({{ $bg }});'>
|
<a class = 'post_card' href='{{ .RelPermalink }}' title = '{{ .Title }}'>
|
||||||
|
<img loading="lazy" src="{{ $bg }}" alt="Thumbnail {{ .Title }}">
|
||||||
</a>
|
</a>
|
||||||
<div class = 'excerpt'>
|
<div class = 'excerpt'>
|
||||||
<div class = 'excerpt_meta'>
|
<div class = 'excerpt_meta'>
|
||||||
|
|
|
@ -14,5 +14,4 @@
|
||||||
{{- $scripts = resources.Get $mainScriptPath | resources.ExecuteAsTemplate $mainScriptPath . }}
|
{{- $scripts = resources.Get $mainScriptPath | resources.ExecuteAsTemplate $mainScriptPath . }}
|
||||||
{{- end }}
|
{{- end }}
|
||||||
<script src = '/js/simple-lightbox.min.js'></script>
|
<script src = '/js/simple-lightbox.min.js'></script>
|
||||||
<script src="/js/lazysizes.min.js" async></script>
|
|
||||||
<script src = '{{ $scripts.Permalink }}'></script>
|
<script src = '{{ $scripts.Permalink }}'></script>
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue