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="menu-icon navbar-text left navigator-toggle"><i class="fa fa-bars"></i> Upcoming session and more</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 navbar-text right button hvr-sweep-to-top" data-scroll-nav="1"><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-6 col-md-offset-1">
   {% assign post = site.posts | first%}
   <h4><i class="fa fa-calendar"></i> #{{post.number}} / {{post.date_text}} @ <a class="highlight button hvr-sweep-to-top" href="{{location_website}}">{{post.location}}</a></h4>

   {% for talk in post.talks %}
   <div class="upcoming row">

     <div class="col-md-2">
      <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>

     <div class="col-md-10">
       <div class="upcoming-detail">
        <p><a class="button hvr-sweep-to-top" href="{{talk.artist_website}}">{{talk.artist}}</a> <br/> {{talk.title}} </p>
        <p class="small-text">{{talk.description}}</p>
       </div>
     </div>

   </div>
   {% endfor %}

  </div>
  <div class="col-md-4">
   <!-- <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="button hvr-sweep-to-top topic" data-scroll-nav="{{pos}}">{{topic}}</a> {% endfor %} {% endfor %} -->
   <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>