{% capture title %}
    {% if page.title %}
        {{ site.title | append: " \ "| append: page.title }}
    {% else %}
        {{ site.title | escape }}
    {% endif %}
{% endcapture %}

<!-- HEAD -->
<head>
    <title>{{ title }}</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
    <meta name="author" content="{{ page.author }}">
    <meta name="keywords" content="{{ page.keyword | strip_html | normalize_whitespace | escape }}">
    <link rel="icon" type="image/png" sizes="32x32" href="{{ site.baseurl }}/assets/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="{{ site.baseurl }}/assets/favicons/favicon-16x16.png">
    <link rel="apple-touch-icon" sizes="180x180" href="{{ site.baseurl }}/assets/favicons/apple-touch-icon.png">
    <link rel="manifest" href="{{ site.baseurl }}/assets/favicons/site.webmanifest">

    <link rel="mask-icon" href="{{ site.baseurl }}/assets/favicons/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#0ddfe7">
    <meta name="theme-color" content="#0ddfe7">
    <meta content="{{ site.title }}" property="og:site_name" />

    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="{{ site.twitter }}" />
    <meta name="twitter:title" content="{{ site.title }}" />
    <meta name="twitter:description" content="{{ site.description }}" />
    <meta name="twitter:image" content="https://reclaimfutures.org/assets/img/TwitterCard.png" />

    <meta property="og:title" content="{{ title }}" />
    <meta property="og:description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}" />
    <meta property="article:published_time" content="{{page.date}}" />

    <!-- page.modified isn't a natural Jekyll property, but it can be added. -->
    {% if page.modified %}
        <meta property="article:modified_time" content="{{page.modified}}" />
    {% endif %}

    <meta property="article:author" content="{{ page.author }}" />
    <meta property="article:publisher" content="{{ page.author }}" />

    <!-- I use the page.categories property for OG tags. -->
    {% for tag in page.categories %}
        <meta property="article:tag" content="{{tag}}" />
    {% endfor %}




    <!-- CSS -->
    <link href="{{ site.baseurl }}/assets/css/index.css" rel="stylesheet">
    
</head>