Pagination

_layouts/paginated.html

@@ -3,29 +3,23 @@ layout: default
 ---
 
 <article class="one_column">
-    <div>
-        {% for post in paginator.posts %}
-          <h3>
-            <a href="{{ post.url }}">{{ post.title }}</a>
-          </h3>
+    {% for post in paginator.posts %}
+    <div class="post">
+      <a class="post-title" href="{{ post.url }}">{{ post.title }}</a>
 
-          <p class="author">
-            <span class="date">{{ post.date }}</span>
-          </p>
+      <div class="content">
+        {{ post.content }}
+      </div>
 
-          <div class="content">
-            {{ post.content }}
-          </div>
-        {% endfor %}
+      <span class="post-date">Published on: {{ post.date | date: '%B %d, %Y' }}</span>
     </div>
+    {% endfor %}
 
     <div class="pagination">
       {% 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 ">
@@ -34,8 +28,6 @@ layout: default
 
       {% if paginator.next_page %}
         <a href="{{ paginator.next_page_path }}" class="next">Next</a>
-      {% else %}
-        <span class="next ">Next</span>
       {% endif %}
     </div>
 </article>

_sass/elixir/_base.scss

@@ -8,6 +8,7 @@ $PADDING_PAGE_LEFT: 13%;
 $PADDING_PAGE_LEFT_NO_COLUMN: 21%;
 
 $WIDTH_CONTENT: 74%;
+$WIDTH_CONTENT_NO_COLUMN: 58%;
 
 body {
     -webkit-font-smoothing: antialiased;

_sass/elixir/_layout.scss

@@ -72,12 +72,15 @@
 
   article.one_column {
     padding-left: $PADDING_PAGE_LEFT_NO_COLUMN;
+    width: $WIDTH_CONTENT_NO_COLUMN;
+    display: block;
   }
 
   article {
     padding-left: $PADDING_PAGE_LEFT;
     padding-bottom: 50px;
     width: $WIDTH_CONTENT;
+    min-width: 400px;
     min-height: 400px;
     padding-right: 10px;
     margin: 0;
@@ -268,3 +271,17 @@ table {
     }
   }
 }
+
+div.post {
+  width: 80%;
+  border-left: solid 5px #f4f4f4;
+  border-bottom: solid 2px #f4f4f4;
+  padding-left: 10px;
+  margin-top: 20px;
+  margin-bottom: 30px;
+
+  .post-title {
+    font-size: 25px;
+    text-decoration: none;
+  }
+}

elixir-theme.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "elixir-theme"
-  spec.version       = "0.1.24"
+  spec.version       = "0.1.25"
   spec.authors       = ["jacek.lebioda"]
   spec.email         = ["jacek.lebioda@uni.lu"]