feat: page

9 files changed, 177 insertions, 57 deletions

diff --git a/.gitignore b/.gitignore
index a2bc43c..59d7d56 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,3 +3,6 @@ tailwindcss
 tailwindcss-linux-x64
 tailwindcss-macos-arm64
 jelly-cms
+
+*.cgi
+.cgi
\ No newline at end of file
diff --git a/assets/images/durov-meme.jpg b/assets/images/durov-meme.jpg
new file mode 100644
index 0000000..75e11fa
--- /dev/null
+++ b/assets/images/durov-meme.jpg
diff --git a/public/rss.xml b/public/rss.xml
index e69de29..3bb2212 100644
--- a/public/rss.xml
+++ b/public/rss.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+    <loc>https://mnik01-blog.mlibren.com/</loc>
+  </url>
+  <url>
+    <loc>https://mnik01-blog.mlibren.com/posts/telegram-durov.html</loc>
+  </url>
+  <url>
+    <loc>https://mnik01-blog.mlibren.com/portfolio.html</loc>
+  </url>
+  <url>
+    <loc>https://mnik01-blog.mlibren.com/guest-book.html</loc>
+  </url>
+</urlset>
\ No newline at end of file
diff --git a/public/sitemap.xml b/public/sitemap.xml
index e69de29..4b80463 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<rss version="2.0">
+  <channel>
+    <title>Максим Никонов Персональная страница</title>
+    <link>https://mnik01-blog.mlibren.com/</link>
+    <description>Публикации</description>
+    <language>ru</language>
+    <lastBuildDate>06 Oct 2025 10:00:00 +0000</lastBuildDate>
+
+    <item>
+      <title>Про телеграмчик и Дурова</title>
+      <link>https://mnik01-blog.mlibren.com/posts/telegram-durov.html</link>
+      <guid>https://mnik01-blog.mlibren.com/posts/telegram-durov.html</guid>
+      <pubDate>03 Oct 2025 08:32:00 +0000</pubDate>
+      <description>Вряд ли я скажу что-то новое по теме, но тем не менее -- тема всё ещё актуальная и у людей есть «вера» в Дурова и его телеграм. Так что думаю что всё же распишу для знакомых то как я всё это вижу. Проговорим вслух, что такое Телеграм — по крайней мере, в его нынешнем виде, и, вроде как, это не планирует меняться. Телеграм — это интернет-мессенджер, реализованный по клиент-серверной архитектуре. Клиентская сторона представлена программами под разные операционные системы, либо веб-интерфейсом, который не работает без ...</description>
+    </item>
+
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/src/cgi/tags.cgi b/src/cgi/tags.cgi
new file mode 100755
index 0000000..6fd5167
--- /dev/null
+++ b/src/cgi/tags.cgi
diff --git a/src/pages/index.html b/src/pages/index.html
index edace75..f215494 100644
--- a/src/pages/index.html
+++ b/src/pages/index.html
@@ -5,9 +5,9 @@
     <title>Максим Никонов личная страница</title>
     <link rel="icon" href="/assets/icons/favicon.svg" type="image/svg+xml">
     <!-- OG -->
-    <meta property="og:title" content="TODO" />
-    <meta property="og:description" content="TODO" />
-    <meta property="og:image" content="TODO" />
+    <meta property="og:title" content="Максим Никонов личная страница" />
+    <meta property="og:description" content="Личная страница. Блог, программирование, видео-игры и прочее." />
+    <meta property="og:image" content="https://mnik01-blog.mlibren.com/og-images/common.jpg" />
     <meta property="og:url" content="https://mnik01-blog.mlibren.com" />
     <meta property="og:type" content="website" />
     <!-- OG -->
@@ -38,12 +38,13 @@
                             </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>
+                                <p>Вряд ли я скажу что-то новое по теме, но тем не менее -- тема всё ещё актуальная и у людей есть «вера» в Дурова и его телеграм. Так что думаю что всё же распишу для знакомых то как я всё это вижу.</p>
+                                <p>Проговорим вслух, что такое Телеграм — по крайней мере, в его нынешнем виде, и, вроде как, это не планирует меняться. Телеграм — это интернет-мессенджер, реализованный по клиент-серверной архитектуре. Клиентская сторона представлена программами под разные операционные системы, либо веб-интерфейсом, который не работает без JavaScript. Серверная сторона, инфраструктура и протокол связи являются закрытыми, и о них мало что известно наверняка.</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>
+                    <!-- <li>
                         <article>
                             <header>
                                 <h1 class="text-2xl first-letter:capitalize">какими, по-моему, должны быть мобильные телефоны</h1>
