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>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#" class="navigator-toggle"><i class="fa fa-caret-square-o-down"></i> Upcoming session & more</a></li>
        {% for page in site.pages %}
         {% if page.title %}
          <li><a class="header-btn" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a></li>
          {% endif %}
        {% endfor %}
        <li><a class="top-button" data-scroll-nav="0">TOP</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->

  </div>

</nav>

<div class="container-fluid navigator">
 <div class="row">
  <div class="col-md-7">
    <h4><i class="fa fa-search"></i> Browse by topic</h4>
    {% for post in site.posts %}
      {% assign pos = 39 | minus: post.number %}
      {% for topic in post.topics | split:"," %}
        <a class="topic" data-scroll-nav="{{pos}}">{{topic}}</a>
      {% endfor %}
    {% endfor %}
  </div>
  <div class="col-md-4">
   <h4><i class="fa fa-calendar"></i> Upcoming session</h4>
    {% assign post = site.posts | first%}
    <!-- <div class="container-fluid navigator"> -->
     <h3>#{{post.number}}{{post.date_text}} ({{post.location}})</h3>
     {% for topic in post.topics | split:"," %}
       <a class="topic">{{topic}}</a>
     {% endfor %}
     {% for talk in post.talks %}
      <div class="upcoming row">

       <div class="upcoming-media">
         {% if {{talk.media_artist_url}} %}
           <img src={{talk.media_artist_url}}></img>
         {% else %}
           <img src="/assets/no_artist-media.png"></img>
         {% endif %}
       </div>

       <div class="upcoming-detail">
         <h4>{{talk.artist}} / {{talk.title}}</h4>
       </div>

      </div>
     {% endfor %}
  </div>
 </div>
</div>