<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>
      {% if page.title == "EiffelWeb" %}
      {{ page.title }}
      {% else if %}
      {{ page.title }} &middot; EiffelWeb
      {% endif %}
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="{{ site.url }}/css/vendor/bootstrap.min.css" rel="stylesheet">
    <link href="{{ site.url }}/css/main.css" rel="stylesheet">
    <link href="{{ site.url }}/css/vendor/lang-eiffel.css" rel="stylesheet">
  </head>
  <body>
    <div class="container-narrow">
      <div class="masthead">
        <ul class="nav nav-pills pull-right">
          <li{% if page.title == "EiffelWeb" %} class="active"{% endif %}>
            <a href="{{ site.url }}">Home</a>
          </li>
          <li{% if page.title == "Getting Started" %} class="active"{% endif %}>
            <a href="{{ site.url }}/getting-started">Getting Started</a>
          </li>
          <li{% if page.title == "Community" %} class="active"{% endif %}>
            <a href="{{ site.url }}/community">Community</a>
          </li>
          <li{% if page.title == "Documentation" %} class="active"{% endif %}>
            <a href="{{ site.url }}/workbook/workbook">Documentation</a>
          </li>
        </ul>
        <h3 class="muted">EiffelWeb</h3>
      </div>
      <hr>
    {{ content }}
      <hr>
      <div class="footer">
        <p>&copy; EiffelWeb framework 2012-2017</p>
      </div>
    </div> <!-- /container -->
    <script src="{{ site.url }}/js/vendor/jquery.min.js"></script>
    <script src="{{ site.url }}/js/vendor/bootstrap.min.js"></script>
    <script src="http://platform.twitter.com/widgets.js"></script>
    <script src="{{ site.url }}/js/vendor/run_prettify.js"></script>
    <script src="{{ site.url }}/js/vendor/lang-eiffel.js"></script>
  </body>
</html>
