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.

4 files changed, 50 insertions, 0 deletions

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>