<!DOCTYPE html>
<html lang="{% block lang %}en{% endblock lang %}">
<head>
  {% block meta %}
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>{% block title %}{% if meta.seo_title %}{{ meta.seo_title }}{% else %}{{ meta.title }}{% endif %}{% endblock title %}</title>
  <meta name="description" content="{% block description %}{{ meta.seo_description|striptags(true) }}{% endblock description %}">

  {% block canonical_url %}<link rel="canonical" href="{{ page.absoluteUrl }}">{% endblock canonical_url %}

  {% block favicons %}
  <link rel="apple-touch-icon" sizes="180x180" href="{% staticabsolute 'assets/favicons/apple-touch-icon.png' %}">
  <link rel="icon" type="image/png" sizes="32x32" href="{% staticabsolute 'assets/favicons/favicon-32x32.png' %}">
  <link rel="icon" type="image/png" sizes="16x16" href="{% staticabsolute 'assets/favicons/favicon-16x16.png' %}">
  {% endblock favicons %}

  {% block opengraph %}
  <meta property="og:title" content="{% if meta.seo_title %}{{ meta.seo_title }}{% else %}{{ meta.title }}{% endif %}">
  <meta property="og:description" content="{{ meta.seo_description|striptags(true) }}">
  <meta property="og:url" content="{{ page.absoluteUrl }}">
  <meta property="og:image" content="{% staticabsolute 'assets/img/social.png' %}">
  <meta property="og:type" content="article">
  <meta property="og:site_name" content="cummings.ee">
  <meta property="og:locale" content="en_US">
  {% endblock opengraph %}

  {% block twitter %}
  <meta property="twitter:title" content="{% if meta.seo_title %}{{ meta.seo_title }}{% else %}{{ meta.title }}{% endif %}">
  <meta property="twitter:description" content="{{ meta.seo_description|striptags(true) }}">
  <meta property="twitter:url" content="{{ page.absoluteUrl }}">
  <meta property="twitter:image" content="{% staticabsolute 'assets/img/social.png' %}">
  <meta property="twitter:card" content="summary_large_image">
  {% endblock twitter %}

  {% block ldjson %}
  <script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "NewsArticle",
    "headline": "{% if meta.seo_title %}{{ meta.seo_title }}{% else %}{{ meta.title }}{% endif %}",
    "image": {
      "@type": "ImageObject",
      "contentUrl": "{% staticabsolute 'assets/img/social.png' %}",
      "url": "{% staticabsolute 'assets/img/social.png' %}",
      "representativeOfPage": true
    },
    "mainEntityOfPage": "{{ page.absoluteUrl }}",
    "description": "{{ meta.seo_description|striptags(true) }}",
    "publisher": {
      "@type": "Organization",
      "name": "cummings.ee",
      "url": "{{ DOMAIN }}"
    }
  }
  </script>
  {% endblock ldjson %}
  <link rel="me" href="https://mastodon.social/@palewire">
  {% endblock meta %}

  {% block styles %}
  <link rel="stylesheet" href="{% static 'styles/app.scss' %}">
  {% endblock styles %}

  {% block extra_styles %}
  {% endblock extra_styles %}

  {% block extra_scripts %}
  {% endblock extra_scripts %}
</head>
<body>

  {% block container %}
  <div class="container">
    <main>
    {% block content %}
    {% endblock content %}
    </main>
    {% block footer -%}
    <footer class="footer">
      <div class="break footer"></div>
      <p>
        {{ footer.copy }}
      </p>
    </footer>
    {% endblock footer -%}
  </div>
  {% endblock container %}
</body>
</html>