@@ -60,8 +61,8 @@
                             </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>
                         </article>
-                    </li>
-                    <li>
+                    </li> -->
+                    <!-- <li>
                         <article>
                             <header>
                                 <h1 class="text-2xl first-letter:capitalize">Заметки про The Czar is Dead 2 Demo</h1>
@@ -81,7 +82,7 @@
                             </main>
                             <a class="mt-4 underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/posts/czar-is-dead-2-demo.html">продолжить чтение →</a>
                         </article>
-                    </li>
+                    </li> -->
                 </ul>
             </section>
             <!-- %include.sidebar% -->
diff --git a/src/pages/posts/telegram-durov.html b/src/pages/posts/telegram-durov.html
index b2f8d41..f56359c 100644
--- a/src/pages/posts/telegram-durov.html
+++ b/src/pages/posts/telegram-durov.html
@@ -6,7 +6,7 @@
     <link rel="icon" href="/assets/icons/logo.svg" type="image/svg+xml">
     <!-- OG -->
     <meta property="og:title" content="Про телеграмчик и Дурова" />
-    <meta property="og:description" content="TODO ..." />
+    <meta property="og:description" content="Вряд ли я скажу что-то новое по теме, но тем не менее -- тема всё ещё актуальная и у людей есть «вера» в Дурова и его телеграм. Так что думаю что всё же распишу для знакомых то как я всё это вижу. Проговорим вслух, что такое Телеграм — по крайней мере, в его нынешнем виде, и, вроде как, это не планирует меняться. Телеграм — это интернет-мессенджер, реализованный по клиент-серверной архитектуре. Клиентская сторона представлена программами под разные операционные системы, либо веб-интерфейсом, который не работает без ..." />
     <meta property="og:image" content="https://mnik01-blog.mlibren.com/og-images/telegram.jpg" />
     <meta name="twitter:card" content="https://mnik01-blog.mlibren.com/og-images/telegram.jpg">
     <meta name="twitter:image" content="https://mnik01-blog.mlibren.com/og-images/telegram.jpg">
@@ -29,63 +29,93 @@
                         <h1 class="text-2xl font-serif first-letter:capitalize">Про телеграмчик и Дурова</h1>
                         <div id="tags" 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>
+                            <a href="/cgi/tags.cgi?tag=telegram" 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="/cgi/tags.cgi?tag=приватность" 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>Вряд ли я скажу что-то новое по теме, но тем не менее -- тема всё ещё актуальная и у людей есть «вера» в Дурова и его телеграм. Так что думаю что всё же распишу для знакомых то как я всё это вижу.</p>
                         <a href="#about-telegram" id="about-telegram" class="text-xl mb-2 font-serif inline-block">
-                            <span class="italic text-zinc-600">#</span>
-                            <h2 class="inline">Про телеграм</h2>
+                            <span class="italic text-zinc-600">##</span>
+                            <h2 class="inline">Телеграм</h2>
                         </a>
-                        <p>Проговорим в слух что такое телеграм, покрайней мере в его нынешнем виде и, вроде как это не планирует меняться.: телеграм -- это интернет мессенджер. Реализованный по клиент-серверной архитектуре. Клиентская сторона представлена программами на разные операционные системы либо веб интерфейсом, который не работает без JavaScript. Серверная сторона, инфраструктура и протокол связи являются закрытыми и о них мало что изветно наверняка.</p>
+                        <p>Проговорим вслух, что такое Телеграм — по крайней мере, в его нынешнем виде, и, вроде как, это не планирует меняться. Телеграм — это интернет-мессенджер, реализованный по клиент-серверной архитектуре. Клиентская сторона представлена программами под разные операционные системы, либо веб-интерфейсом, который не работает без JavaScript. Серверная сторона, инфраструктура и протокол связи являются закрытыми, и о них мало что известно наверняка.</p>
+                        <p>Очередное решение, подконтрольное <i>одной конкретной стороне</i>.</p>
+                        <p>Бывает ли иначе? Конечно. Например, электронная почта и XMPP/Jabber не подконтрольны какой-либо одной стороне, так как являются децентрализованными решениями.</p>
                         <a href="#reputation" id="reputation" class="text-lg mb-1 font-serif inline-block">
