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>

      <!-- For desktop -->
      <div class="hidden-xs">

        {% if page.home == true %}
        <a href="#" class="header-btn navbar-text button menu-icon hvr-sweep-to-top menu-icon navbar-text left navigator-toggle"><i class="fa fa-bars"></i>  Discover more</a> {% else %}
        <a href="/" class="header-btn navbar-text button menu-icon hvr-sweep-to-top menu-icon-big navbar-text left"><i class="fa fa-angle-left"></i> Back</a> {% endif %}

        <!-- Up button -->
        <a class="top-button navbar-text right button hvr-sweep-to-top" data-scroll-nav="0"><i class="fa fa-arrow-up"></i></a>

        <!-- Pages -->
        {% for page in site.pages %} {% if page.title and page.visible == true %}
        <a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a> {% endif %} {% endfor %}

      </div>

      <!-- For mobile -->
      <div class="visible-xs-inline">

        {% if page.home == true %}
        <!-- <a href="#" class="navigator-toggle navbar-btn"><i class="fa fa-bars"></i></a> -->
        {% else %}
        <a href="/" class="menu-icon-big navbar-text left "><i class="fa fa-angle-left"></i> Back</a> {% endif %}

        <!-- Up button -->
        <a class="top-button menu-icon-big navbar-text right" data-scroll-nav="1"><i class="fa fa-arrow-up"></i></a>

        <!-- Pages -->
        {% assign sorted_pages = (site.pages | sort: 'order') %} {% for page in sorted_pages %} {% if page.title and page.visible == true %}
        <a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="{{ page.url | prepend: site.baseurl }}"><i class="fa fa-{{ page.icon}}"></i></a> {% endif %} {% endfor %}

      </div>

    </div>

  </div>

</nav>

<div class="container-fluid navigator">
  <div class="row">
  
    <div class="col-md-8">
      <h4><i class="fa fa-search"></i> Browse by topic</h4>
      {% for post in site.posts %} 
        {% assign post_number = site.posts | size %}
        {% assign pos = post_number | minus: post.number %} 
        {% for talk in post.talks %}
          {% for topic in talk.topics | split:"," %}
            <a class="topic" data-scroll-nav="{{pos}}">{{topic}}</a> 
          {% endfor %} 
        {% endfor %}   
      {% endfor %}
    </div>
    
    <div class="col-md-4">    
      <h4><i class="fa fa-sign-in"></i> Participate</h4>
      <p>Do you like to share your work as visual artist with our audience? Fill the form on our <a class="button hvr-sweep-to-top" href="/call-for-talks/">
 Call for Talks section.</a>
        <div class="row">
          <div class="col-md-7">
            <h4><i class="fa fa-newspaper-o"></i> Join our newsletter</h4>
            {% include join_newsletter.html %}
          </div>
          <div class="col-md-5">
            <h4><i class="fa fa-share-alt"></i> Spread the word</h4>
            {% include share.html %}
          </div>
        </div>
    </div>
  </div>
</div>