<head>
    <title>
        {% if page.title is defined and page.url != '/.' %}
            {{ page.title }} |
        {% endif %}
        {{ site.title }} - {{ site.subtitle }}
    </title>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    {% if page.meta.description %}
        <meta name="description" content="{{ page.meta.description|e('html') }}">
    {% endif %}

    {% include 'og' with { og: page.meta.og } %}

    {% block stylesheets %}
        <link rel="stylesheet" href="{{ site.url }}/build/css/site.css">
    {% endblock %}

    {% for size in site.apple_touch_icon_sizes %}
        <link rel="apple-touch-icon" href="{{ site.favicon.url }}?s={{ size }}" sizes="{{ size }}x{{ size }}">
    {% endfor %}

    {% for size in site.favicon_sizes %}
        <link rel="icon" href="{{ site.favicon.url }}?s={{ size }}" sizes="{{ size }}x{{ size }}">
    {% endfor %}
</head>