{% load static %}

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8">
    <title>{% block page_title %}{% endblock page_title %}</title>

    {% block css %}
    <link rel="stylesheet" type="text/css" href="https://www.politico.com/interactives/cdn/fonts/battletoads/icons/politico-battletoads-icons.min.css">
    <link rel="stylesheet" type="text/css" href="{% static 'civic/css/civic-branding.css' %}">

    <!-- DIN 2014 -->
    <link rel="stylesheet" href="https://use.typekit.net/dsx2uhv.css">

    {% comment %}
    <!-- Jubilat include -->
    <link rel="stylesheet" href="https://use.typekit.net/bvr3gvp.css">
    {% endcomment %}

    <script>try { Typekit.load({ async: true }); } catch (e) { }</script>
    {% endblock %}
  </head>
  <body class="{% block body_class %}civic-editor{% endblock %}">
    {% block header %}
    <header>
      {% block civic_branding %}
      <div class="politico-civic-logo flag-logo">
        <span class="bt-icon bt-icon--politico"></span>
        <span class="civic-wordmark"><span class="civic-inner">civic</span></span>
      </div>
      {% endblock civic_branding %}
    </header>
    {% endblock header %}

    {% block content %}
    {% endblock content %}
  </body>

  {% block javascript %}
  {% endblock javascript %}
</html>
