varun-r-mallya/wona.github.com
1
0
Fork 0
mirror of https://github.com/WatchOutNewsAgency/wona.github.com.git synced 2026-01-01 01:16:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Header for posts

Browse Source
This commit is contained in:
Asutosh Palai
2016-06-19 14:41:00 +05:30
parent 05cee14167
commit d5f0d21328
8 changed files with 48 additions and 371 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
_includes/header.html
View File

@ -1,28 +1,30 @@
<div class="navbar-wrapper">
<div class="container-fuild">
{% assign post = site.posts.first %}
{% if page.is_post == true %}
{% assign post = page %}
{% endif %}
<nav class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-left" href="/"><img class="navbar-logo" src="/images/logo.png" alt="WONA Logo"></a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="/">Home</a></li>
<li><a href="/columns/">Columns</a></li>
<li><a href="/news/">News</a></li>
</ul>
</div>
</div>
</nav>
<div id="home-header" class="container-fluid">
<div class="cover-image center-vertical"><img class="center-both img-center-fill" src="/images/posts/{{ post.image }}" alt=""></div>
<div class="cover center-both text-center">
<h1 class="title">{{ post.title }}</h1>
</div>
</div>
<div class="left">
{% if page.is_post and post.next %}
<a class="center-both scroll-buttons" href="{{ post.next.url }}">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
{% endif %}
</div>
<div class="right">
{% if page.is_post and post.next %}
<a class="center-both scroll-buttons" href="{{ post.previous.url }}">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
{% endif %}
</div>
</div>