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

Initial commit for the new website!

Browse Source
This commit is contained in:
Shashank Mehta
2014-01-18 19:50:24 +05:30
commit 1f5b6cf998
69 changed files with 3558 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
index.html Normal file
View File

@ -0,0 +1,77 @@
---
layout: layout
title: "Home"
---
{% for post in site.posts %}
{% if post.categories contains 'cover' %}
<section class="cover">
<img src="/images/tags/featured.png" class="tag">
<a href="{{ post.url }}">
<img src="/images/posts/{{post.image}}" alt="">
<div class="details">
<h2>{{ post.title }}</h2>
{{ post.excerpt | markdownify }}
</div>
</a>
</section>
{% endif %}
{% endfor %}
<div class="content masonry">
{% for post in paginator.posts %}
{% if post.categories contains 'wona' %}
{% if post.categories contains 'cover' %}
{% else %}
<div class="article-container">
<div class="article {{post.tag}}">
{% if post.tag %}
<img src="/images/tags/{{post.tag}}.png" class="tag">
{% endif %}
<a href="{{ post.url }}">
{% if post.image %}
<img src="/images/posts/{{ post.image }}" class="article-cover">
{% else %}
<br><br>
{% endif %}
<div class="details">
<h3>{{ post.title }}</h3>
{{ post.excerpt | markdownify }}
</div>
</a>
</div>
</div>
{% endif %}
{% endif %}
{% endfor %}
</div>
<div class="pagination">
{% if paginator.previous_page == 1 %}
<a href="/" class="previous"><img src="/images/left.png"></a>
{% elsif paginator.previous_page %}
<a href="/page/{{ paginator.previous_page }}" class="previous"><img src="/images/left.png"></a>
{% else %}
<span class="previous"><img src="/images/left.png" class="disabled"></span>
{% endif %}
<span class="page_number ">Page {{ paginator.page }} of {{ paginator.total_pages }}</span>
{% if paginator.next_page %}
<a href="/page/{{ paginator.next_page }}" class="next"><img src="/images/right.png"></a>
{% else %}
<span class="next "><img src="/images/right.png" class="disabled"></span>
{% endif %}
</div>
<script>
window.onload = function(){
width = document.getElementsByClassName('content')[0].offsetWidth;
width = Math.floor(width/3) - 1;
container = document.querySelector('.content');
msnry = new Masonry( container, {
columnWidth: width,
itemSelector: '.article-container'
});
}
</script>