scopesessions.org/_includes/header.html
Open-Steps.org 0ce81b9892 Fixed menu on mobile devices
Added more background pics
Now embedding vimeo players on evetn site
2015-04-08 15:50:21 +02:00

108 lines
3.5 KiB
HTML

<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="/">
<img alt="Logo" src="/assets/scope_logo.png">
</a>
<!-- For desktop -->
<div class="hidden-xs">
{% if page.home == true %}
<a href="#" class="menu-icon navbar-text left navigator-toggle"><i class="fa fa-bars"></i> Upcoming session and more</a>
{% else %}
<a href="/" class="menu-icon-big navbar-text left"><i class="fa fa-angle-left"></i> Back</a>
{% endif %}
<!-- Up button -->
<a class="top-button navbar-text right button hvr-sweep-to-top" data-scroll-nav="1"><i class="fa fa-arrow-up"></i></a>
<!-- Pages -->
{% for page in site.pages %}
{% if page.title %}
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
{% endif %}
{% endfor %}
</div>
<!-- For mobile -->
<div class="visible-xs-inline">
{% if page.home == true %}
<!-- <a href="#" class="navigator-toggle navbar-btn"><i class="fa fa-bars"></i></a> -->
{% else %}
<a href="/" class="menu-icon-big navbar-text left "><i class="fa fa-angle-left"></i> Back</a>
{% endif %}
<!-- Up button -->
<a class="top-button menu-icon-big navbar-text right" data-scroll-nav="1"><i class="fa fa-arrow-up"></i></a>
<!-- Pages -->
{% assign sorted_pages = (site.pages | sort: 'order') %}
{% for page in sorted_pages %}
{% if page.title %}
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="{{ page.url | prepend: site.baseurl }}"><i class="fa fa-{{ page.icon}}"></i></a>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</nav>
<div class="container-fluid navigator">
<div class="row">
<div class="col-md-6 col-md-offset-1">
{% assign post = site.posts | first%}
<h4><i class="fa fa-calendar"></i> #{{post.number}} / {{post.date_text}} @ <a class="highlight button hvr-sweep-to-top" href="{{location_website}}">{{post.location}}</a></h4>
{% for talk in post.talks %}
<div class="upcoming row">
<div class="col-md-2">
<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>
<div class="col-md-10">
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href="{{talk.artist_website}}">{{talk.artist}}</a> <br/> {{talk.title}} </p>
<p class="small-text">{{talk.description}}</p>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="col-md-4">
<!-- <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="button hvr-sweep-to-top 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 class="button hvr-sweep-to-top" href="/call-for-talks/">
Call for Talks section.</a>
<div class="row">
<div class="col-md-7">
<h4><i class="fa fa-newspaper-o"></i> Join our newsletter</h4>
{% include newsletter.html %}
</div>
<div class="col-md-5">
<h4><i class="fa fa-share-alt"></i> Spread the word</h4>
{% include share.html %}
</div>
</div>
</div>
</div>
</div>