New testing page for blog structure

test.html

@@ -0,0 +1,85 @@
+---
+layout: newblog
+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>