diff --git a/index.njk b/index.njk
index 928390e..fc9d72a 100644
--- a/index.njk
+++ b/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>
diff --git a/posts/intro.md b/posts/intro.md
index a7ecd39..9510b5f 100644
--- a/posts/intro.md
+++ b/posts/intro.md
@@ -1 +1,8 @@
-# Ololo
+---
+title: Что такое Cyclocrust?
+---
+
+Это фреймбилдинг как арт проект. Способ моего самовыражения
+через эстетику классических стальных рам.
+
+Медитатция в процессе производства
diff --git a/posts/posts.json b/posts/posts.json
index e66ddfa..1850040 100644
--- a/posts/posts.json
+++ b/posts/posts.json
@@ -1,3 +1,4 @@
 {
-    layout: "main"
+  "layout": "main",
+  "tags": ["posts"]
 }
diff --git a/static/css/base.css b/static/css/base.css
index 95ae0a1..e14a7a4 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -1,53 +1,12 @@
 body {
-    background: black;
-    display: grid;
-    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;
+  background: black;
+  color: white;
 }
 
 .head > .logo > svg {
-    display: block;
-    fill: white;
-    height: auto;
+  display: block;
+  fill: white;
+  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;
-}
-