pokpok

templates/index.html

@@ -1,14 +1,38 @@
 {% extends "base.html" %}
 
+{% block title %}
+{{ config.title }}
+{% endblock %}
+
 {% block content %}
 
+<div class="pagination">
+    <a href="{{ get_url(path="@/blog/_index.md") }}">Go to blog</a>
+</div>
+
 {% set blog_section = get_section(path="blog/_index.md") %}
-<ul>
-{% for post in blog_section.pages | slice(end=3) %}
-    <li><a href="{{ post.permalink | safe }}">{{ post.title }}</a> - {{ post.date | date(format="%B %-d, %Y") }}</li>
-    <div class="typography">{{ post.summary | safe }}</div>
+{% for page in blog_section.pages | slice(end=5) %}
+<div class="article-header">
+    <h1><a href="{{ page.permalink | safe }}">{{ page.title }}</a></h1>
+    <div class="info">
+        <p class="date">{{ page.date | date(format="%B %-d, %Y") }}</p>
+        <p class="tags">
+        {% for tag in page.taxonomies["tags"] %}
+            <a href="{{ get_taxonomy_url(kind="tags", name=tag) }}">#{{ tag }}</a>
+        {%- endfor %}
+        </p>
+    </div>
+</div>
+<div class="typography">
+    {{ page.summary | safe }}
+    <p><a href="">Read more…</a></p>
+</div>
+{% if not loop.last %}<hr />{% endif %}
 {% endfor %}
-</ul>
+
+<div class="pagination">
+    <a href="">Go to blog</a>
+</div>
 
 {% endblock %}