Create article archive page

Author: Scott Cranfill

_layouts/post.html

@@ -48,7 +48,7 @@ <h4 class="tags_head">Tags:</h4>
             <h2 class="sidebar_head">More articles</h2>
 
             <ul class="sidebar_list nav-list">
-            {% for post in site.posts limit:10 %}
+            {% for post in site.posts limit:5 %}
                 <li class="sidebar_list_item">
                     <h3 class="sidebar_list_item_head">
                         <a href="../../{{ post.url | remove_first:'/'}}">
@@ -71,11 +71,10 @@ <h3 class="sidebar_list_item_head">
             {% endfor %}
             </ul>
 
-            <!-- Hide until we have published at least 4 articles -->
-            <!-- <a class="more-articles_read-more-link call-to-action__icon"
-               href="../../articles/">
-               Read more articles <i class="icon-right"></i>
-            </a> -->
+            <a class="call-to-action"
+               href="../">
+               View full archive
+            </a>
         </div>
     </section>
 </div>

articles/index.md

@@ -0,0 +1,31 @@
+---
+published: true
+layout: page
+author:
+title: "Article archive"
+permalink: /articles/
+---
+
+<ul class="nav-list">
+{% for post in site.posts %}
+    <li class="sidebar_list_item">
+        <h3 class="sidebar_list_item_head">
+            <a href="../../{{ post.url | remove_first:'/'}}">
+                {{ post.title }}
+            </a>
+        </h3>
+
+        <div class="sidebar_list_item_meta entry_meta">
+            {% if post.author %}
+            By <span class="author">{{ post.author }}</span> &ndash;
+            {% endif %}
+
+            {% if post.date %}
+            <time datetime="{{ post.date | date: '%b %d, %Y' }}">
+                {{ post.date | date: '%b %d, %Y' }}
+            </time>
+            {% endif %}
+        </div>
+    </li>
+{% endfor %}
+</ul>

index.html

@@ -165,11 +165,10 @@ <h3 class="sidebar_list_item_head">
                     {% endfor %}
                     </ul>
 
-                    <!-- Hide until we have published at least 4 articles -->
-                    <!-- <a class="more-articles_read-more-link call-to-action__icon"
+                    <a class="call-to-action"
                        href="articles/">
-                       Read more articles <i class="icon-right"></i>
-                    </a> -->
+                       View full archive
+                    </a>
                 </section>
             </section>