From 22a278d0e5b6e0118a47b357f33da08c5831a200 Mon Sep 17 00:00:00 2001
From: Anxhelo Lushka <anxhelo1995@gmail.com>
Date: Sun, 22 Apr 2018 17:15:32 +0200
Subject: [PATCH] Test for new blog structure

Major testing (it might break the site, will revert HEAD in repo in such case, unless success)
---
 blog/index.html | 64 ++++++++++++++++++++++++++++++++-----------------
 1 file changed, 42 insertions(+), 22 deletions(-)

diff --git a/blog/index.html b/blog/index.html
index c6f13ed..1f4983a 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -5,17 +5,12 @@ section_id: blog
 ---
 
 
-<div class="large-6 columns">
+<div class="large-12 columns">
   {% for post in paginator.posts %}
     {% assign mod = forloop.index | modulo: 2 %}
     {% if mod == 1 %}
-      <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'>
+  
+        <div class="large-1 blog centered-text columns">
             {% if post.categories != empty %}
               <span>
                 {% for cat in post.categories %}
@@ -27,30 +22,41 @@ section_id: blog
               </span>
               /
             {% endif %}
-            <span>{{ post.date | date: "%B %d, %Y" }}</span>
-          </p>
+            <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">
+          <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>
     {% endif %}
   {% endfor %}
 </div>
-<div class="large-6 columns">
+
+  
+  <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 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>
+                  <a href="#">{{cat | capitalize }}</a>
                   {% unless forloop.last %}
                       ,
                   {% endunless %}
@@ -58,11 +64,25 @@ section_id: blog
               </span>
               /
             {% endif %}
-            <span>{{ post.date | date: "%B %d, %Y" }}</span>
-          </p>
+            <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">
+          <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>
     {% endif %}
   {% endfor %}