<!DOCTYPE html>
<html lang="en">
  <head>
    <script async src="/scripts.js"></script>
    <meta charset="utf-8" />
    <title>{% if title %}{{ title }} - dprint - Code Formatter{% else %}dprint - Code Formatter{% endif %}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="{{ description }}" />
    <meta name="author" content="Dprint Code Formatting" />
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@dprintfmt" />
    <meta name="twitter:title" content="{{ title }}" />
    <meta name="twitter:description" content="{{ description }}" />
    {% if robots == false %}<meta name="robots" content="noindex">{% endif %}
    <link rel="stylesheet" href="/style.css" />
  </head>
  <body>
    <nav class="navbar" role="navigation" aria-label="main navigation">
      <div class="navbar-brand">
        <h1 class="title"><a href="/">dprint</a></h1>

        <a role="button" id="navbarBurger" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarLinks">
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
        </a>
      </div>

      <div class="navbar-menu" id="navbarLinks">
        <div class="navbar-end">
          <a class="navbar-item" href="/overview">Overview</a>
          <a class="navbar-item" href="/playground">Playground</a>
          <a class="navbar-item" href="/sponsor">Sponsor</a>
          <a class="navbar-item" href="https://github.com/dprint/dprint" rel="noopener noreferrer">View on GitHub</a>
        </div>
      </div>
    </nav>
    {{ content | safe }}
    <footer class="footer">
      <div>
        <div class="level">
          <div class="level-left">
            <p class="level-item">
              <a href="/">Home</a>
            </p>
            <p class="level-item">
              <a href="/contact">Contact Us</a>
            </p>
          </div>
          <div class="level-right">
            <p class="level-item">
              <a href="https://twitter.com/dprintfmt">Twitter</a>
            </p>
            <p class="level-item">
              <a href="https://github.com/dprint">GitHub</a>
            </p>
          </div>
        </div>
      </div>
    </footer>
  </body>
</html>
