lazy loading, accessibility en metadata tweaks

This commit is contained in:
wgroeneveld 2020-12-14 09:57:02 +01:00
parent b07c63cf51
commit 42a5e4bff6
10 changed files with 40 additions and 17 deletions

View File

@ -21,14 +21,15 @@ theme = "desem-swift-theme"
[outputs]
home = [ "HTML", "RSS" ]
# https://gohugo.io/getting-started/configuration-markup (ofwel de oude unsafe togglen?) - is nodig, Wordpress export bevat veel HTML!
[markup]
defaultMarkdownHandler = "blackfriday"
[blackfriday]
extensionsmask = ["fencedCode"]
fractions = false
defaultMarkdownHandler = "goldmark"
[markup.goldmark.renderer]
unsafe= true
[markup.highlight]
codeFences = true
[privacy]
[privacy.googleAnalytics]
anonymizeIP = true

View File

@ -4704,7 +4704,7 @@
<div class="brz-wrapper-clone__wrap brz-css-lviwa brz-css-imzgk">
<div class="brz-d-xs-flex brz-flex-xs-wrap brz-css-rypns">
<div class="brz-wrapper-clone__item brz-css-vtlny" id="geabpevwexiwhdhennicztmcvjwpspwtxcxv">
<a class="brz-a brz-btn brz-css-nyctb" href="https://media.standaardboekhandel.be/-/media/mdm/dante/product/5e97e81ebdff34.27345723.pdf" target="_blank" data-brz-link-type="external" data-custom-id="geabpevwexiwhdhennicztmcvjwpspwtxcxv">
<a class="brz-a brz-btn brz-css-nyctb" href="https://media.standaardboekhandel.be/-/media/mdm/dante/product/5e97e81ebdff34.27345723.pdf" rel="noopener" target="_blank" data-brz-link-type="external" data-custom-id="geabpevwexiwhdhennicztmcvjwpspwtxcxv">
<svg class="brz-icon-svg brz-css-iirsh" data-href="#book-07" data-id="book-07" /><span class="brz-span brz-text__editor" contenteditable="false">Inkijkexemplaar</span></a>
</div>
</div>
@ -4873,7 +4873,7 @@
<div class="brz-wrapper brz-css-jxyiv">
<div class="brz-d-xs-flex brz-css-lcfoe">
<div class="brz-rich-text" data-custom-id="qpgnzzswdjflvyvpfsmtpvgbfhovyeijtcyn">
<p class="brz-fs-xs-im-16 brz-fs-sm-im-16 brz-fs-lg-17 brz-fw-xs-im-400 brz-fw-sm-im-400 brz-fw-lg-400 brz-ft-google brz-ff-palanquin brz-ls-xs-im-0 brz-ls-sm-im-0 brz-ls-lg-0 brz-lh-xs-im-1_6 brz-lh-sm-im-1_6 brz-lh-lg-1_9 brz-text-lg-justify"><a href="https://brainbaking.com/about" target="_blank" style class="link--external" data-brz-link-type="external"><em>Wouter Groeneveld</em></a> is software ingenieur en onderzoeker verbonden aan de KU Leuven die zichzelf ook gediplomeerd brood- en banketbakker mag noemen. Hij bakt en woont in Hasselt met zijn vrouw Kristien en kater Muesli, die zuurdesembrood verkiest boven kattenvoer.</p>
<p class="brz-fs-xs-im-16 brz-fs-sm-im-16 brz-fs-lg-17 brz-fw-xs-im-400 brz-fw-sm-im-400 brz-fw-lg-400 brz-ft-google brz-ff-palanquin brz-ls-xs-im-0 brz-ls-sm-im-0 brz-ls-lg-0 brz-lh-xs-im-1_6 brz-lh-sm-im-1_6 brz-lh-lg-1_9 brz-text-lg-justify"><a href="https://brainbaking.com/about" target="_blank" rel="noopener" style class="link--external" data-brz-link-type="external"><em>Wouter Groeneveld</em></a> is software ingenieur en onderzoeker verbonden aan de KU Leuven die zichzelf ook gediplomeerd brood- en banketbakker mag noemen. Hij bakt en woont in Hasselt met zijn vrouw Kristien en kater Muesli, die zuurdesembrood verkiest boven kattenvoer.</p>
</div>
</div>
</div>
@ -4946,7 +4946,7 @@
<div class="brz-wrapper-clone__wrap brz-css-lviwa">
<div class="brz-d-xs-flex brz-flex-xs-wrap brz-css-rypns brz-css-skxyb">
<div class="brz-wrapper-clone__item brz-css-vtlny brz-css-vdndc" id="nuxoqyakjbazjvljegokhcvdmivcqivvldbp">
<div class="brz-icon__container" data-custom-id="nuxoqyakjbazjvljegokhcvdmivcqivvldbp"><a class="brz-a" href="https://facebook.com/redzuurdesem" target="_blank" data-brz-link-type="external"><span class="brz-span brz-icon css-1hou0zr"><svg class="brz-icon-svg" data-href="#logo-facebook" data-id="logo-facebook"/></span></a></div>
<div class="brz-icon__container" data-custom-id="nuxoqyakjbazjvljegokhcvdmivcqivvldbp"><a class="brz-a" href="https://facebook.com/redzuurdesem" target="_blank" rel="noopener" data-brz-link-type="external"><span class="brz-span brz-icon css-1hou0zr"><svg class="brz-icon-svg" data-href="#logo-facebook" data-id="logo-facebook"/></span></a></div>
</div>
</div>
</div>

