{% include defs.html -%}
<!DOCTYPE HTML>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>{{title}}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="{{url_root}}inter.css?v={{ release_version }}">
    <link rel="stylesheet" href="{{url_root}}res/base.css?v={{ base_css_v }}">
    <link rel="icon" type="image/png" href="{{url_root}}res/favicon.png?v={{ favicon_v }}">
    <link rel="preload" href="{{url_root}}font-files/InterVariable.woff2?v={{release_version}}" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" href="{{url_root}}font-files/InterVariable-Italic.woff2?v={{release_version}}" as="font" type="font/woff2" crossorigin="anonymous">
    <meta name="format-detection" content="telephone=no">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@rsms">
    <meta name="twitter:creator" content="@rsms">
    <meta name="twitter:description" content="{{description}}">
    <meta name="description" content="{{description}}">
    <meta property="og:description" content="{{description}}">
    {% if page.title %}
      <meta property="og:title" content="{{ page.title }}">
      <meta name="twitter:title" content="{{ page.title }}">
    {% else %}
      <meta property="og:title" content="{{ title }}">
      <meta name="twitter:title" content="{{ title }}">
    {% endif %}
    {% if page.og_image_url %}
      <meta property="og:image" content="{{ page.og_image_url }}">
      <meta name="twitter:image" content="{{ page.og_image_url }}">
    {% else %}
      <meta property="og:image" content="https://rsms.me/inter/res/share.png">
      <meta name="twitter:image" content="https://rsms.me/inter/res/share.png">
    {% endif %}
    <meta property="og:image:alt" content="Inter font family sample image">
    <meta property="fb:app_id" content="38027689216">
    <meta property="og:site_name" content="rsms.me/inter">
    <meta property="og:type" content="product">
    <meta property="og:locale" content="en_US">
    <meta property="og:url" content="https://rsms.me/inter{{ page.url }}">
    {% if page.url contains "/download/" -%}
      {%- if site.is_development_mode %}<!--{% endif -%}
    <meta http-equiv="refresh" content="0;url={{ download_url }}" />
        {%- if site.is_development_mode %}-->{% endif -%}
    {%- endif -%}
    {%- if page.custom_html_header -%}
      {{page.custom_html_header}}
    {%- endif %}
  </head>
  <body>
    <header><div>
      <h4><a {% if page.url == "/" %}href="#" class=scroll-reveal{% else %}href="{{url_root}}"{% endif %}>Inter</a></h4>
      <div class=menu>
        <a href="{{url_root}}#features">Features</a>
        <a href="{{url_root}}#glyphs">Glyphs</a>
        <a href="{{url_root}}#faq" class=not-small-screen>FAQ</a>
        <a href="{{url_root}}lab/">Lab</a>
        <a href="{{url_root}}download/" {% if page.url contains "/download/" %}class="active"{% endif %}>Download &darr;</a>
      </div>
    </div></header>


    {{ content }}


    <footer class="row">
      <p>
        Inter a trademark of <a href="https://rsms.me/">Rasmus Andersson</a>.
        Font vendor ID: <a href="https://learn.microsoft.com/en-us/typography/vendors/#r">RSMS</a>
      </p>
    </footer>


    {% if site.safe == false %}<script>
      // Allows passing "?debug" in the query string for local builds, which
      // sets "debug" on the <html> element, enabling CSS debugging.
      if (document.location.search.indexOf("debug") != -1) {
        document.documentElement.classList.add("debug")
      }
    </script>{% endif %}
  </body>
</html>