-                            <span class="italic text-zinc-600">#</span>
-                            <h3 class="inline">Репутация</h3>
+                            <span class="italic text-zinc-600">###</span>
+                            <h2 class="inline">Репутация</h2>
                         </a>
-                        <p>история про войну с РКН и репутация эдакого свободоборца. Будто единственно свободное место ныне. Хоть в последнее время чууууть-чуть стал этот образ спадать, как мне кажется, но видимо только в кругах (хотя бы маломальски) интересующихся приватностью.</p>
+                        <p>У Телеграма в народе репутация чуть ли не единственного обиталища свободы и приватности. Пошло это примерно со времён войны с РосКомНадзором. Чувство ложной безопасности из-за репутации, как всегда, играет с пользователями злую шутку и не даёт задуматься о том, чему и кому они доверяют, пользуясь “телегой”.</p>
+                        <a href="#fsb" id="fsb" class="text-lg mb-1 font-serif inline-block">
+                            <span class="italic text-zinc-600">####</span>
+                            <h2 class="inline">Мутная история с инфраструктурой телеграма</h2>
+                        </a>
+                        <iframe class="max-sm:w-[calc(100vw_-_40px)] mt-2 mx-auto" width="560" height="315" src="https://www.youtube.com/embed/UmgP7jbhU7s?si=uerJsMXRFlHZQvPE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+                        <p>Кринж.</p>
+                        <p>Если предположить, что сказанное в видео — правда, то история супер-кринжовая и телеграм прямо-таки звеняще ФСБ-шный. А если не правда — то история всё равно мутная. Точно не узнать как раз потому, что система Телеграма закрытая — и организационно, и технически.</p>
                         <a href="#technical" id="technical" class="text-lg mb-1 font-serif inline-block">
-                            <span class="italic text-zinc-600">#</span>
-                            <h3 class="inline">Техническая часть</h3>
+                            <span class="italic text-zinc-600">###</span>
+                            <h2 class="inline">Техническая часть</h2>
+                        </a>
+                        <p>В Телеграме используется два принципиально разных типа шифрования. Первое — это обычные облачные чаты, где сообщения зашифрованы только на пути между клиентом и сервером (client-to-server). Второе — это секретные чаты, где применяется настоящее <i>end-to-end</i> шифрование, и данные доступны только двум участникам переписки.</p>
+                        <p>Секретные чаты работают только в формате «один на один» и не поддерживаются в группах или каналах. В них создаётся уникальный общий ключ с помощью протокола <i>Diffie–Hellman</i>: устройства обмениваются частями ключа, но сам сервер при этом не может узнать итоговый общий секрет. После этого переписка шифруется симметричным алгоритмом <i>AES-256 (IGE)</i>, а ключ хранится только на устройствах участников, без синхронизации в облаке.</p>
+                        <p>Шифрование в закрытых чатах Telegram считается достаточно безопасным — клиентская часть проекта открыта и доступна на GitHub, а сам протокол MTProto 2.0 подробно задокументирован. Да, серверная реализация остаётся закрытой, но архитектура протокола позволяет обеспечить сквозное шифрование без участия сервера в вычислении ключей.</p>
+                        <a href="#encryption" id="encryption" class="text-lg mb-1 font-serif inline-block">
+                            <span class="italic text-zinc-600">####</span>
+                            <h2 class="inline">Шифрование и доверие</h2>
+                        </a>
+                        <p>Обычные облачные чаты в Телеграме устроены иначе: все сообщения шифруются, но ключи контролируются самим Телеграмом. Это необходимо для синхронизации переписок между устройствами, но одновременно делает их полностью прозрачными для компании как стороны. Если Телеграм будет скомпрометирован — или решит сотрудничать с третьими лицами — то такие сообщения следует рассматривать как <i>не зашифрованные вовсе</i>.</p>
+                        <p>Большинство пользователей об этом не задумываются и продолжают использовать именно обычные чаты, потому что они удобнее: доступны на всех устройствах, позволяют использовать ботов, группы и каналы. Но с точки зрения приватности разница огромная — защищёнными можно считать только секретные чаты.</p>
+                        <p>В целом, шифрование — не та вещь, которую кто-то может «сделать за тебя». Чтобы оно действительно работало <i>на тебя</i>, нужно понимать, как оно устроено и осознанно выбирать, где и как общаться.</p>
+                        <p>Тут всё выглядит так будто сделано на грани. Чтобы можно было сказать что шифрование и приватность есть, но это как что-то в сторонке и чем редко кто пользуется. А в основном все используют, конечно, обычные чаты, что и видимо выгодно телеграму. Так как при желани он их может сливать.</p>
+                        <a href="#authority" id="authority" class="text-lg mb-1 font-serif inline-block">
+                            <span class="italic text-zinc-600">###</span>
+                            <h2 class="inline">Authority</h2>
+                        </a>
+                        <p>Из-за того, что Телеграм — это очередное решение, принадлежащее одной стороне, оно становится уязвимо к тому, что что-то может произойти с этой стороной. Павел Дуров и компания, владеющая Телеграмом, становятся единой точкой отказа, на которую можно давить. А вкупе с тем, что ключи шифрования не управляются пользователем, получается совсем здорово.</p>
+                        <p>Например, недавняя ситуация с арестом Дурова во Франции, после которого из политики конфиденциальности пропали пункты о том, что Телеграм не выдаёт данные. И так может происходить когда угодно и от любой стороны — достаточно давить на Дурова, и всё. Но он, видимо, уже понял, что нельзя быть “самим по себе” и нужно “ходить под кем-то” для крышевания.</p>
+                        <p>Вспомните про такую вещь, как <a href="https://ru.wikipedia.org/wiki/Фактор_автобуса">bus factor</a>. Вот помрёт завтра Дуров — что тогда? Сравните с электронной почтой или XMPP — там такой проблемы нет, так как сети не имеют единой точки отказа.</p>
+                        <a href="#privacy" id="privacy" class="text-lg mb-1 font-serif inline-block">
+                            <span class="italic text-zinc-600">###</span>
+                            <h2 class="inline">Приватность</h2>
                         </a>
