Implementing facebook galleries

Improved navigator
This commit is contained in:
Open-Steps.org 2015-02-13 21:11:03 +01:00
parent e06f538690
commit 515bbe0ed2
26 changed files with 120 additions and 61 deletions

View file

@ -11,6 +11,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" type="text/css" href="/bower_components/picbookjs/css/picbook.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'>
@ -18,6 +19,7 @@
<script type="text/javascript" src="/bower_components/jquery/dist/jquery.min.js"></script>
<script src="/bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/bower_components/vegas/dist/jquery.vegas.min.js" type="text/javascript"></script>
<script src="/bower_components/picbookjs/js/picbook.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/js/jquery.imagefill.min.js"></script>
<script type="text/javascript" src="/js/scrollit.js-master/scrollit.min.js"></script>
<script type="text/javascript" src="/js/custom.js"></script>

View file

@ -10,7 +10,8 @@
<div>
<ul class="nav navbar-nav navbar-center">
<li><a href="#" class="navigator-toggle"><i class="fa fa-bars"></i> Browse</a></li>
<li><a href="#" class="navigator-toggle"><i class="fa fa-bars"></i> Browse</a>
</li>
</ul>
</div>
@ -33,16 +34,18 @@
<div class="container-fluid navigator">
<div class="row">
<div class="col-md-7">
<div class="col-md-8">
<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 %}
<h4><i class="fa fa-sign-in"></i> Participate</h4>
<p>Do you like to share your work as visual artist with our audience? Fill the form on our <a href="/call-for-talks/">
Call for Talks section.</a>
</div>
<div class="col-md-4">
<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>
<h4><i class="fa fa-calendar"></i> {{post.date_text}} / #{{post.number}}</h4>
<p>Location: <a href="{{location_website}}">{{post.location}}</a></p>
{% for topic in post.topics | split:"," %}
<a class="topic">{{topic}}</a> {% endfor %} {% for talk in post.talks %}
<div class="upcoming row">
@ -56,7 +59,7 @@
</div>
<div class="upcoming-detail">
<h4>{{talk.artist}} / {{talk.title}}</h4>
<p><a href="{{talk.artist_website}}">{{talk.artist}}</a> / {{talk.title}}</p>
</div>
</div>