Improvements on navigator

This commit is contained in:
Open-Steps.org 2015-02-13 18:09:23 +01:00
parent 7dcbe77c2d
commit fe460c0a2e
11 changed files with 243 additions and 147 deletions

View file

@ -3,93 +3,80 @@ layout: default
---
<div class="content container-fluid">
{% for post in site.posts %}
{% for post in site.posts %}
{% assign pos = 39 | minus: post.number %}
{% if forloop.first != true %}
<div data-scroll-index="{{pos}}" class="row">
<!-- TODO parametrize this, no hardcoded numbers -->
{% assign pos = 39 | minus: post.number %}
<div class="event-date col-md-2 col-md-offset-1">
<div data-scroll-index="{{pos}}" class="row">
<a class="button hvr-sweep-to-top" href={{post.url}}>
<h3>#{{post.number}}</h3>
<h4>{{post.date_text}}</h4>
</a>
<div class="event-date col-md-2 col-md-offset-1">
{% if post.topics %}
<p><ul>
{% assign tags = (post.topics | split:",") %}
{% for tag in tags %}
<li>{{tag}}</li>
{% endfor%}
</ul></p>
{% endif %}
<a class="button hvr-sweep-to-top" href={{post.url}}>
<h3>#{{post.number}}</h3>
<h4>{{post.date_text}}</h4>
</a>
{% if post.location %}
<p><a class="highlight button hvr-sweep-to-top" href={{post.location_website}} target="_blank">{{post.location}}</a></p>
{% endif %}
{% if post.topics %}
<p><ul>
{% assign tags = (post.topics | split:",") %}
{% for tag in tags %}
<li>{{tag}}</li>
{% endfor%}
</ul></p>
{% endif %}
{% if post.location %}
<p><a class="highlight button hvr-sweep-to-top" href={{post.location_website}} target="_blank">{{post.location}}</a></p>
{% endif %}
</div>
<div class="event event-{{post.number}} dark_bg col-md-7">
{% 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-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>
<p>{{talk.description}}</p>
{% 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 %}
</div>
</div>
<div class="event event-{{post.number}} dark_bg col-md-7">
{% endfor %}
{% 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-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>
<p>{{talk.description}}</p>
{% 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 %}
</div>
</div>
{% endfor %}
</div>
</div>
{% endfor %}
<!-- <div class="row">
<div class="nav_bottom dark_bg col-md-3 col-md-offset-3">
{% if paginator.previous_page_path %}
<a href="{{ paginator.previous_page_path }}" class="previous">Previous </a>
{% endif %}
<span class="page_number">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span>
{% if paginator.next_page %}
<a href="{{ paginator.next_page_path }}" class="next"> Next</a>
{% endif %}
</div>
</div> -->
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>