-                        <p>Из-за того что протокол, шифрование и back-end телеграма закрыты становится невозможен независимый аудит безопасности. Как кода на стороне серверов (реализации протокола) так и самого протокола в целом.</p>
-                        <h4 class="text-lg font-serif mb-1">Шифрование и доверие</h4>
-                        <p>Ключи шифрования генерируются и управляются самим телеграмом а не пользователем. Например вы не можете сгенерировать свой ключ и хранить его как вам вздумается, например, не отсылать его в телеграм вообще. Из-за этого пользователь не может быть доподлинно уверен в том что его ключи никуда "на сторону" не утекают.</p>
-                        <p>Бывает ли иначе: бывает, например в GPG шифровании почты.</p>
-                        <p>Но <i>обычный пользователь</i> таким заниматься не будет. Потому что "многа букав, думать надо". А если никто из твоего окружения этим не занимается то и тебе смысла переходить нет, так уж держат социальные связи.</p>
-                        <h4 class="text-lg font-serif mb-2">Инфраструктура и мутная организация</h4>
-                        <a href="#concept" id="concept" class="text-lg mb-1 font-serif inline-block">
-                            <span class="italic text-zinc-600">#</span>
-                            <h3 class="inline">Концептуально</h3>
+                        <p>Телеграм требует для регистрации номер мобильного телефона (непонятно зачем). Существуют разные боты для <a class="underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize inline-block" href="https://www.youtube.com/shorts/bkDkhhgjvJc?feature=share">“пробива” по user ID</a>, если он уже где-то светился.</p>
+                        <p>Нет возможности пройти регистрацию с desktop-клиента, только с мобильных.</p>
+                        <a href="#communication" id="communication" class="text-lg mb-1 font-serif inline-block">
+                            <span class="italic text-zinc-600">###</span>
+                            <h2 class="inline">Коммуникации</h2>
                         </a>
