</head>

  <body class="text-center">
    <div class="d-flex h-100 flex-column">
      <header class="w-100 mb-auto">
        <div class="masthead inner mx-auto">
          <h3 class="masthead-brand"><span class="sr-only">MacPorts</span></h3>
          <nav class="nav nav-masthead justify-content-center">
            {% for id, text in nav %}
              <a class="nav-link {{ 'active' if request.endpoint == id else '' }}" href="{{ url_for(id) }}">{{ text|e }}</a>
            {% endfor %}
          </nav>
