Fixed menu on mobile devices

Added more background pics
Now embedding vimeo players on evetn site
This commit is contained in:
Open-Steps.org 2015-04-08 15:50:21 +02:00
parent b80acb62b3
commit 0ce81b9892
22 changed files with 118 additions and 50 deletions

View file

@ -6,32 +6,51 @@
<a class="navbar-brand" href="/">
<img alt="Logo" src="/assets/scope_logo.png">
</a>
</div>
<div>
<ul class="nav navbar-nav navbar-center">
<!-- For desktop -->
<div class="hidden-xs">
{% if page.home == true %}
<li><a href="#" class="navigator-toggle"><i class="fa fa-bars"></i> Upcoming session and more</a>
</li>
<a href="#" class="menu-icon navbar-text left navigator-toggle"><i class="fa fa-bars"></i> Upcoming session and more</a>
{% else %}
<li><a href="/"><i class="fa fa-angle-left"></i> Back</a>
</li>
<a href="/" class="menu-icon-big navbar-text left"><i class="fa fa-angle-left"></i> Back</a>
{% endif %}
</ul>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div>
<ul class="nav navbar-nav navbar-right">
{% for page in site.pages %} {% if page.title %}
<li><a class="header-btn" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
</li>
{% endif %} {% endfor %}
<li><a class="top-button" data-scroll-nav="1">TOP</a>
</li>
</ul>
<!-- 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>
<!-- /.navbar-collapse -->
</div>