<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/assets/css/index.css?d={{ site.time | date: '%s' }}">
    <link rel="stylesheet" href="/assets/css/syntax.css?d={{ site.time | date: '%s' }}">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    {% seo %}

    <meta name="twitter:site" content="@ProbotTheRobot" />
    <meta property="twitter:card" content="summary_large_image" />

    <meta property="og:image" content="{{ "/assets/card.png" | absolute_url }}" />
    <meta property="og:image:height" content="1280" />
    <meta property="og:image:width" content="630" />
    <meta property="twitter:image:alt" content="{{ site.description }}" />
    <meta property="og:image:type" content="image/png" />

    <meta property="twitter:image" content="{{ "/assets/card.png" | absolute_url }}" />
    <meta property="twitter:image:height" content="1280" />
    <meta property="twitter:image:width" content="630" />
    <meta property="twitter:image:alt" content="{{ site.description }}" />
    <meta property="twitter:image:type" content="image/png" />

    <meta property="og:type" content="website" /> 

    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" charset="utf-8"></script>
    <script defer src="/assets/js/office-hours.js" charset="utf-8"></script>
  </head>
  <body>
    <a class="alt-text text-white d-block bg-brand-blue text-center text-white p-3 office-hours-nag d-none" href="/community/#office-hours">
      Join us for office hours
      <span class="js-office-hours-start-time" data-format="fromNow"></span>!
    </a>
    {% include nav.html %}

    {{ content }}

    {% include footer.html %}
  </body>
</html>
