From 9ff775d22c0b90b561159da2ba00e8856d53c6f1 Mon Sep 17 00:00:00 2001
From: mnik01 <maksimgrinberg01@gmail.com>
Date: Sat, 4 Oct 2025 21:10:19 +0500
Subject: wip: new page about telegram

---
 src/pages/index.html | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

(limited to 'src/pages/index.html')

diff --git a/src/pages/index.html b/src/pages/index.html
index b10624b..edace75 100644
--- a/src/pages/index.html
+++ b/src/pages/index.html
@@ -26,6 +26,23 @@
         <div class="mx-auto flex flex-col-reverse py-12 md:grid gap-4 grid-cols-12 container max-sm:px-5">
             <section class="col-span-9">
                 <ul class="gap-10 flex flex-col">
+                    <li>
+                        <article>
+                            <header>
+                                <h1 class="text-2xl first-letter:capitalize">Про телеграмчик и Дурова</h1>
+                                <div class="flex flex-wrap gap-2 mt-2">
+                                    <time class="text-zinc-600 text-sm">UTC 20:32 03.10.25</time>
+                                    <a href="#" class="flex items-center justify-center bg-sky-200 rounded-lg px-1.5 text-sky-600 first-letter:capitalize hover:underline text-xs">telegram</a>
+                                    <a href="#" class="flex items-center justify-center bg-amber-200 rounded-lg px-1.5 text-amber-600 first-letter:capitalize hover:underline text-xs">приватность</a>
+                                </div>
+                            </header>
+                            <main class="space-y-2 mt-4">
+                                <a href="/assets/images/telegram.jpg" class="max-sm:w-full sm:float-left sm:mr-5"><img class="border-zinc-200 max-sm:mx-auto border" width="128" height="128" src="/assets/images/telegram.jpg" /></a>
+                                <p>TODO</p>
+                            </main>
+                            <a class="mt-4 underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/posts/telegram-durov.html">продолжить чтение →</a>
+                        </article>
+                    </li>
                     <li>
                         <article>
                             <header>
@@ -38,7 +55,7 @@
                                 </div>
                             </header>
                             <main class="space-y-2 mt-4">
-                                <img width="192" height="192" class="border border-zinc-200 mr-4 float-left" src="/assets/phone.png" />
+                                <a href="/assets/phone.png" class="max-sm:w-full sm:float-left sm:mr-5"><img class="border-zinc-200 max-sm:mx-auto border" width="192" height="192" src="/assets/phone.png" /></a>
                                 <p>TODO</p>
                             </main>
                             <a class="mt-4 underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/posts/mobile-phones.html">продолжить чтение →</a>
@@ -54,7 +71,7 @@
                                 </div>
                             </header>
                             <main class="space-y-2 mt-4">
-                                <a class="border max-sm:w-full float-left border-zinc-200 mr-5" href="/assets/images/czar_cover.webp"><img class="max-sm:mx-auto" width="224" src="/assets/images/czar_cover.webp" alt="арт обложка игры"></a>
+                                <a class="max-sm:w-full sm:float-left sm:mr-5" href="/assets/images/czar_cover.webp"><img class="border-zinc-200 max-sm:mx-auto border" width="224" src="/assets/images/czar_cover.webp" alt="арт обложка игры"></a>
                                 <p>Жанр, сеттинг.</p>
                                 <p>Игра в жанре шутера от первого лица. Сеттинг — Российская империя, XX век. Геймплей включает стрельбу, уклонения, диалоги, а иногда и небольшие головоломки.</p>
                                 <p>Сеттинг уникальный и атмосфера вайбовая. Играть приятно.</p>
-- 
cgit v1.2.3