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.

64 lines
2.3 KiB

---
layout: blog
title: Blog
section_id: blog
---
{% for post in paginator.posts %}
<div class="row">
<div class="large-12 columns table" style="border-bottom: 3px solid aliceblue;">
{% assign mod = forloop.index | modulo: 1 %}
{% 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" }}</h1>
<p id="post-month">{{ post.date | date: "%B %Y" }}</p></a>
</div>
<div class="large-8 columns bottom-blog">
<div class="post-content blog">
<h3 id="blog-title" class="blog"><a href="{{ post.url | replace:'.html','' }}">{{post.title}}</a></h3>
<p class="blogauthor">by <a href="{{post.link}}" target="_blank">{{post.author}}</a></p>
<p>{{post.excerpt}}</p>
<div class="tags">
{% for tag in post.tags %}
<a href="{{ site.baseurl }}/tags/#{{tag | slugify }}">{{ tag }}</a>
{% endfor %}
</div>
<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 middle-blog" style="margin-bottom: 30px;">
{% if post.images %}
<a href="{{ post.url | replace:'.html','' }}"><img style="display: block; margin: auto;" src="{{site.url}}/{{post.images[0]}}" alt="post"></a>
{% endif %}
</div>
</div>
{% endif %}
</div>
</div>
<div class="two spacing"></div>
{% endfor %}
<div class="pager">
{% if paginator.previous_page %}
<a href="{{ paginator.previous_page_path }}" class="previous">Previous</a>
{% else %}
<span class="previous">Previous</span>
{% endif %}
<span class="page_number ">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span>
{% if paginator.next_page %}
<a href="{{ paginator.next_page_path }}" class="next">Next</a>
{% else %}
<span class="next ">Next</span>
{% endif %}
</div>