Improvements on navigator
This commit is contained in:
parent
7dcbe77c2d
commit
fe460c0a2e
11 changed files with 243 additions and 147 deletions
137
index.html
137
index.html
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue