Browse Source

Test for new blog structure

Major testing (it might break the site, will revert HEAD in repo in such case, unless success)
redesign
Anxhelo Lushka 7 years ago
committed by GitHub
parent
commit
22a278d0e5
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 64
      blog/index.html

64
blog/index.html

@ -5,17 +5,12 @@ section_id: blog
---
<div class="large-6 columns">
<div class="large-12 columns">
{% for post in paginator.posts %}
{% assign mod = forloop.index | modulo: 2 %}
{% if mod == 1 %}
<div class="post alt">
{% if post.images %}
<a href="{{ post.url | replace:'.html','' }}"><img src="{{site.url}}/{{post.images[0]}}" alt="post"></a>
{% endif %}
<div class="post-content">
<h3><a href="{{ post.url | replace:'.html','' }}">{{post.title}}</a></h3>
<p class='info'>
<div class="large-1 blog centered-text columns">
{% if post.categories != empty %}
<span>
{% for cat in post.categories %}
@ -27,30 +22,41 @@ section_id: blog
</span>
/
{% endif %}
<span>{{ post.date | date: "%B %d, %Y" }}</span>
</p>
<h1 class="blogdate">{{ post.date | date: "%d" }}</h1>
<p>{{ post.date | date: "%B %Y" }}</p>
</div>
<div class="large-8 columns">
<div class="post alt">
<div class="post-content">
<h3><a href="{{ post.url | replace:'.html','' }}">{{post.title}}</a></h3>
<p>{{post.excerpt}}</p>
<p><a href="{{ post.url | replace:'.html','' }}" class="button tiny blue simple boxed">Read more</a></p>
</div>
</div>
</div>
<div class="large-3 columns blog">
<div class="post-alt">
{% if post.images %}
<a href="{{ post.url | replace:'.html','' }}"><img src="{{site.url}}/{{post.images[0]}}" alt="post"></a>
{% endif %}
</div>
{% endif %}
{% endfor %}
</div>
<div class="large-6 columns">
<div class="large-12 columns">
{% for post in paginator.posts %}
{% assign mod = forloop.index | modulo: 2 %}
{% if mod == 0 %}
<div class="post alt">
{% if post.images %}
<a href="{{ post.url | replace:'.html','' }}"><img src="{{site.url}}/{{post.images[0]}}" alt="post"></a>
{% endif %}
<div class="post-content">
<h3><a href="{{ post.url | replace:'.html','' }}">{{post.title}}</a></h3>
<p class='info'>
{% if mod == 1 %}
<div class="large-1 blog centered-text columns">
{% if post.categories != empty %}
<span>
{% for cat in post.categories %}
<a href="#">{{cat | capitalize}}</a>
<a href="#">{{cat | capitalize }}</a>
{% unless forloop.last %}
,
{% endunless %}
@ -58,12 +64,26 @@ section_id: blog
</span>
/
{% endif %}
<span>{{ post.date | date: "%B %d, %Y" }}</span>
</p>
<h1 class="blogdate">{{ post.date | date: "%d" }}</h1>
<p>{{ post.date | date: "%B %Y" }}</p>
</div>
<div class="large-8 columns">
<div class="post alt">
<div class="post-content">
<h3><a href="{{ post.url | replace:'.html','' }}">{{post.title}}</a></h3>
<p>{{post.excerpt}}</p>
<p><a href="{{ post.url | replace:'.html','' }}" class="button tiny blue simple boxed">Read more</a></p>
</div>
</div>
</div>
<div class="large-3 columns blog">
<div class="post-alt">
{% if post.images %}
<a href="{{ post.url | replace:'.html','' }}"><img src="{{site.url}}/{{post.images[0]}}" alt="post"></a>
{% endif %}
</div>
{% endif %}
{% endfor %}
</div>

Loading…
Cancel
Save