scopesessions.org/_layouts/event.html

---
layout: default
---

<div class="content container-fluid">

 <article>

  <div class="row">

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

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

    <a class="highlight button hvr-sweep-to-top" href="/">Back to home</a>

   </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}}></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 %}
      <p>{{talk.description}}</p>
      {% endif %} {% if talk.artist_bio %}
      <h5>About {{talk.artist}}</h5>
      <p>{{talk.artist_bio}}</p>
      {% endif %} {% if talk.artist_website || talk.video_artist_url || talk.video_url %} {% 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.video_url %}
      <br>
      <a class="button hvr-sweep-to-top" href={{talk.video_url}} target="_blank">Talk's Video</a> {% 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" href={{page.previous.url | prepend: site.baseurl }}>{{page.previous.title}}</a> {% endif %} {% if page.next %}
  <a class="button hvr-sweep-to-top" href={{page.next.url | prepend: site.baseurl }}>{{page.next.title}}</a> {% endif %}

 </div>

</div>

</article>

</div>