A _layouts/post.html

@@ -0,0 +1,12 @@
+---
+layout: default
+---
+
+<div class="post">
+<h1>{{ page.title }}</h1>
+<hr>
+<i>{{ page.date | date: "%Y-%m-%d %H:%M" }}</i>
+
+{{ content }}
+
+</div>

A _posts/2020-11-12-example.md

@@ -0,0 +1,11 @@
+---
+title: example post
+date: 2020-11-12T02:11:45+03:00
+layout: post
+---
+
+this is an example post.
+
+i have plans on moving my posts from telegram channel here,
+so they are not restricted. but the script to automate this
+process is work in progress yet.

M _sass/main.scss → _sass/main.scss

@@ -60,6 +60,24 @@ font: 200% $font-title;
 	color: $color-main-blue;
 }
 
+.post {
+    padding: 1em;
+    margin: 1em;
+    background: #1f1f1f;
+    border-radius: 25px 25px 25px 0px;
+    word-wrap: break-word;
+    p {
+        img {
+            max-width: 100%
+        }
+    }
+}
+
+audio {
+    width: 100%;
+    border-radius: 25px;
+}
+
 footer {
 	border-top: $border-main;
 	text-align: center;

M other.md → other.md

@@ -6,3 +6,12 @@
 # other
 
 here will be some misc stuff
+
+<div class="posts">
+{% for post in site.posts %}
+    <div class="post">
+        {{ post.content }}
+        <a href="{{ post.url }}">{{ post.date | date_to_string }}</a>
+    </div>
+{% endfor %}
+</div>