{{ $pageTitle := cond .IsHome .Site.Title (printf "%s · %s" .Title .Site.Title) }}
{{ $pageDesc := .Description | default .Site.Params.description }}
{{ $ogImage := .Params.image | default "images/og-image.png" | absURL }}

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{ $pageTitle }}</title>
<meta name="description" content="{{ $pageDesc }}" />
<link rel="canonical" href="{{ .Permalink }}" />

<link rel="icon" href="{{ "favicon.ico" | relURL }}" sizes="any" />
<link rel="icon" type="image/png" sizes="32x32" href="{{ "favicon-32x32.png" | relURL }}" />
<link rel="icon" type="image/png" sizes="16x16" href="{{ "favicon-16x16.png" | relURL }}" />
<link rel="apple-touch-icon" sizes="180x180" href="{{ "apple-touch-icon.png" | relURL }}" />
<link rel="manifest" href="{{ "site.webmanifest" | relURL }}" />

<meta property="og:type" content="{{ if .IsHome }}website{{ else }}article{{ end }}" />
<meta property="og:site_name" content="{{ .Site.Title }}" />
<meta property="og:title" content="{{ $pageTitle }}" />
<meta property="og:description" content="{{ $pageDesc }}" />
<meta property="og:url" content="{{ .Permalink }}" />
<meta property="og:image" content="{{ $ogImage }}" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="{{ $pageTitle }}" />
<meta name="twitter:description" content="{{ $pageDesc }}" />
<meta name="twitter:image" content="{{ $ogImage }}" />

{{ $css := resources.Get "css/main.css" }}
{{ if hugo.IsProduction }}
  {{ $css = $css | resources.Minify | fingerprint }}
  <link rel="stylesheet" href="{{ $css.RelPermalink }}" integrity="{{ $css.Data.Integrity }}" />
{{ else }}
  <link rel="stylesheet" href="{{ $css.RelPermalink }}" />
{{ end }}

{{ if .Params.mathjax }}
<script>
  window.MathJax = {
    tex: {
      inlineMath: [["\\(", "\\)"]],
      displayMath: [["\\[", "\\]"]],
      processEscapes: true,
      processEnvironments: true,
    },
  };
</script>
<script src="https://unpkg.com/mathjax@3/es5/tex-mml-chtml.js"></script>
{{ end }}

{{ block "head-extra" . }}{{ end }}