<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <title>${title()}</title>

    <meta name="description" content="Regular expression visualizer using railroad diagrams" />
    <meta name="viewport" content="width=device-width" />

    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="author" href="humans.txt" />
    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Bangers" />
    <link rel="stylesheet" href="/css/main.css" />
  </head>
  <body>
    <script type="text/css" id="svg-styles">${svgStyles}</script>

    <header>
      <div class="logo">
        <h1><a href="/">Regexper</a></h1>
        <!-- n. One who regexpes -->
        <span>You thought you only had two problems&hellip;</span>
      </div>

      <nav>
        <ul>
          <li><a href="/changelog.html">Changelog</a></li>
          <li><a href="/documentation.html">Documentation</a></li>
        </ul>
        <a class="source" href="https://github.com/javallone/regexper">
          <img src="/images/GitHub-Mark-32px.png" />Source on GitHub
        </a>
      </nav>
    </header>

    <main id="content">
      ${contents}
    </main>

    <footer>
      <ul class="inline-list">
        <li>Created by <a href="mailto:jeff.avallone@gmail.com">Jeff Avallone</a></li>
        <li>
          Generated images licensed:
          <a rel="license" href="http://creativecommons.org/licenses/by/3.0/"><img alt="Creative Commons License" src="http://i.creativecommons.org/l/by/3.0/80x15.png" /></a>
        </li>
      </ul>
    </footer>
  </body>
</html>