main: articles page skeleton

main/templates/main/main_articles_page.html

+{% extends "main/base.html" %}
+
+{% block content %}
+  {# nemame design #}
+  <header>
+    <h1 itemprop="headline" class="head-alt-md md:head-alt-lg max-w-5xl mb-8">{{ page.title }}</h1>
+  </header>
+
+  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-8">
+    {% for a in articles %}
+      {% include "shared/article_preview.html" with article=a %}
+    {% endfor %}
+  </div>
+{% endblock %}