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>

  <div>
   <ul class="nav navbar-nav navbar-center">
    {% if page.home == true %}
    <li><a href="#" class="navigator-toggle"><i class="fa fa-bars"></i> Upcoming session and more</a>
    </li>
    {% else %}
    <li><a href="/"><i class="fa fa-angle-left"></i> Back</a>
    </li>
    {% endif %}
   </ul>
  </div>

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div>
   <ul class="nav navbar-nav navbar-right">
    {% 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="1">TOP</a>
    </li>
   </ul>
  </div>
  <!-- /.navbar-collapse -->

 </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 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>
    <h4><i class="fa fa-sign-in"></i> Stay tuned: Join our newsletter</h4>
    <!-- Begin MailChimp Signup Form -->
    <link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">    
    <div id="mc_embed_signup">
     <form action="//scopesessions.us4.list-manage.com/subscribe/post?u=81466f386ca5ae4d818e3f092&amp;id=fa704d0d26" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
      <div id="mc_embed_signup_scroll">
       <div class="mc-field-group">
        <label for="mce-EMAIL">Email Address
         <span class="asterisk">*</span>
        </label>
        <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
       </div>
       <div id="mce-responses" class="clear">
        <div class="response" id="mce-error-response" style="display:none"></div>
        <div class="response" id="mce-success-response" style="display:none"></div>
       </div>
       <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
       <div style="position: absolute; left: -5000px;">
        <input type="text" name="b_81466f386ca5ae4d818e3f092_fa704d0d26" tabindex="-1" value="">
       </div>
       <div class="clear">
        <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
       </div>
      </div>
     </form>
    </div>
    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
    <script type='text/javascript'>
     (function($) {
      window.fnames = new Array();
      window.ftypes = new Array();
      fnames[0] = 'EMAIL';
      ftypes[0] = 'email';
      fnames[1] = 'FNAME';
      ftypes[1] = 'text';
      fnames[2] = 'LNAME';
      ftypes[2] = 'text';
     }(jQuery));
     var $mcj = jQuery.noConflict(true);
    </script>
    <!--End mc_embed_signup-->
  </div>
  <div class="col-md-4">
   {% assign post = site.posts | first%}
   <h4><i class="fa fa-calendar"></i> {{post.date_text}} / #{{post.number}}</h4>
   <p>Location: <a class="button hvr-sweep-to-top" href="{{location_website}}">{{post.location}}</a>
   </p>
   {% for topic in post.topics | split:"," %}
   <a class="button hvr-sweep-to-top 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">
     <p><a class="button hvr-sweep-to-top" href="{{talk.artist_website}}">{{talk.artist}}</a> / {{talk.title}}</p>
    </div>

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