<!DOCTYPE html> <html lang=“en”>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>
  {% if page.url == "/" %} {{ site.title }} | {{ site.subtitle }}
  {% else %} {{ page.title }} | {{ site.title }} {% endif %}
</title>

{% include structured-data.html %}

<!-- use local page descriptions if it exist -->
<meta name="description" content="
{% if page.description == null %} {{ site.description }}
{% else %} {{ page.description }} {% endif %}" />

<meta name="keywords" content="{{ site.keywords }}" />

<meta name="author" content="{{ site.author.name }}" />

<meta name="copyright" content="Copyright {{ site.title }} {{ 'now' | date: "%Y" }}" />

<meta name="robots" content="follow" />

<!– *** TWITTER:CARD *** developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/abouts-cards –>

<meta name="twitter:card" content="summary_large_image" />

<meta name="twitter:site" content="@{{ site.data.socials.twitter.username }}" />
<meta name="twitter:creator" content="@{{ site.author.twitter }}">
<meta name="twitter:title" content="{% if page.url == "/" %} {{ site.title }} | {{ site.subtitle }} {% else %} {{ page.title }} | {{ site.title }}{% endif %}" />

<meta name="twitter:description" content="{% if page.description == null %} {{ site.description }}
{% else %} {{ page.description }} {% endif %}" />

<meta name="twitter:image" content="
{% if page.thumbnail == null %} {{ site.url }}{{ site.baseurl }}/assets/img/page-thumbs/{{ site.thumbnail }}
{% else %}
{{ site.url }}{{ site.baseurl }}/assets/img/page-thumbs/{{ page.thumbnail }} {% endif %}" />
<!-- to implement this we need some kind of db recording the descriptors of our thumbs -->
<meta name="twitter:image:alt" content="" />

<!– *** END TWITTER:CARD *** –>

<!– *** OG *** ogp.me/ –>

<meta property="og:title" content="{% if page.url == "/" %} {{ site.title }} {% else %} {{ page.title }} | {{ site.title }} {% endif %}" />

<!-- Adds article properties for blog posts -->
<meta property="og:type" content="
  {% if page.url contains '/slow-blog/' %}
  article" />
  <meta
  property=article:publisher
  content="{{ site.data.socials.facebook.url }}{{ site.data.socials.facebook.username }}/">
  <meta
  property=article:author
  content="{{ site.url }}">
  <meta
  property=article:section
  content="News from {{ site.title }}" >
  <meta
  property=article:published_time
  content="{{ page.date | date_to_xmlschema }}">
  <meta
  property=article:modified_time
  content="{{ 'now' | date_to_xmlschema }}">
  <!-- this just pulls the first cat -->
  <meta
  property=article:tag
  content="{{ page.categories }}">
  {% else %}
  website" />
{% endif %}

<meta property=og:updated_time content="{{ 'now' | date_to_xmlschema }}">

<!-- use local page thumbnail if it exist -->
<meta property="og:image" content="
{% if page.thumbnail == null %}{{ site.url }}{{ site.baseurl }}/assets/img/page-thumbs/{{ site.thumbnail }}
{% else %}{{ site.url }}{{ site.baseurl }}/assets/img/page-thumbs/{{ page.thumbnail }} {% endif %}" />

<!-- look into https://github.com/envygeeks/jekyll-assets -->
<!--
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="" />
<meta property="og:image:height" content="" />
-->
<!-- to implement this we need some kind of db recording the descriptors of our thumbs -->
<!--
<meta property="og:image:alt" content="" />
-->
<meta property="og:url" content="{{ site.url }}{{ site.baseurl }}{{ page.url }}" />

<meta property="og:description" content="{% if page.description == null %} {{ site.description }}
{% else %} {{ page.description }} {% endif %}" />

<meta property="og:locale" content="{{ site.lang }}" />

<meta property="og:site_name" content="{{ site.title }} | {{ site.subtitle }}" />

<!-- *** fb:app_id *** https://developers.facebook.com/docs/sharing/webmasters/#markup -->
<meta property="fb:app_id" content="{{ site.data.socials.facebook.app_id }}" />

<!– *** END OG *** –>

<link rel="canonical" href="{{ site.url }}{{ site.baseurl }}{{ page.url }}" />

<link rel="stylesheet" type="text/css" title="made slowly has all the style" href="{{ site.baseurl }}/assets/css/made-slowly-has-all-the-style.css" media="screen" />

<!-- Animate on scroll lib, js is in footer -->
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/aos/aos.css" media="none" onload="if(media!='all')media='all'" />

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" media="none" onload="if(media!='all')media='all'" />

<!-- globalise fonts in _config -->
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400&display=swap" rel="stylesheet">

<link rel="stylesheet" href="{{ site.baseurl }}/assets/fonts/fontawesome-free-5.11.2-web/css/all.min.css" media="none" onload="if(media!='all')media='all'" / >

{% if page.syntax_style == "github" %}
<link href="{{ site.baseurl }}/assets/css/locals/github-syntax.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'" />
{% endif %}

<link rel="shortcut icon" type="image/x-icon" href="{{ site.baseurl }}/{{ site.favicon }}">

{% if jekyll.environment == "production" %}
{% include tracking-header.html %}
{% endif %}

</head>

<body>