scopesessions.org/_includes/header.html

<nav class="navbar navbar-default navbar-fixed-top">

  <div class="container-fluid">

    <div class="navbar-header">
      <a class="navbar-brand" href="/">
        <img alt="Logo" src="/assets/scope_logo.png">
      </a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="">
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="#" class="navigator-toggle button hvr-sweep-to-top">More</a>
          <!-- <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Jump to session<span class="caret"></span></a> -->
          <ul class="dropdown-menu" role="menu">
            {% for post in site.posts %}
             {% assign pos = 39 | minus: post.number %}
              <li><a data-scroll-nav="{{pos}}">#{{post.number}}: {{post.topics}}</a></li>
            {% endfor %}
          </ul>
        </li>
        {% for page in site.pages %}
        {% if page.title %}
        <li><a class="button hvr-sweep-to-top" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a></li>
        {% endif %}
        {% endfor %}
        <li><a href="#" data-scroll-nav="0" class="button hvr-sweep-to-top">TOP</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->

  </div>

</nav>

<div class="container-fluid navigator">
 <div class="row">
  <div class="col-md-6 col-md-offset-1">
    <h4>Browse by content</h4>

     {% for post in site.posts %}
       {% assign pos = 39 | minus: post.number %}
       {% for topic in post.topics | split:"," %}
         <a class="button hvr-sweep-to-top" data-scroll-nav="{{pos}}">{{topic}}</a>
       {% endfor %}
     {% endfor %}

  </div>
  <div class="col-md-4">
   <h4>Upcoming session</h4>

  </div>
 </div>
</div>