The website of Ura Design
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.

85 lines
3.0 KiB

---
layout: blog
title: Blog
section_id: blog
---
<div class="large-6 columns">
{% for post in paginator.posts %}
{% assign mod = forloop.index | modulo: 2 %}
{% if mod == 1 %}
<div class="post alt">
{% if post.images %}
{% if post.images.size > 1 %}
<a href="{{ post.url | replace:'.html','' }}" class='two-images'>
<img src="{{site.url}}/{{post.images[0]}}" alt="post" class="left-image">
<img src="{{site.url}}/{{post.images[1]}}" alt="post" class="right-image">
</a>
{% else %}
<a href="{{ post.url | replace:'.html','' }}"><img src="{{site.url}}/{{post.images[0]}}" alt="post"></a>
{% endif %}
{% endif %}
<div class="post-content">
<h3><a href="{{ post.url | replace:'.html','' }}">{{post.title}}</a></h3>
<p class='info'>
{% if post.categories != empty %}
<span>
{% for cat in post.categories %}
<a href="#">{{cat | capitalize }}</a>
{% unless forloop.last %}
,
{% endunless %}
{% endfor %}
</span>
/
{% endif %}
<span>{{ post.date | date: "%B %d, %Y" }}</span>
</p>
<p>{{post.excerpt}}</p>
<div class="spacing"></div>
<p><a href="{{ post.url | replace:'.html','' }}" class="button tiny blue simple boxed">Read more</a></p>
</div>
</div>
{% endif %}
{% endfor %}
</div>
<div class="large-6 columns">
{% for post in paginator.posts %}
{% assign mod = forloop.index | modulo: 2 %}
{% if mod == 0 %}
<div class="post alt">
{% if post.images %}
{% if post.images.size > 1 %}
<a href="{{ post.url | replace:'.html','' }}" class='two-images'>
<img src="{{site.url}}/{{post.images[0]}}" alt="post" class="left-image">
<img src="{{site.url}}/{{post.images[1]}}" alt="post" class="right-image">
</a>
{% else %}
<a href="{{ post.url | replace:'.html','' }}"><img src="{{site.url}}/{{post.images[0]}}" alt="post"></a>
{% endif %}
{% endif %}
<div class="post-content">
<h3><a href="{{ post.url | replace:'.html','' }}">{{post.title}}</a></h3>
<p class='info'>
{% if post.categories != empty %}
<span>
{% for cat in post.categories %}
<a href="#">{{cat | capitalize}}</a>
{% unless forloop.last %}
,
{% endunless %}
{% endfor %}
</span>
/
{% endif %}
<span>{{ post.date | date: "%B %d, %Y" }}</span>
</p>
<p>{{post.excerpt}}</p>
<div class="spacing"></div>
<p><a href="{{ post.url | replace:'.html','' }}" class="button tiny blue simple boxed">Read more</a></p>
</div>
</div>
{% endif %}
{% endfor %}
</div>