List recent articles

content/_index.md

@@ -1,3 +1,5 @@
 +++
+sort_by = "date"
+paginate_by = 4
 +++
 

content/lorem.md

@@ -12,6 +12,8 @@ tags = ["lorem", "ipsum"]
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Erat pellentesque adipiscing commodo elit at. Morbi blandit cursus risus at ultrices mi tempus imperdiet nulla. Quis viverra nibh cras pulvinar. Cursus in hac habitasse platea dictumst. Pulvinar etiam non quam lacus. Turpis egestas maecenas pharetra convallis posuere morbi leo urna molestie. Quam elementum pulvinar etiam non quam lacus suspendisse faucibus. In pellentesque massa placerat duis ultricies lacus. Sed vulputate odio ut enim blandit volutpat maecenas volutpat. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque.
 
+<!-- more -->
+
 Dignissim enim sit amet venenatis urna cursus eget nunc. Cras adipiscing enim eu turpis egestas. Elementum pulvinar etiam non quam lacus suspendisse faucibus interdum posuere. Volutpat diam ut venenatis tellus in metus vulputate eu scelerisque. In tellus integer feugiat scelerisque. Tellus integer feugiat scelerisque varius. Nunc congue nisi vitae suscipit tellus mauris a diam. Faucibus interdum posuere lorem ipsum dolor sit amet consectetur adipiscing. Faucibus interdum posuere lorem ipsum dolor sit amet. Erat imperdiet sed euismod nisi porta lorem mollis. Diam ut venenatis tellus in. Erat nam at lectus urna duis convallis. Nibh sed pulvinar proin gravida hendrerit lectus. Quam id leo in vitae turpis massa sed.
 
 Luctus venenatis lectus magna fringilla urna porttitor rhoncus dolor. Donec et odio pellentesque diam volutpat. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget. Nec ullamcorper sit amet risus nullam eget felis. Sit amet dictum sit amet justo donec enim diam. Nulla pellentesque dignissim enim sit amet venenatis urna cursus eget. Sed odio morbi quis commodo odio aenean. Et netus et malesuada fames ac turpis egestas maecenas. Gravida quis blandit turpis cursus in hac habitasse. Nisl suscipit adipiscing bibendum est ultricies. Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque. Urna cursus eget nunc scelerisque.

static/style.css

@@ -62,6 +62,8 @@ main .info ul {
 }
 main .info ul li { margin-right: 1em }
 
+main article h1 a { color: inherit }
+
 a {
 	color: #E1140A;
 	text-decoration: none;

templates/index.html

@@ -25,7 +25,9 @@
 	</aside>
 	<main>
 		{% block content %}
-			{{ section.content | safe }}
+			{% for page in paginator.pages %}
+				{{ macros::list_article(page=page) }}
+			{% endfor %}
 		{% endblock content %}
 	</main>
 </body>

templates/macros.html

@@ -26,3 +26,11 @@
 		{% endif %}
 	</div>
 {% endmacro page_info %}
+
+{% macro list_article(page) %}
+	<article>
+		<h1><a href="{{ page.permalink }}">{{ page.title }}</a></h1>
+		<p>{{ page.summary | safe }}</p>
+		{{ self::page_info(page=page) }}
+	</article>
+{% endmacro list_articles %}