<!-- HEAD -->
<head>
    <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={{ "/assets/favicons/favicon-32x32.png" | absolute_url }}>
    <link rel="icon" type="image/png" sizes="16x16" href={{ "/assets/favicons/favicon-16x16.png" | absolute_url }}>
    <link rel="apple-touch-icon" sizes="180x180" href={{ "/assets/favicons/apple-touch-icon.png" | absolute_url }}>
    <link rel="manifest" href={{ "/assets/favicons/site.webmanifest" | absolute_url }}>

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

    <title>{% if page.title %}
            {{ site.title | append: " - "| append: page.title }}
        {% else %}
            {{ site.title | escape }}
        {% endif %}</title>

    {% if page.title %}
        <meta property="og:title" content="{{ page.title }}" />
        <!-- <meta property="og:url" content="https://{{ site.baseurl }}{{ page.url }}" /> -->

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


        <!-- Article specific OG data -->
        <!-- The OG:Type dictates a number of other tags on posts. -->
        <meta property="og:type" content="article" />
        <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 %}

        <!-- Here my author and publisher tags are the same (yay self-publishing) -->
        <meta property="article:author" content="{{ page.author }}" />
        <!-- But if your site has its own page, this is where to put it. -->
        <meta property="article:publisher" content="{{ page.author }}" />

        <!-- Article section isn't a required property, but it can be good to have -->
        <!-- <meta property="article:section" content="{{page.vertical}}" /> -->

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


        <!-- I prefer the summary_large_image Twitter card for posts. -->
        <meta name="twitter:card" content="summary_large_image" />
        <!-- You, you're the creator. -->
        <meta name="twitter:creator" content="@xr-switzerland" />
        <!-- This property is for the article title, not site title. -->
        <meta name="twitter:title" content="{{page.title}}" />

    {% else %}
        <!-- OG data for homepage -->
        <!-- <meta property="og:image" content="/assets/img/logo-xr.png" /> -->
        <meta property="og:type" content="website" />
        <meta name="twitter:card" content="summary" />
        <meta name="twitter:title" content="{{site.title}}" />
        <!-- <meta name="twitter:image" content="{{site.baseurl}} /assets/img/logo-xr.png" /> -->
    {% endif %}


    <!-- Theme CSS -->
    <!-- <link href="assets/css/index.css?{{site.time | date: '%Y%m%d%H%M%S'}}" rel="stylesheet"> -->
    <link href={{ "/assets/css/index.css" | absolute_url }} rel="stylesheet">
    
</head>