Сброс стилей, начал писать пост, вывод постов

index.njk

@@ -1,4 +1,12 @@
 ---
 layout: main
 ---
-<div>ololo</div>
+
+<div class="posts">
+{%- for post in collections.posts -%}
+  <div class="post">
+    <a href="{{ post.url }}">{{ post.data.title }}</a>
+    {{ post.title }}
+  </div>
+{%- endfor -%}
+</div>

posts/intro.md

@@ -1 +1,8 @@
-# Ololo
+---
+title: Что такое Cyclocrust?
+---
+
+Это фреймбилдинг как арт проект. Способ моего самовыражения
+через эстетику классических стальных рам.
+
+Медитатция в процессе производства

posts/posts.json

@@ -1,3 +1,4 @@
 {
-    layout: "main"
+  "layout": "main",
+  "tags": ["posts"]
 }

static/css/base.css

@@ -1,53 +1,12 @@
 body {
-    background: black;
+  background: black;
-    display: grid;
+  color: white;
-    grid-template-columns: minmax(1em, 20%) repeat(6, 1fr) minmax(1em, 20%);
-    grid-template-rows: max-content auto;
-    color: white;
-    gap: 2em 0;
-}
-
-.head, .main {
-    display: grid;
-    grid-template-rows: subgrid;
-    grid-column: 2/8;
-}
-
-.head {
-    grid-row: 1/2;
-    grid-template-columns: min-content max-content auto;
-    padding-top: 2em;
-    gap: 1em;
-    align-items: center;
 }
 
 .head > .logo > svg {
-    display: block;
+  display: block;
-    fill: white;
+  fill: white;
-    height: auto;
+  height: auto;
   width: 100px;
 }
 
-.head > .logo {
-    grid-column: 1/2;
-}
-
-.head > h1 {
-    color: white;
-    grid-column: 2/3;
-}
-
-.head > ul {
-    grid-column: 3/4;
-    list-style: "";
-    justify-self: end;
-}
-
-.head .links a {
-  color: white;
-}
-
-.main {
-    grid-row: 2/-1;
-}
-