--- layout: blog title: Blog section_id: blog --- <div class="large-12 columns"> {% for post in paginator.posts %} {% 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">{{ 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 blog"> <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> </div> </div> {% endif %} {% endfor %} </div> <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 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> <p><a href="{{ post.url | replace:'.html','' }}" class="button tiny blue simple boxed">Read more</a></p> </div> </div> {% endif %} {% endfor %} </div>