From 7b46213ebebd38f1b2f55df0b1efde88059c814d Mon Sep 17 00:00:00 2001
From: la-ninpre <leobrekalini@gmail.com>
Date: Thu, 12 Nov 2020 02:14:04 +0300
Subject: add post functionality

this is not for real like blog posts, but for my telegram ones. they are
small and may be just written in plain on one page. of course, it'll
make this page too long, but to that time i'll find how to deal with it.
---
 _layouts/post.html           | 12 ++++++++++++
 _posts/2020-11-12-example.md | 11 +++++++++++
 _sass/main.scss              | 18 ++++++++++++++++++
 other.md                     |  9 +++++++++
 4 files changed, 50 insertions(+)
 create mode 100644 _layouts/post.html
 create mode 100644 _posts/2020-11-12-example.md

diff --git a/_layouts/post.html b/_layouts/post.html
new file mode 100644
index 0000000..e94ff43
--- /dev/null
+++ b/_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>
diff --git a/_posts/2020-11-12-example.md b/_posts/2020-11-12-example.md
new file mode 100644
index 0000000..ddc3c32
--- /dev/null
+++ b/_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.
diff --git a/_sass/main.scss b/_sass/main.scss
index 61b9feb..70c2b3a 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -60,6 +60,24 @@ h1, h2, h3, h4, h5, h6 {
 	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;
diff --git a/other.md b/other.md
index 505c5d9..74e25f6 100644
--- a/other.md
+++ b/other.md
@@ -6,3 +6,12 @@ permalink: /other/
 # 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>
-- 
cgit v1.2.3