more idiomatic

sass/style.scss

@@ -144,6 +144,12 @@ ul.nav {
   }
 }
 
+ul.posts {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}
+
 .brand-title {
   font-size: 1.4rem;
   text-transform: uppercase;

templates/base.html

@@ -43,8 +43,8 @@
         <li><a href="/blog/atom.xml">RSS</a></li>
       </ul>
     </header>
-    <section class="section">
-      <div class="container">{% block content %} {% endblock %}</div>
+    <section class="section container">
+      {% block content %} {% endblock %}
     </section>
   </body>
 </html>

templates/blog-page.html

@@ -12,9 +12,11 @@
 {% endblock %}
 
 {% block content %}
+<article>
 <h1 class="title">
   {{ page.title }}
 </h1>
 <p class="blog-date"><strong><time datetime="{{ page.date }}">{{ page.date }}</time></strong></p>
 {{ page.content | safe }}
+</article>
 {% endblock content %}

templates/index.html

@@ -1,20 +1,21 @@
-{% extends "base.html" %}
-
-{% block content %}
-<h1 class="title">
-  Welcome to my website
-</h1>
-<p>This is my personal website, where I post articles and other stuff, usually about coding, ideas or anything related to the tech world.</p>
+{% extends "base.html" %} {% block content %}
+<h1 class="title">Welcome to my website</h1>
+<p>
+  This is my personal website, where I post articles and other stuff, usually
+  about coding, ideas or anything related to the tech world.
+</p>
 
 {% set section = get_section(path="blog/_index.md") %}
 <h2>Articles</h2>
-<div class="posts">
-  {% for page in section.pages %}
-      <article class="post">
-          <span><time datetime="{{ page.date }}">{{ page.date }}</time>: </span>
-          <a href="{{ page.permalink }}" title="{{ page.description }}">{{ page.title }}</a>
-      </article>
-  {% endfor %}
-</div>
+<ul class="posts">
+{% for page in section.pages %}
+<li>
+  <span><time datetime="{{ page.date }}">{{ page.date }}</time>: </span>
+  <a href="{{ page.permalink }}" title="{{ page.description }}"
+    >{{ page.title }}</a
+  >
+</li>
+{% endfor %}
+</ul>
 
 {% endblock content %}