Improvements on navigator
This commit is contained in:
parent
7dcbe77c2d
commit
fe460c0a2e
11 changed files with 243 additions and 147 deletions
|
|
@ -1,15 +1,17 @@
|
|||
<footer class="footer dark_bg">
|
||||
|
||||
<div class="container-fluid">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-7 col-md-offset-3">
|
||||
<div class="footer-social">
|
||||
<ul>
|
||||
<li><a class="button hvr-sweep-to-top" href="mailto:{{ site.email }}">{{ site.email }}</a></li>
|
||||
<li><a class="button hvr-sweep-to-top" href="{{ "/feed.xml" | prepend: site.baseurl }}">RSS</a></li>
|
||||
<li><a class="button hvr-sweep-to-top" href="{{site.facebook_link}}">Facebook</a></li>
|
||||
<li><a href="mailto:{{ site.email }}"><i class="fa fa-envelope-o"></i></a></li>
|
||||
<li><a href="{{ "/feed.xml" | prepend: site.baseurl }}"><i class="fa fa-rss-square"></i></a></li>
|
||||
<li><a href="{{site.facebook_link}}"><i class="fa fa-facebook-square"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-support">
|
||||
<ul>
|
||||
<li><h4>Support from</h4></li>
|
||||
<li><a href="http://pankeculture.com" target="_blank"><img src="/assets/panke_logo.png"></img></a></li>
|
||||
<li><a href="http://pankeculture.com" target="_blank"><img src="/assets/troika_logo.png"></img></a></li>
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@
|
|||
|
||||
<link rel="stylesheet" type="text/css" href="/bower_components/bootstrap/dist/css/bootstrap.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="/bower_components/vegas/dist/jquery.vegas.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="/bower_components/fontawesome/css/font-awesome.min.css"/>
|
||||
<link rel="stylesheet" href="{{ "/css/custom.css" | prepend: site.baseurl }}">
|
||||
<link rel="stylesheet" href="{{ "/css/hover.css" | prepend: site.baseurl }}">
|
||||
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
|
||||
|
|
@ -26,7 +27,7 @@
|
|||
|
||||
<script type="text/javascript">
|
||||
|
||||
var rnd=Math.floor(Math.random()*4);
|
||||
var rnd=Math.floor(Math.random()*6);
|
||||
|
||||
$(function() {
|
||||
$.vegas({
|
||||
|
|
@ -38,7 +39,7 @@
|
|||
});
|
||||
|
||||
// $( document ).ready(function() {
|
||||
$('.artist_media').centerImage('inside');
|
||||
$('.artist-media').centerImage('inside');
|
||||
// });
|
||||
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue