{%- assign sorted_pages = site.html_pages | sort: "menu_weight", "last" -%}

<nav id="menu">
  <ul class="menu-list">

    {%- for p in sorted_pages -%}

    {%- unless p.hidden -%}

    <li class="menu-item {% if p.url == page.url %}menu-selected{% endif %}">
      <a class="menu-link" href="{{ p.url }}">

        {{- p.title -}}

      </a> <!-- .menu-link -->
    </li> <!-- .menu-item -->

    {%- endunless -%}

    {%- endfor -%}

  </ul> <!-- .menu-list -->
</nav> <!-- #menu -->