-                        <p>Очередное решение подконтрольное одной конкретной стороне.</p>
+                        <p>У пользователей есть возможность удалять переписку с обеих сторон, слать удаляющиеся вложения и сообщения. Само по себе это не тактично — давать возможность удалить переписку у обоих. Но это ещё и тупо, потому что это, разумеется, можно обойти. Ведь копирование — одно из основных свойств информации: если её можно воспроизвести, то можно и скопировать. Поэтому появляются всякие альтернативные Телеграм-клиенты, в которых можно просматривать удалённые вложения и переписки. Что ставит вас с собеседником в неравное положение. Да и в целом об этом всём ещё и знать надо — что такие подляны могут происходить в этом вашем Телеграмчике.</p>
+                        <a href="#ad" id="ad" class="text-lg mb-1 font-serif inline-block">
+                            <span class="italic text-zinc-600">###</span>
+                            <h2 class="inline">Реклама и крипто-срань</h2>
+                        </a>
+                        <p>Ну тут даже пояснять ничего не нужно — кринж.</p>
                         <a href="#social" id="social" class="text-lg mb-1 font-serif inline-block">
-                            <span class="italic text-zinc-600">#</span>
-                            <h3 class="inline">Социальный аспект</h3>
+                            <span class="italic text-zinc-600">###</span>
+                            <h2 class="inline">Социальный аспект</h2>
                         </a>
-                        <h4 class="text-lg font-serif mb-1">Почему уйти сложно</h4>
-                        <p>Ссылка на Столярова</p>
-                        <h4 class="text-lg font-serif mb-1">Authority</h4>
-                        <p>Кто-то там что-то там решает, а ты как юзер подчиняешься либо идёшь лесом.</p>
-                        <p>Например, регистрация по обязательному номеру телефона.</p>
-                        <p>Например, невозможность закрыть себе личку без Premium.</p>
+                        <p>Из Телеграма и подобных проектов часто бывает сложно уйти, потому что уже накоплены социальные связи. Хотите перейти в программу A, но все ваши друзья уже сидят в Телеграме и вслед за вами не уйдут. Можно либо забить на них и всё равно уйти самому, скорее всего, оставшись в конце концов одному, либо забить и оставаться со всеми в “телеге”, пока она окончательно не сдохнет.</p>
+                        <p>Эта тема лучше раскрыта в работе Андрея Викторовича Столярова — <a class="underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize inline-block" href="http://www.stolyarov.info/books/infosoc">"Проблемы информационного общества."</a>.</p>
+                        <p>А телеграм стремится быть ещё и “супер-приложением”, заменить всё подряд. Блоггинг платформа, свои внутренние приложения, финансы, инфраструктура ботов.</p>
                         <a href="#durov" id="durov" class="text-xl mb-2 font-serif inline-block">
-                            <span class="italic text-zinc-600">#</span>
-                            <h2 class="inline">Про самого Дурова</h2>
+                            <span class="italic text-zinc-600">##</span>
+                            <h2 class="inline">Дуров</h2>
                         </a>
-                        <ul class="list-disc list-inside mb-4">
-                            <li>todo: мем про ДК и сближение с Казахстаном</li>
-                            <li>крипто зашквар и неудача с США</li>
-                            <li>Арест во Франции и сливы данных</li>
-                            <li>Торговля "свободой"</li>
-                        </ul>
+                        <div class="w-full mt-2"><a href="/assets/images/durov-meme.jpg" class="mx-auto w-fit block"><img class="border-zinc-200 border" width="348" src="/assets/images/durov-meme.jpg" /></a></div>
+                        <p class="mt-2">Павел увидел большой запрос у общества на приватность и свободу слова — и принялся этими вещами, или их “ощущением”, торговать.</p>
+                        <p>Эта тема лучше раскрыта у Андрея Викторовича Столярова в видео <a class="underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize inline-block" href="https://youtu.be/h_Sb7RmFyEo">"Информационное насилие: история с телеграмом, или Грабли-2"</a> и <a class="underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize inline-block" href="https://youtu.be/_kge4WXiBdk">"Об аресте Дурова"</a>.</p>
                         <a href="#conclusion" id="conclusion" class="text-xl mb-2 font-serif inline-block">
-                            <span class="italic text-zinc-600">#</span>
+                            <span class="italic text-zinc-600">##</span>
                             <h2 class="inline">Выводы</h2>
                         </a>
