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

@ -9,24 +9,15 @@
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="">
<div>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="navigator-toggle button hvr-sweep-to-top">More</a>
<!-- <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Jump to session<span class="caret"></span></a> -->
<ul class="dropdown-menu" role="menu">
{% for post in site.posts %}
{% assign pos = 39 | minus: post.number %}
<li><a data-scroll-nav="{{pos}}">#{{post.number}}: {{post.topics}}</a></li>
{% endfor %}
</ul>
</li>
<li><a href="#" class="navigator-toggle"><i class="fa fa-caret-square-o-down"></i> Upcoming session & more</a></li>
{% for page in site.pages %}
{% if page.title %}
<li><a class="button hvr-sweep-to-top" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a></li>
{% endif %}
{% if page.title %}
<li><a class="header-btn" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a></li>
{% endif %}
{% endfor %}
<li><a href="#" data-scroll-nav="0" class="button hvr-sweep-to-top">TOP</a></li>
<li><a class="top-button" data-scroll-nav="0">TOP</a></li>
</ul>
</div><!-- /.navbar-collapse -->
@ -36,20 +27,40 @@
<div class="container-fluid navigator">
<div class="row">
<div class="col-md-6 col-md-offset-1">
<h4>Browse by content</h4>
{% for post in site.posts %}
{% assign pos = 39 | minus: post.number %}
{% for topic in post.topics | split:"," %}
<a class="button hvr-sweep-to-top" data-scroll-nav="{{pos}}">{{topic}}</a>
{% endfor %}
{% endfor %}
<div class="col-md-7">
<h4><i class="fa fa-search"></i> Browse by topic</h4>
{% for post in site.posts %}
{% assign pos = 39 | minus: post.number %}
{% for topic in post.topics | split:"," %}
<a class="topic" data-scroll-nav="{{pos}}">{{topic}}</a>
{% endfor %}
{% endfor %}
</div>
<div class="col-md-4">
<h4>Upcoming session</h4>
<h4><i class="fa fa-calendar"></i> Upcoming session</h4>
{% assign post = site.posts | first%}
<!-- <div class="container-fluid navigator"> -->
<h3>#{{post.number}}{{post.date_text}} ({{post.location}})</h3>
{% for topic in post.topics | split:"," %}
<a class="topic">{{topic}}</a>
{% endfor %}
{% for talk in post.talks %}
<div class="upcoming row">
<div class="upcoming-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="upcoming-detail">
<h4>{{talk.artist}} / {{talk.title}}</h4>
</div>
</div>
{% endfor %}
</div>
</div>
</div>