<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  {{if isset .Params "image"}}
    {{if isset .Params "enclosure" }}
      <meta property="og:image" content="{{.Site.Params.podcastCdnURL}}{{.Params.image}}">
    {{else}}
      <meta property="og:image" content="{{.Site.Params.blogCdnURL}}{{.Params.image}}">
    {{end}}
  {{else}}
    <meta property="og:image" content="{{.Site.BaseURL}}{{.Site.Params.avatar}}">
  {{end}}

  <meta property="og:title" content="{{.Params.Title}}">

  {{if or (isset .Params "tags") (isset .Params "topic") (isset .Params "series") }}
    <meta property="og:type" content="article">
  {{else}}
    <meta property="og:type" content="website">
  {{end}}

  {{if isset .Params "description"}}
  <meta property="og:description" content="{{ .Params.description | safeHTML}}">
  {{else}}
  <meta property="og:description" content="{{ .Summary | safeHTML }}">
  {{end}}

  <meta property="og:url" content="{{.Permalink}}">

  <meta name="description" content="{{ if .IsNode }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ else }}{{ with .Description }}{{ . }}{{ end }}{{ end }}">
  {{hugo.Generator}}

  <title>{{ if .IsHome }}{{ .Title }}{{ else }}{{ .Title }} &middot; {{ .Site.Title }}{{ end }}</title>

    {{ if .Params.canonical }}
    <link rel="canonical" href="{{ .Params.canonical }}">
    {{ end }}

  <!-- CSS -->
  {{ $purecss := "https://cdnjs.cloudflare.com/ajax/libs/pure/1.0.0/" }}
  <link rel="stylesheet" href="{{ $purecss }}pure-min.css">

  {{ "<!--[if lte IE 8]>" | safeHTML }}
  <link rel="stylesheet" href="{{ $purecss }}grids-responsive-old-ie-min.css">
  {{ "<![endif]-->" | safeHTML }}
  {{ "<!--[if gt IE 8]><!-->" | safeHTML }}
  <link rel="stylesheet" href="{{ $purecss }}grids-responsive-min.css">
  {{ "<!--<![endif]-->" | safeHTML }}

  {{ "<!--[if lte IE 8]>" | safeHTML }}
  <link rel="stylesheet" href="/css/side-menu-old-ie.css">
  {{ "<![endif]-->" | safeHTML }}
  {{ "<!--[if gt IE 8]><!-->" | safeHTML }}
  <link rel="stylesheet" href="/css/side-menu.css">
  {{ "<!--<![endif]-->" | safeHTML }}

  <!-- main stylesheet -->
  <link rel="stylesheet" href="/css/gmgauthier.css">

  <!-- Icons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Raleway&display=swap" rel="stylesheet" type="text/css">

  <!-- MathJax -->
  <script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.9/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

 <!-- RSS -->
  {{ if .OutputFormats.Get "RSS" }}
  <link rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}"
    href='{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}' />
  {{ end }}

  {{ with .Site.Params.highlightjs }}
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.1/styles/{{ . }}.min.css">
  <script async src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.1/highlight.min.js"></script>
  {{ range $.Site.Params.highlightjs_extra_languages }}
  <script async src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.1/languages/{{ . }}.min.js"></script>
  {{ end }}
  <!-- <script>hljs.initHighlightingOnLoad();</script> -->
  {{ end }}

  {{ partial "favicon.html" . }}

  {{ range .Site.Params.custom_css }}
    {{ if findRE "https?://" . }}
        <link rel="stylesheet" href="{{ . }}">
    {{ else }}
        <link rel="stylesheet" href="{{ $.Site.BaseURL }}{{ . }}">
    {{ end }}
  {{ end }}
  {{ range .Site.Params.custom_js }}
    {{ if findRE "https?://" . }}
        <script src="{{ . }}"></script>
    {{ else }}
        <script src="{{ $.Site.BaseURL }}{{ . }}"></script>
    {{ end }}
  {{ end }}

</head>
