128 lines
3.6 KiB
HTML
128 lines
3.6 KiB
HTML
---
|
|
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:",") %}
|
|
{% for tag in tags | uniq %}
|
|
<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}}></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"><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 %}
|
|
<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>
|