---
layout: default
---

<div class="content container-fluid">

 <article>

  <div class="row">

   <div class="transp-bg padded event-info col-md-2 col-md-offset-1">

    <div class="event-date">
     <h3>#{{page.number}}</h3>
     <h4>{{page.date_text}}</h4>
    </div>

     <div class="padded_vert">
      <ul>
      {% for talk in page.talks %}
       {% if talk.topics %}
         {% assign tags = talk.topics | split: "," | uniq %}
          {% for tag in tags %}
           <li>{{tag}}</li>
          {% endfor %}
       {% endif %}
      {% endfor %}
      </ul>
     </div>

     <div class="padded_vert">
      {% if page.location %}
       <ul>
        <li><a class="highlight button hvr-sweep-to-top" href="{{ page.location_website }}" target="_blank">{{page.location}}</a></li>
       {% if page.fb_event_url %}
        <li><a class="highlight button hvr-sweep-to-top" target="_blank" href="{{ page.fb_event_url }}"><i class="fa fa-facebook-square"></i></a></li>
       {% endif %}
      </ul>
      {% endif %}
     </div>

   </div>

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

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

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

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

     <div class="talk-detail">
      <h4>{{talk.artist}} / {{talk.title}}</h4>
      {% if talk.description %}
      <p>{{talk.description}}</p>
      {% endif %} {% if talk.artist_bio %}
      <h5>About {{talk.artist}}</h5>
      <p>{{talk.artist_bio}}</p>
      {% endif %}
      {% if talk.artist_website or talk.video_artist_url or talk.video_url %}
       {% if talk.artist_website %}
        <a class="button hvr-sweep-to-top" href="{{ talk.artist_website }}" target="_blank"><i class="fa fa-link"></i> Website</a>
       {% endif %}
       {% if talk.video_artist_url %}
        <div class="transp-bg padded">
         <p>Artist's Video</p>
         <iframe src="//player.vimeo.com/video/{{ talk.video_artist_url | split: "/" | last }}" width="100%" height="140" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
        </div>
       {% endif %}
       {% if talk.talk_video_url %}
        <div class="transp-bg padded">
         <p>Talk's Video</p>
         <iframe src="//player.vimeo.com/video/{{ talk.talk_video_url | split: "/" | last }}" width="100%" height="140" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
        </div>
       {% endif %}
      {% endif %}
     </div>

    </div>

    {% endfor %}

   </div>

  </div>

  {% if page.fb_gallery_id %}

   <div class="row">

    <div class="gallery dark_bg col-md-7 col-md-offset-3">

     <h4>Photo gallery of the event</h4>
     <div class="picbook"></div>
     <script type="text/javascript">
      var picbook = new picbookJs({
      limit: 100,
      albumId: '{{page.fb_gallery_id}}'
      });
     </script>
    </div>
   </div>

  {% endif %}

</div>

<div class="row">

 <div class="nav_bottom dark_bg col-md-7 col-md-offset-3">

  <h4>Discover more</h4>

  {% if page.previous %}
  <a class="button hvr-sweep-to-top left" href="{{ page.previous.url | prepend: site.baseurl }}">#{{page.previous.number}}: {{page.previous.date_text}} {{page.previous.title}}</a> {% endif %} {% if page.next %}
  <a class="button hvr-sweep-to-top right" href="{{ page.next.url | prepend: site.baseurl }}">#{{page.next.number}}: {{page.next.date_text}} {{page.next.title}}</a> {% endif %}

 </div>

</div>

</article>

</div>