You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
82 lines
2.8 KiB
82 lines
2.8 KiB
---
|
|
layout: blog
|
|
title: Blog
|
|
section_id: blog
|
|
---
|
|
|
|
{% for post in paginator.posts %}
|
|
<div class="row">
|
|
<div class="large-12 columns">
|
|
{% assign mod = forloop.index | modulo: 2 %}
|
|
{% 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>
|
|
{% unless forloop.last %}
|
|
,
|
|
{% endunless %}
|
|
{% endfor %}
|
|
</span>
|
|
/
|
|
{% endif %}
|
|
<h1 class="blogdate"><a href="{{ post.url | replace:'.html','' }}">{{ post.date | date: "%d" }}</a></h1>
|
|
<p>{{ post.date | date: "%B %Y" }}</p>
|
|
</div>
|
|
<div class="large-8 columns">
|
|
<div class="post-content blog">
|
|
<h3 class="blog"><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 class="large-3 columns blog">
|
|
{% if post.images %}
|
|
<a href="{{ post.url | replace:'.html','' }}"><img src="{{site.url}}/{{post.images[0]}}" alt="post"></a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
{% for post in paginator.posts %}
|
|
<div class="row">
|
|
<div class="large-12 columns">
|
|
{% assign mod = forloop.index | modulo: 2 %}
|
|
{% if mod == 0 %}
|
|
<div class="large-1 blog centered-text columns">
|
|
{% if post.categories != empty %}
|
|
<span>
|
|
{% for cat in post.categories %}
|
|
<a href="#">{{cat | capitalize }}</a>
|
|
{% unless forloop.last %}
|
|
,
|
|
{% endunless %}
|
|
{% endfor %}
|
|
</span>
|
|
/
|
|
{% endif %}
|
|
<h1 class="blogdate"><a href="{{ post.url | replace:'.html','' }}">{{ post.date | date: "%d" }}</a></h1>
|
|
<p>{{ post.date | date: "%B %Y" }}</p>
|
|
</div>
|
|
<div class="large-8 columns">
|
|
<div class="post-content blog">
|
|
<h3 class="blog"><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 class="large-3 columns blog">
|
|
{% if post.images %}
|
|
<a href="{{ post.url | replace:'.html','' }}"><img src="{{site.url}}/{{post.images[0]}}" alt="post"></a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
<div class="two spacing"></div>
|
|
|