145 lines
5.5 KiB
HTML
145 lines
5.5 KiB
HTML
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<link rel="canonical" href="{{ .Permalink }}">
|
||
<link rel="me" title="Mastodon" href="{{ .Site.Author.mastodonlink }}" />
|
||
<link rel="me" title="Github" href="{{ .Site.Author.githublink }}" />
|
||
<link rel="author" href="{{ .Site.BaseURL }}humans.txt" type="text/plain" />
|
||
<link rel="webmention" href="https://jam.brainbaking.com/webmention" />
|
||
<link rel="pingback" href="https://jam.brainbaking.com/pingback" />
|
||
|
||
<!-- meta data tags, open graph -->
|
||
{{ $isHomePage := eq .Title .Site.Title }}
|
||
{{ if .Params.subtitle }}
|
||
<meta name="description" content="{{.Title}}. {{ .Params.subtitle }}. {{ .Summary | safeHTML }}">
|
||
<meta content="{{ .Title }} - {{ .Params.subtitle }}" property="og:title">
|
||
<meta content="{{ .Summary | safeHTML }}" property="og:description">
|
||
{{ else }}
|
||
<meta name="description" content="{{ .Title }}{{ if eq $isHomePage false }} - {{ .Site.Title }}{{ end }}">
|
||
<meta content="{{ .Title }}{{ if eq $isHomePage false }} - {{ .Site.Title }}{{ end }}" property="og:title">
|
||
<meta content="{{ .Title }}{{ if eq $isHomePage false }} - {{ .Site.Title }}{{ end }}" property="og:description">
|
||
{{ end }}{{ if .Keywords }}
|
||
<meta content="{{ delimit .Keywords ", " }}" name="keywords">
|
||
{{ else if .Params.tags }}
|
||
<meta content="{{ delimit .Params.tags ", " }}" name="keywords">
|
||
{{ end }}
|
||
|
||
<meta property="og:url" content="{{ .Permalink }}" />
|
||
<meta property="og:type" content="{{ if .Params.type }}{{ .Params.type }}{{ else }}website{{ end }}" />
|
||
{{ if .Params.bigimg }}
|
||
{{- $image := resources.Get (printf "%s%s" "bigimg/" .Params.bigimg ) -}}
|
||
{{ if eq $image nil }}
|
||
{{ else }}
|
||
{{- $imgsmall := $image.Resize "768x jpg q70" }}
|
||
{{- $imgmedium := $image.Resize "960x jpg q85" }}
|
||
|
||
<meta property="og:image" content="{{ $imgsmall.RelPermalink }}" />
|
||
<meta property="og:image:width" content="{{ $imgsmall.Width }}" />
|
||
<meta property="og:image:height" content="{{ $imgsmall.Height }}" />
|
||
|
||
<style>
|
||
.big-img {
|
||
background-image: url({{ $imgsmall.RelPermalink }}) !important;
|
||
}
|
||
@media (min-width: 768px) {
|
||
.big-img {
|
||
background-image: url({{ $imgmedium.RelPermalink }}) !important;
|
||
}
|
||
}
|
||
@media (min-width: 960px) {
|
||
.big-img {
|
||
background-image: url({{ $image.RelPermalink }}) !important;
|
||
}
|
||
}
|
||
</style>
|
||
{{ end }}
|
||
{{ end }}
|
||
<!-- zie sidebar.html, zelfde logica gebruikt -->
|
||
{{ $related := first 3 (where (where (where .Site.Pages.ByDate.Reverse ".Type" "==" "post") ".Params.tags" "intersect" .Params.tags) "Permalink" "!=" .Permalink) }}
|
||
|
||
{{ if $related }}
|
||
{{ range $related }}
|
||
<meta property="og:see_also" content="{{ .Permalink }}" />
|
||
{{ end }}
|
||
{{ end }}
|
||
<meta property="article:published_time" content="{{ .PublishDate }}" />
|
||
<meta property="article:modified_time" content="{{ .Date }}" />
|
||
<meta property="article:section" content="{{ .Section }}" />
|
||
{{ with .Params.tags }}{{ range first 6 . }}
|
||
<meta property="article:tag" content="{{ . }}" />
|
||
{{ end }}{{ end }}
|
||
<!-- end og -->
|
||
|
||
<!-- structured data -->
|
||
{{ $ISO8601 := "2006-01-02T15:04:05-07:00" }}
|
||
{{ $logo := "img/avatar-icon.png" }}
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context" : "http://schema.org",
|
||
"@type" : "BlogPosting",
|
||
"mainEntityOfPage": {
|
||
"@type": "WebPage",
|
||
"@id": {{ .Site.BaseURL }}
|
||
},
|
||
"articleSection" : "{{ .Section }}",
|
||
"name" : {{ .Title }},
|
||
{{ if .Params.subtitle }}
|
||
"headline" : {{ .Params.subtitle }},
|
||
{{ else }}
|
||
"headline" : {{ .Title }},
|
||
{{ end }}
|
||
"description" : {{ if .Description }}{{ .Description }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ end }}{{ end }},
|
||
{{ if isset .Params "language" }}
|
||
"inLanguage" : "{{ .Params.language }}",
|
||
{{ else }}
|
||
"inLanguage" : "en-US",
|
||
{{ end }}
|
||
"isFamilyFriendly": "true",
|
||
{{ if .Params.bigimg }}
|
||
{{- $image := printf "%s%s" "bigimg/" .Params.bigimg -}}
|
||
"image": {{ $image | absURL }},
|
||
{{ else }}
|
||
"image": {{ $logo | absURL }},
|
||
{{ end }}
|
||
"author" : {
|
||
"@type": "Person",
|
||
"name": "{{ .Site.Author.name }}"
|
||
},
|
||
"creator" : {
|
||
"@type": "Person",
|
||
"name": "{{ .Site.Author.name }}"
|
||
},
|
||
"publisher": {
|
||
"@type": "Organization",
|
||
"name": "{{ .Site.Title }}",
|
||
"url": {{ .Site.BaseURL }},
|
||
"logo": {
|
||
"@type": "ImageObject",
|
||
"url": {{ $logo | absURL }},
|
||
"width":"32",
|
||
"height":"32"
|
||
}
|
||
},
|
||
"accountablePerson" : "{{ .Site.Author.name }}",
|
||
"copyrightHolder" : "{{ .Site.Title }}",
|
||
"copyrightYear" : "{{ .Date.Format "2006" }}",
|
||
"dateCreated": {{ .Date.Format $ISO8601 }},
|
||
"datePublished": {{ .PublishDate.Format $ISO8601 }},
|
||
"dateModified": {{ .Lastmod.Format $ISO8601 }},
|
||
"url" : {{ .Permalink }},
|
||
"wordCount" : "{{ .WordCount }}",
|
||
"keywords" : [ {{ if isset .Params "tags" }}{{ range .Params.tags }}{{ . }},{{ end }}{{ end }}{{ .Title }}, {{ .Section }} ]
|
||
}
|
||
</script>
|
||
|
||
<!-- twitter cards -->
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:title" content="{{ .Title }}">
|
||
<meta name="twitter:description" content="{{ if .Description }}{{ .Description }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ end }}{{ end }}">
|
||
{{ if .Params.bigimg }}
|
||
{{- $image := printf "%s%s" "bigimg/" .Params.bigimg -}}
|
||
<meta name="twitter:image" content="{{ $image | absURL }}">
|
||
{{ else }}
|
||
<meta name="twitter:image" content="{{ $logo | absURL }}">
|
||
{{ end }}
|
||
<meta name="twitter:image:alt" content="{{ .Params.subtitle }}">
|