scopesessions.org/_layouts/event.html
Open-Steps.org 515bbe0ed2 Implementing facebook galleries
Improved navigator
2015-02-13 21:11:03 +01:00

108 lines
2.8 KiB
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>