-                        <p>Дуров и телега ФСБшные и вообще даже если и нет то оттуда нужно уходить. А куда уходить вопрос сложный и достоен отдельного обсуждения.</p>
+                        <p>Жаль, что сейчас Телеграм — основная платформа для микроблогинга, и вся аудитория там. Ныне у каждого есть по Телеграм-каналу. Представляете, чтобы люди делали так свои, скажем, веб-сайты? Вот и я — нет. Слишком неудобно и сложно.</p>
+                        <p>Да, и важно намерение. Если бы он действительно хотел решить проблемы с приватностью и свободой слова, то не стал бы делать очередное закрытое решение. Просто подсадил всех на свой наркотик.</p>
+                        <p>В общем, Дуров и “телега” конторские, и вообще, даже если и нет — оттуда нужно уходить.
+                            А куда уходить — вопрос сложный и достоин отдельного обсуждения. Но вы не уйдёте, пока совсем плохо не станет. Причём насколько “совсем” — неясно.</p>
+                        <p>С ВК до последнего люди не уходят.</p>
                     </main>
                     <a class="mt-4 inline-block w-fit underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/">← На главную</a>
                 </article>
@@ -97,25 +127,40 @@
                         <span class=" capitalize">содержание</span>
                         <ol id="tags-aside" class="flex flex-col gap-2 mt-2">
                             <li>
-                                <a href="#about-telegram" class="text-sm hover:underline first-letter:capitalize block text-zinc-700">про телеграм</a>
+                                <a href="#about-telegram" class="text-sm hover:underline first-letter:capitalize block text-zinc-700">телеграм</a>
                             </li>
                             <li>
                                 <a href="#reputation" class="text-sm hover:underline first-letter:capitalize block text-zinc-600 pl-5">репутация</a>
                             </li>
                             <li>
-                                <a href="#technical" class="text-sm hover:underline first-letter:capitalize block text-zinc-600 pl-5">техническая часть</a>
+                                <a href="#technical" class="text-sm hover:underline first-letter:capitalize block text-zinc-600 pl-8">Мутная история с инфраструктурой телеграма</a>
+                            </li>
+                            <li>
+                                <a href="#concept" class="text-sm hover:underline first-letter:capitalize block text-zinc-600 pl-5">Техническая часть</a>
+                            </li>
+                            <li>
+                                <a href="#social" class="text-sm hover:underline first-letter:capitalize block text-zinc-600 pl-8">Шифрование и доверие</a>
+                            </li>
+                            <li>
+                                <a href="#durov" class="text-sm hover:underline first-letter:capitalize block text-zinc-700 pl-5">Authority</a>
+                            </li>
+                            <li>
+                                <a href="#conclusion" class="text-sm hover:underline first-letter:capitalize block text-zinc-700 pl-5">Приватность</a>
+                            </li>
+                            <li>
+                                <a href="#conclusion" class="text-sm hover:underline first-letter:capitalize block text-zinc-700 pl-5">Коммуникации</a>
                             </li>
                             <li>
-                                <a href="#concept" class="text-sm hover:underline first-letter:capitalize block text-zinc-600 pl-5">концептуально</a>
+                                <a href="#conclusion" class="text-sm hover:underline first-letter:capitalize block text-zinc-700 pl-5">Реклама и крипто-срань</a>
                             </li>
                             <li>
-                                <a href="#social" class="text-sm hover:underline first-letter:capitalize block text-zinc-600 pl-5">социальный аспект</a>
+                                <a href="#conclusion" class="text-sm hover:underline first-letter:capitalize block text-zinc-700 pl-5">Социальный аспект</a>
                             </li>
                             <li>
-                                <a href="#durov" class="text-sm hover:underline first-letter:capitalize block text-zinc-700">про самого дурова</a>
+                                <a href="#conclusion" class="text-sm hover:underline first-letter:capitalize block text-zinc-700">Дуров</a>
                             </li>
                             <li>
-                                <a href="#conclusion" class="text-sm hover:underline first-letter:capitalize block text-zinc-700">выводы</a>
+                                <a href="#conclusion" class="text-sm hover:underline first-letter:capitalize block text-zinc-700">Выводы</a>
                             </li>
                         </ol>
                     </nav>
