<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="icon" href="{{ "img/favicon.ico" | relURL }}" sizes="any">
<link rel="apple-touch-icon" href="{{ "img/apple-touch-icon.png" | relURL }}">
<link rel="manifest" href="{{ "site.webmanifest" | relURL }}">

<title>
    {{- if .IsHome -}}
        {{ .Site.Title }} | {{ .Site.Params.description }}
    {{- else -}}
        {{ .Title }} | {{ .Site.Title }}
    {{- end -}}
</title>

{{- $description := .Description | default .Summary | default .Site.Params.description -}}
<meta name="description" content="{{ $description }}">
<link rel="canonical" href="{{ .Permalink }}">

{{ $opts := dict "transpiler" "libsass" "targetPath" "css/main.css" "enableSourceMap" true }}
{{ with resources.Get "scss/main.scss" | css.Sass $opts | resources.Minify | resources.Fingerprint }}
    <link rel="stylesheet" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}">
{{ end }}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/css/splide.min.css">
<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/js/splide.min.js"></script>

{{ with resources.Get "js/main.js" | resources.Minify | resources.Fingerprint }}
    <script src="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" defer></script>
{{ end }}
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

<meta property="og:type" content="{{ if .IsPage }}article{{ else }}website{{ end }}">
<meta property="og:url" content="{{ .Permalink }}">
<meta property="og:title" content="{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }}{{ end }}">
<meta property="og:description" content="{{ $description }}">
<meta property="og:image" content="{{ .Params.image | default .Site.Params.og_image | absURL }}">
<meta property="og:site_name" content="{{ .Site.Title }}">

<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="{{ .Permalink }}">
<meta property="twitter:title" content="{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }}{{ end }}">
<meta property="twitter:description" content="{{ $description }}">
<meta property="twitter:image" content="{{ .Params.image | default .Site.Params.og_image | absURL }}">

<script defer data-domain="vanemous.start-it.nl" src="https://stats.start-it.nl/js/script.js"></script>
