scopesessions.org/index.html

---
layout: default
home: yes
---

{% assign post_number = site.posts | size %}
{% assign first_post = site.posts | first %}

<section id="upcoming">
  <div class="content container-fluid">
    <div data-scroll-index="{{post_number}}" class="row">
      <div class="transp-bg padded event-info col-sm-2">
        <a class="event-date padded button hvr-sweep-to-top" href={{first_post.url}}>
          <h2>Upcoming session</h2>
          <h3>#{{first_post.number}}</h3>
          <h4>{{first_post.date_text}}</h4>
          {% if first_post.title %}
           <p>{{first_post.title}}</p>
          {% endif %}
          <div class="padded_vert">
           <ul>
            {% for talk in first_post.talks %}
             {% if talk.topics %}
               {% assign tags = (talk.topics | split:",") %}
                {% for tag in tags | uniq %}
                 <li>{{tag}}</li>
                {% endfor %}
             {% endif %}
            {% endfor %}
           </ul>
           {% if first_post.location %}
            <ul>
             <li><a class="highlight button hvr-sweep-to-top" href={{first_post.location_website}} target="_blank">{{first_post.location}}</a></li>
            {% if first_post.fb_event_url %}
             <li><a class="highlight button hvr-sweep-to-top" target="_blank" href={{first_post.fb_event_url}}><i class="fa fa-facebook-square"></i></a></li>
            {% endif %}
           </ul>
           {% endif %}
          </div>
        </a>
      </div>
      <div class="event event-{{first_post.number}} dark_bg col-sm-10">

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

       <div class="talk col-sm-{{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"><i class="fa fa-link"></i> Website</a>
         {% endif %}
         {% if talk.video_artist_url %}
          <br>
          <a class="button hvr-sweep-to-top" href={{talk.video_artist_url}} target="_blank"><i class="fa fa-video-camera"></i> Artist video</a>
         {% endif %}
         {% if talk.talk_video_url %}
          <br>
          <a class="button hvr-sweep-to-top" href={{talk.talk_video_url}} target="_blank"><i class="fa fa-video-camera"></i> Talk at Scope</a>
         {% endif %}
        </div>
       </div>

       {% endfor %}

      </div>
    </div>
  </div>
</section>

<div class="content container-fluid">
  <div class="row center">
    <h1>Past sessions</h1>
  </div>
</dvi>

<div class="content container-fluid">

 {% for post in site.posts %}

 {% if forloop.first != true %}

 {% assign pos = post_number | minus: post.number %}

 <div data-scroll-index="{{pos}}" class="row">
   
   <div class="padded event-info col-sm-2 col-sm-offset-1 ">

   <a class="event-date padded button hvr-sweep-to-top" href={{post.url}}>
    
      {% if (post.layout == 'event-special') %}
        <h4>Special event</h4>
        <h3>{{post.number}}</h3>
      {% elsif (post.layout == 'event-spektrum') %}
        <h4>Spektrum event</h4>
        <h3>{{post.number}}</h3>
      {% else %}
        <h3>#{{post.number}}</h3>
      {% endif %}
      
    <h4>{{post.date_text}}</h4>
    {% if post.title %}
     <p>{{post.title}}</p>
    {% endif %}
   </a>

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

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

  </div>
  
  {% if post.layout == "event-special" %}
    <div class="event event-{{post.number}} purple_bg col-sm-8">
  {% elsif post.layout == "event-spektrum" %}
    <div class="event event-{{post.number}} green_bg col-sm-8">
  {% else %}
    <div class="event event-{{post.number}} dark_bg col-sm-8">
  {% endif %}

   {% 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-sm-{{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"><i class="fa fa-link"></i> Website</a>
     {% endif %}
     {% if talk.video_artist_url %}
      <br>
      <a class="button hvr-sweep-to-top" href={{talk.video_artist_url}} target="_blank"><i class="fa fa-video-camera"></i> Artist video</a>
     {% endif %}
     {% if talk.talk_video_url %}
      <br>
      <a class="button hvr-sweep-to-top" href={{talk.talk_video_url}} target="_blank"><i class="fa fa-video-camera"></i> Talk at Scope</a>
     {% endif %}
    </div>

   </div>

   {% endfor %}

  </div>

 </div>

 {% endif %} {% endfor %}

</div>