diff --git a/src/pages/templates/tags.html b/src/pages/templates/tags.html
new file mode 100644
index 0000000..f7e69da
--- /dev/null
+++ b/src/pages/templates/tags.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="h-full" lang="ru">
+
+<head>
+    <title>Категории. Анна, хватит!</title>
+    <link rel="icon" href="/assets/icons/favicon.svg" type="image/svg+xml">
+    <!-- OG -->
+    <meta property="og:title" content="Категории. Анна, хватит!" />
+    <meta property="og:description" content="TODO" />
+    <meta property="og:image" content="https://anna-hvatit.mlibren.com/og-images/common.jpg" />
+    <meta property="og:url" content="https://anna-hvatit.mlibren.com" />
+    <meta property="og:type" content="website" />
+    <!-- OG -->
+    <meta charset="UTF-8">
+    <link href="/main.css" rel="stylesheet">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+
+<body class="relative">
+    <div class="fixed top-0 translate-x-12 translate-y-10 z-40 right-0">
+        <span class="font-bold text-black rotate-45 w-[200px] text-center block bg-yellow-400">В разработке</span>
+    </div>
+    <!-- %include.header% -->
+    <main>
+        <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">
+            	<h1 class="text-2xl font-serif first-letter:capitalize">Категория <!-- %cgi.tag% --></h1>
+            	<!-- %cgi.list% -->
+            </section>
+            <!-- %include.sidebar% -->
+        </div>
+    </main>
+    <!-- %include.footer% -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/partials/sidebar.html b/src/partials/sidebar.html
index 1d3e202..088e5a5 100644
--- a/src/partials/sidebar.html
+++ b/src/partials/sidebar.html
@@ -7,17 +7,18 @@
     <nav class="max-md:hidden pt-6">
         <span class=" capitalize">публикации</span>
         <ul class="space-y-2 mt-2">
-            <li><a class="text-sm hover:underline first-letter:capitalize block text-zinc-600" href="#">какими, по-моему, должны быть мобильные телефоны</a></li>
-            <li><a class="text-sm hover:underline first-letter:capitalize block text-zinc-600" href="#">Заметки про The Czar is Dead 2 Demo</a></li>
+            <li><a class="text-sm hover:underline first-letter:capitalize block text-zinc-600" href="/posts/telegram-durov.html">про телеграмчик и Дурова</a></li>
+            <!-- <li><a class="text-sm hover:underline first-letter:capitalize block text-zinc-600" href="#">какими, по-моему, должны быть мобильные телефоны</a></li>
+            <li><a class="text-sm hover:underline first-letter:capitalize block text-zinc-600" href="#">Заметки про The Czar is Dead 2 Demo</a></li> -->
         </ul>
     </nav>
     <nav class="pt-6">
         <span class=" capitalize">категории</span>
         <ul id="tags-aside" class="flex flex-wrap gap-2 mt-2">
-            <li><a href="#" class="flex items-center justify-center bg-blue-200 rounded-lg px-1.5 text-blue-600 first-letter:capitalize text-xs hover:underline w-fit">linux</a></li>
+           <!--  <li><a href="#" class="flex items-center justify-center bg-blue-200 rounded-lg px-1.5 text-blue-600 first-letter:capitalize text-xs hover:underline w-fit">linux</a></li>
             <li><a href="#" class="flex items-center justify-center bg-orange-200 rounded-lg px-1.5 text-orange-600 first-letter:capitalize text-xs hover:underline w-fit">hardware</a></li>
             <li><a href="#" class="flex items-center justify-center bg-yellow-200 rounded-lg px-1.5 text-yellow-600 first-letter:capitalize text-xs hover:underline w-fit">software</a></li>
-            <li><a href="#" class="flex items-center justify-center bg-pink-200 rounded-lg px-1.5 text-pink-600 first-letter:capitalize text-xs hover:underline w-fit">игры</a></li>
+            <li><a href="#" class="flex items-center justify-center bg-pink-200 rounded-lg px-1.5 text-pink-600 first-letter:capitalize text-xs hover:underline w-fit">игры</a></li> -->
             <li><a href="#" class="flex items-center justify-center bg-sky-200 rounded-lg px-1.5 text-sky-600 first-letter:capitalize text-xs hover:underline w-fit">telegram</a></li>
             <li><a href="#" class="flex items-center justify-center bg-amber-200 rounded-lg px-1.5 text-amber-600 first-letter:capitalize text-xs hover:underline w-fit">приватность</a></li>
         </ul>