sliding top menu

This commit is contained in:
Open-Steps.org 2015-02-03 04:36:49 +01:00
parent 057a63d15e
commit 7dcbe77c2d
24 changed files with 918 additions and 123 deletions

View file

@ -4,28 +4,18 @@
<div class="row">
<div class="col-md-5 col-md-offset-3">
<h4>{{ site.title }}</h4>
<p>{{ site.description }}</p>
<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>
</ul>
</div>
</div>
<div class="col-md-2">
<h4>Supported by</h4>
<div class="footer-supporters">
<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>
</ul>
</div>
</div>
</div>
</div>

View file

@ -21,6 +21,8 @@
<script src="/bower_components/vegas/dist/jquery.vegas.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/js/custom.js"></script>
<script type="text/javascript" src="/js/jquery.blImageCenter.js"></script>
<script type="text/javascript" src="/js/scrollit.js-master/scrollit.min.js"></script>
<script type="text/javascript">
@ -35,9 +37,9 @@
});
});
$( document ).ready(function() {
$('.artist-media').imagefill();
});
// $( document ).ready(function() {
$('.artist_media').centerImage('inside');
// });
</script>

View file

@ -12,10 +12,12 @@
<div class="">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Jump to session<span class="caret"></span></a>
<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 %}
<li><a href="{{post.url}}">{{post.title}} / {{post.date_text}}</a></li>
{% assign pos = 39 | minus: post.number %}
<li><a data-scroll-nav="{{pos}}">#{{post.number}}: {{post.topics}}</a></li>
{% endfor %}
</ul>
</li>
@ -24,9 +26,30 @@
<li><a class="button hvr-sweep-to-top" 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>
</ul>
</div><!-- /.navbar-collapse -->
</div>
</nav>
<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>
<div class="col-md-4">
<h4>Upcoming session</h4>
</div>
</div>
</div>