Added tailwind. Started to develop projects page

content/projects/_index.md

@@ -0,0 +1,5 @@
+---
+title: "Projects"
+---
+
+Here you can have a look at the graveyard of my projects

content/projects/brial_bot.md

@@ -0,0 +1,28 @@
+---
+title: "Brial bot"
+date: 2024-01-02T16:06:02+04:00
+image: "/brial_bot_256.jpeg"
+description: "Meet Brial Bot, the Telegram chatbot designed to turn your messages into captivating Brial code!"
+draft: False
+---
+
+![Brial Bot](/brial_bot.jpeg)
+
+Meet Brial Bot, the Telegram chatbot designed to turn your messages into captivating Brial code! Brial Bot adds a dash of mystery and entertainment to your conversations with its unique text conversion feature.
+
+## Features:
+
+- **Brial Code Conversion:** Simply send your text messages to Brial Bot, and experience the excitement as it transforms your words into intriguing Brial code. Elevate your chat experience with a touch of cryptic fun!
+
+- **Interactive Chats:** Engage in dynamic conversations with Brial Bot by sending plain text messages. Decode the responses and enjoy the interactive and playful nature of Brial Bot's unique communication style.
+
+- **Personalized and Fun:** Whether you want to spice up your chats or explore linguistic creativity, Brial Bot is here to add a personalized and entertaining twist to your messaging experience.
+
+## How to Use:
+
+1. Start a chat with Brial Bot on Telegram.
+2. Send a text message, and let Brial Bot work its Brial coding magic.
+3. Decode the responses and immerse yourself in the enjoyable and mysterious interactions!
+
+Discover the world of Brial coding with Brial Bot, your Telegram companion for playful and engaging conversations. Customize your chats and share the joy of decoding with friends!
+

content/projects/kilogram.md

@@ -1,6 +1,8 @@
 ---
 title: "Kilogram"
 date: 2024-01-02T10:30:35+04:00
+image: "/kilogram_logo_256.jpeg"
+description: "Kilogram is a command-line interface (CLI) Telegram client designed for..."
 draft: false
 ---
 

layouts/projects/list.html

@@ -0,0 +1,19 @@
+{{ define "title" }}
+  {{ title (i18n (lower .Title)) | default .Title }} · {{ .Site.Title }}
+{{ end }}
+{{ define "content" }}
+<div class="w-full gridgap-4">
+  {{ range .Pages }}
+  <div class="flex  gap-2 justify-self-center">
+        <img src="{{.Params.image}}"
+            alt="{{.Title}}"
+        >
+        <div>
+        <h2>{{.Title}}</h2>
+        <h5 class=" w-[256px] text-xl font-normal">{{.Params.description}}</h5>
+        <a href="{{.Permalink}}"><button>More...</button></a>
+        </div>
+  </div>
+  {{end}}
+</div>
+{{end}}