scopesessions.org/index.html

---
layout: default
home: yes
---
<div class="content container-fluid">

 {% for post in site.posts %} {% if forloop.first != true %}

 <!-- TODO parametrize this, no hardcoded numbers  -->
 {% assign pos = 39 | minus: post.number %}

 <div data-scroll-index="{{pos}}" class="row">

  <div class="event-date col-md-2 col-md-offset-1">

   <a class="button hvr-sweep-to-top" href={{post.url}}>
    <h3>#{{post.number}}</h3>
    <h4>{{post.date_text}}</h4>
   </a>

   {% if post.topics %}
   <p>
    <ul>
     {% assign tags = (post.topics | split:",") %} {% for tag in tags %}
     <li>{{tag}}</li>
     {% endfor%}
    </ul>
   </p>
   {% endif %} {% if post.location %}
   <p><a class="highlight button hvr-sweep-to-top" href={{post.location_website}} target="_blank">{{post.location}}</a>
   </p>
   {% endif %}

  </div>

  <div class="event event-{{post.number}} dark_bg col-md-7">

   {% capture talks_number %}{{ post.talks | size }}{% endcapture %} {% capture col_width %}{{ 12 | divided_by:talks_number }}{% endcapture %} {% for talk in post.talks %}

   <div class="talk col-md-{{col_width}}">

    <div class="artist-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="talk-detail">
     <h4>{{talk.artist}} / {{talk.title}}</h4>
      {% if (talk.description | size) > 300 %}
       <p>{{talk.description | truncate: 300 }}</p>
      {% else %}
       <p>{{talk.description}}</p>
      {% endif%}
     {% if talk.artist_website %}
     <a class="button hvr-sweep-to-top" href={{talk.artist_website}} target="_blank">{{talk.artist_website}}</a> {% endif %} {% if talk.video_artist_url %}
     <br>
     <a class="button hvr-sweep-to-top" href={{talk.video_artist_url}} target="_blank">Artist's Video</a> {% endif %} {% if talk.talk_video_url %}
     <br>
     <a class="button hvr-sweep-to-top" href={{talk.talk_video_url}} target="_blank">Talk's Video</a> {% endif %}
    </div>

   </div>

   {% endfor %}

  </div>

 </div>

 {% endif %} {% endfor %}

</div>