View File

@ -109,6 +109,17 @@ img
margin: 1rem auto
padding: 0
figcaption
text-align: center
font-style: italic
margin-bottom: 1.3rem
.titlemeta
font-size: 1.2rem
text-align: center
width: 100%
color: #333333
main
padding-bottom: 45px
flex: 1

View File

@ -0,0 +1,8 @@
<figure>
<a href="{{ .Destination | safeURL }}" class="lbox">
<img class="lazyload" data-src="{{ .Destination | safeURL }}" {{ with .Text }} alt="{{ . }}"{{ end }} {{ with .Title}} title="{{ . }}"{{ end }}>
</a>
{{ with .Title }}
<figcaption>{{ . }}</figcaption>
{{ end }}
</figure>

View File

@ -41,16 +41,16 @@
Post op {{ .Lastmod.Format (.Site.Params.dateFormat | default "2 January 2006") }}
{{- end }}
{{- if isset .Params "link" }}
(<a href="{{ .Params.link }}" target="_blank" style="text-decoration: underline;">link</a>)
(<a href="{{ .Params.link }}" target="_blank" rel="noopener" style="text-decoration: underline;">link</a>)
{{- end }}
</h1>
{{ if isset .Params "date" }}
<h3>
<div class="titlemeta">
<svg>
<use xlink:href="#calendar"></use>
</svg>
{{ .Lastmod.Format (.Site.Params.dateFormat | default "2 January 2006") }}
</h3>
</div>
{{ end }}
<hr/>
</div>
@ -76,7 +76,7 @@
<p>Klik op '<em>Berichten</em>' en laat iets van je horen!</p>
<p>
<a href="https://facebook.com/redzuurdesem/" target="_blank">
<a href="https://facebook.com/redzuurdesem/" target="_blank" rel="noopener">
<img src="/fb/fbwidget.jpg" id="fbwidget" alt="Facebook Widget Screenshot" />
</a>
</p>

View File

@ -12,7 +12,7 @@
{{- $bg := ( $image | absLangURL) }}
<li class = 'fbpost_item post_item' data-link="{{ .Params.link }}">
<div class = 'excerpt'>
<a href='{{ .Params.link }}' target="_blank">
<a href='{{ .Params.link }}' target="_blank" aria-label="logo" rel="noopener">
<img src="/images/badge.png" alt="logo" class="fbpost_item_badge" />
<h3 class = 'post_link fbpost_item_link'>
Red Zuurdesem

View File

@ -14,4 +14,5 @@
{{- $scripts = resources.Get $mainScriptPath | resources.ExecuteAsTemplate $mainScriptPath . }}
{{- end }}
<script src = '/js/simple-lightbox.min.js'></script>
<script src="/js/lazysizes.min.js" async></script>
<script src = '{{ $scripts.Permalink }}'></script>

View File

@ -1,6 +1,6 @@
<header class = 'nav' >
<a href='{{ absURL "" }}'>
<img src="{{ .Site.Params.logo }}" id="logo" />
<img src="{{ .Site.Params.logo }}" id="logo" alt="logo" />
</a>
<nav class = 'nav-menu'>
<a href='{{ absURL "" }}' class = 'nav-brand nav_item'>

View File

@ -22,8 +22,8 @@
<meta property="og:type" content="article">
{{- end }}
<meta property = 'og:title' content = '{{ $title }}' />
<meta name="description" content="{{ $summary }}">
<meta property = 'og:description' content = '{{ $summary }}'>
<meta name="description" content="{{ $title}} {{ $summary }}">
<meta property = 'og:description' content = '{{ $title }} {{ $summary }}'>
<meta property = 'og:url' content = '{{ $permalink }}' />
<meta property = 'og:image' content = '{{ $image }}'/>
<meta name = 'twitter:card' content = 'summary_large_image' />

File diff suppressed because one or more lines are too long