vtt/src/ttfrog/themes/default/nav.html

<nav>
    <ul class="container main-aligned">
        <li><a href='{{ root.uri }}'>Home</a></li>
    {% for subpage in root.members %}
        {% if user.can_read(subpage) %}
        <li><a href="{{ url_for('view', path=subpage.uri) }}">{{ subpage.name }}</a></li>
        {% endif %}
    {% endfor %}
    <li class='user'>
        {% if user.name == 'guest' %}
        Welcome, {{ user.name }}. [ <a href="{{ url_for('login') }}">Login</a> ]
        {% else %}
        Welcome, <a href="{{ url_for('view', path=user.uri) }}">{{ user.name }}</a>.
        [<a href="{{ url_for('logout') }}">Logout</a>]
        {% endif %}
    </li>
    <!--
    <li class='dropdown'>
      <a href='#'>Pages <i class="fa fa-angle-down"></i></a>
      <div class='mega-menu'>
      	<div class="container">
          <div class="item">
              <h3>Home Page</h3>
              <ul>
                <li><a href='#'>Home Page No #1</a></li>
                <li><a href='#'>Home Page No #2</a></li>
                <li><a href='#'>Home Page No #3</a></li>
                <li><a href='#'>Home Page No #4</a></li>

              </ul>
          </div>
        <</div>
    </li>
    -->
    </ul>
</nav>
<menu>
    <ul class="container">
    {% for member in page.members %}
        {% if user.can_read(member) %}
        <li><a href="{{ app.config.VIEW_URI }}{{ member.uri }}">{{ member.name }}</a></li>
        {% endif %}
    {% endfor %}
    </ul>
</menu>