diff options
| author | maxim nikonov <maxim.nikonov@hqo.co> | 2025-11-20 00:15:03 +0500 |
|---|---|---|
| committer | maxim nikonov <maxim.nikonov@hqo.co> | 2025-11-20 00:15:03 +0500 |
| commit | 5786f33033599d6c76bd6aea9aa490c85184eb6b (patch) | |
| tree | fe4ca92bf6f93e3b495308fe11c12b69fd29d37c | |
| parent | 4bedd4561797a82c346fbf0b750c9bd82d4e6d74 (diff) | |
feat: pages and dark color theme
| -rw-r--r-- | src/pages/about.html (renamed from src/pages/radio.html) | 0 | ||||
| -rw-r--r-- | src/pages/guest-book.html | 63 | ||||
| -rw-r--r-- | src/pages/index.html | 140 | ||||
| -rw-r--r-- | src/pages/posts/boycott.html | 104 | ||||
| -rw-r--r-- | src/partials/book-progress-banner.html | 8 | ||||
| -rw-r--r-- | src/partials/common-section.html | 2 | ||||
| -rw-r--r-- | src/partials/footer.html | 8 | ||||
| -rw-r--r-- | src/partials/header.html | 8 | ||||
| -rw-r--r-- | src/partials/sidebar.html | 7 |
9 files changed, 319 insertions, 21 deletions
diff --git a/src/pages/radio.html b/src/pages/about.html index 7344e8e..7344e8e 100644 --- a/src/pages/radio.html +++ b/src/pages/about.html diff --git a/src/pages/guest-book.html b/src/pages/guest-book.html new file mode 100644 index 0000000..c4a768a --- /dev/null +++ b/src/pages/guest-book.html @@ -0,0 +1,63 @@ +<!DOCTYPE html> +<html class="h-full" lang="ru"> + +<head> + <title>Гостевая книга</title> + <link rel="icon" href="/assets/icons/logo.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:url" content="https://mnik01-blog.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="py-12 grid gap-4 md:gap-8 md:grid-cols-12 mx-auto container max-sm:px-5"> + <section class="bg-white max-md:sticky top-0 col-span-12 md:col-span-4"> + <h1 class="text-2xl font-serif first-letter:capitalize">гостевая книга</h1> + <div class="md:sticky top-4"> + <audio class="my-4 w-full" controls autoplay> + <source src="https://mnik01-blog.mlibren.com/radio/stream.ogg" type="audio/ogg"> + Ваш браузер не поддерживает HTML5 аудио. + </audio> + </div> + </section> + <div class="col-span-12 space-y-4 md:col-span-8"> + <section class=""> + <h2 class="text-xl font-serif first-letter:capitalize">сейчас играет</h2> + <span class="text-sm">unkown</span> + </section> + <section class=""> + <h2 class="text-xl font-serif first-letter:capitalize">слушателей онлайн</h2> + <span class="text-sm">0</span> + </section> + <section class=""> + <h2 class="text-xl font-serif first-letter:capitalize">как слушать через плеер?</h2> + <p class="text-sm">VLC guide todo</p> + <p class="text-sm first-letter:capitalize text-zinc-600">safari на этом сайте не сможет воспроизводить так как не поддерживает ogg потоки см. источник</p> + </section> + <section class=""> + <h2 class="text-xl font-serif first-letter:capitalize">поддержать</h2> + <span class="text-sm">todo</span> + <label class="text-sm" for="support-donations">На отдельный VPS сервер: 0 из 10 000 тг.</label> +<progress id="support-donations" value="0" max="100">0%</progress> + </section> + </div> + </div> + <!-- %include.common-section% --> + </main> + <!-- %include.footer% --> +</body> + +</html>
\ No newline at end of file diff --git a/src/pages/index.html b/src/pages/index.html index 3616944..4f011aa 100644 --- a/src/pages/index.html +++ b/src/pages/index.html @@ -22,14 +22,145 @@ </div> <!-- %include.book-progress-banner% --> <!-- %include.header% --> - <main> + <main class="dark:bg-zinc-900 dark:text-white"> <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> + <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 23:16 19.11.25</time> + <a href="/cgi/tags.cgi?tag=web" class="flex items-center justify-center bg-fuchsia-200 rounded-lg px-1.5 text-fuchsia-600 first-letter:capitalize hover:underline text-xs">web</a> + <a href="/cgi/tags.cgi?tag=программирование" class="flex items-center justify-center bg-zinc-200 rounded-lg px-1.5 text-zinc-600 first-letter:capitalize hover:underline text-xs">программирование</a> + </div> + </header> + <main class="space-y-2 mt-4"> + todo + </main> + <a class="mt-4 underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/posts/music-streaming-services.html">продолжить чтение →</a> + </article> + </li> + <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 23:16 19.11.25</time> + </div> + </header> + <main class="space-y-2 mt-4"> + todo + </main> + <a class="mt-4 underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/posts/music-streaming-services.html">продолжить чтение →</a> + </article> + </li> + <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 23:16 19.11.25</time> + </div> + </header> + <main class="space-y-2 mt-4"> + todo + </main> + <a class="mt-4 underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/posts/music-streaming-services.html">продолжить чтение →</a> + </article> + </li> + <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 23:16 19.11.25</time> + </div> + </header> + <main class="space-y-2 mt-4"> + todo + </main> + <a class="mt-4 underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/posts/music-streaming-services.html">продолжить чтение →</a> + </article> + </li> + <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 23:16 19.11.25</time> + <a href="/cgi/tags.cgi?tag=web" class="flex items-center justify-center bg-fuchsia-200 rounded-lg px-1.5 text-fuchsia-600 first-letter:capitalize hover:underline text-xs">web</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"> + todo + </main> + <a class="mt-4 underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/posts/music-streaming-services.html">продолжить чтение →</a> + </article> + </li> + <li> + <article> + <header> + <h1 class="text-2xl first-letter:capitalize">Шпионские медиа выраженияв CSS</h1> + <div class="flex flex-wrap gap-2 mt-2"> + <time class="text-zinc-600 text-sm">UTC 23:16 19.11.25</time> + <a href="/cgi/tags.cgi?tag=web" class="flex items-center justify-center bg-fuchsia-200 rounded-lg px-1.5 text-fuchsia-600 first-letter:capitalize hover:underline text-xs">web</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"> + todo + </main> + <a class="mt-4 underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/posts/music-streaming-services.html">продолжить чтение →</a> + </article> + </li> + <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 23:16 19.11.25</time> + <a href="/cgi/tags.cgi?tag=web" class="flex items-center justify-center bg-fuchsia-200 rounded-lg px-1.5 text-fuchsia-600 first-letter:capitalize hover:underline text-xs">web</a> + </div> + </header> + <main class="space-y-2 mt-4"> + всё нынче не программа а ongoing web сервис которые исчезают бесследно + </main> + <a class="mt-4 underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/posts/music-streaming-services.html">продолжить чтение →</a> + </article> + </li> + <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 23:16 19.11.25</time> + </div> + </header> + <main class="space-y-2 mt-4"></main> + <a class="mt-4 underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/posts/music-streaming-services.html">продолжить чтение →</a> + </article> + </li> + <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 23:16 19.11.25</time> + <a href="/cgi/tags.cgi?tag=протест" class="flex items-center justify-center bg-red-200 rounded-lg px-1.5 text-red-600 first-letter:capitalize hover:underline text-xs">протест</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"></main> + <a class="mt-4 underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/posts/music-streaming-services.html">продолжить чтение →</a> + </article> + </li> + <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 15:17 17.11.25</time> <a href="/cgi/tags.cgi?tag=протест" class="flex items-center justify-center bg-red-200 rounded-lg px-1.5 text-red-600 first-letter:capitalize hover:underline text-xs">протест</a> @@ -38,9 +169,9 @@ <main class="space-y-2 mt-4"> <p>В ходе жизни мы часто сталкиваемся с мерзкими сущностями, которые мы терпеть не можем. В данном случае, я говорю, в основном, о компаниях. О юр. лицах.</p> <p>И порой мы ненавидим их достаточно сильно чтобы хотеть им навредить. Но что мы можем сделать? Неужели придётся просто смириться?</p> - <p>Ну, как минимум мы можем не пользоваться услугами таких компаний. Не поддерживать их рублём. Начать их байкотировать. Об этом я и расскажу в этом тексте.</p> + <p>Ну, как минимум мы можем не пользоваться услугами таких компаний. Не поддерживать их рублём и начать бойкотировать. О том действительно ли стоит бойкотировать и если да то как я порассуждаю в этом посте. </p> </main> - <a class="mt-4 underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/posts/privacy-translate.html">продолжить чтение →</a> + <a class="mt-4 underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/posts/boycott.html">продолжить чтение →</a> </article> </li> <li> @@ -64,7 +195,6 @@ <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="/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> diff --git a/src/pages/posts/boycott.html b/src/pages/posts/boycott.html new file mode 100644 index 0000000..46f04c1 --- /dev/null +++ b/src/pages/posts/boycott.html @@ -0,0 +1,104 @@ +<!DOCTYPE html> +<html class="h-full" lang="ru"> + +<head> + <title>Бойкот компаний</title> + <link rel="icon" href="/assets/icons/logo.svg" type="image/svg+xml"> + <!-- OG --> + <!-- <meta property="og:title" content="Перевод «минуя погоню за приватностью»" /> + <meta property="og:description" content="Перевод публикации с веб-сайта digdeeper. Представлена не вся статья, а лишь та часть, которая показалась мне наиболее интересной для перевода. Если вы знаете английский, читать, конечно, лучше в оригинале." /> + <meta property="og:image" content="https://mnik01-blog.mlibren.com/og-images/common.jpg" /> + <meta name="twitter:card" content="https://mnik01-blog.mlibren.com/og-images/common.jpg"> + <meta name="twitter: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 --> + <meta charset="UTF-8"> + <link href="/main.css" rel="stylesheet"> + <meta name="viewport" content="width=device-width, initial-scale=1"> +</head> + +<body class="relative"> + <!-- %include.book-progress-banner% --> + <!-- %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"> + <article> + <header> + <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 18:20 08.10.25</time> + <a data-tag="протест" href="/cgi/tags.cgi?tag=протест" class="flex items-center justify-center bg-red-200 rounded-lg px-1.5 text-red-600 first-letter:capitalize hover:underline text-xs">протест</a> + </div> + </header> + <main class="space-y-2 mt-4"> + не пользуюсь яндексом + а почему? + а всем яндексом? там же разные подразделения где провести границу + а персонально кто-то виноват? + никто конкретно по отдельности вроде и не виноват + а смысл? кому ты хуже то сделал? только себе + <p> + Бойкот — это инструмент давления на структуру. +и способ выразить свое отношение + </p> + <p>юр лицам институциям абстракциям</p> + Да, такие примеры тоже бывают: + • бойкот пластика, + • бойкот фастфуда, + • бойкот нефтяных компаний как сектора, + • бойкот ИИ-продуктов, + • бойкот рекламы вообще. + + +3. Бойкот может быть направлен на группы + +Например: + • партия, + • спортивная команда, + • профессиональное сообщество, + • СМИ как коллективное явление. + + </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> + </section> + <div class="col-span-3"> + <!-- %include.sidebar% --> + <aside class="sticky mt-6 top-4 border-l border-zinc-200 max-md:hidden"> + <nav class="p-6"> + <span class="capitalize">содержание</span> + <ol id="tags-aside" class="flex flex-col gap-2 mt-2"> + <li> + <a href="#why-hate" class="text-sm hover:underline first-letter:capitalize block text-zinc-700">почему мы начинаем ненавидеть компании</a> + </li> + <li> + <a href="#what-can-do" class="text-sm hover:underline first-letter:capitalize block text-zinc-700">что такое бойкот</a> + </li> + <li> + <a href="#what-can-do" class="text-sm hover:underline first-letter:capitalize block text-zinc-700">только ли юр лица</a> + </li> + <li> + <a href="#what-can-do" class="text-sm hover:underline first-letter:capitalize block text-zinc-700">что вообще может сделать один человек</a> + </li> + <li> + <a href="#boycott-sense" class="text-sm hover:underline first-letter:capitalize block text-zinc-700">есть ли смысл в бойкоте</a> + </li> + <li> + <a href="#how-choose" class="text-sm hover:underline first-letter:capitalize block text-zinc-700">как решить что именно бойкотировать</a> + </li> + <li> + <a href="#yandex-example" class="text-sm hover:underline first-letter:capitalize block text-zinc-700">мои личные примеры</a> + </li> + </ol> + </nav> + </aside> + </div> + </div> + <!-- %include.common-section% --> + </main> + <!-- %include.footer% --> +</body> + +</html>
\ No newline at end of file diff --git a/src/partials/book-progress-banner.html b/src/partials/book-progress-banner.html index 3d52164..a10b477 100644 --- a/src/partials/book-progress-banner.html +++ b/src/partials/book-progress-banner.html @@ -1,9 +1,9 @@ <!-- Banner --> -<a href="/computer-literacy-book-progress.html" class="font-serif block relative overflow-clip"> +<a href="/computer-literacy-book-progress.html" class="font-serif block dark:bg-zinc-800 relative overflow-clip"> <!-- Binary numbers with gradient overlay --> <div class="absolute inset-0 z-0"> <!-- Binary numbers --> - <div class="absolute flex text-5xl scale-105 tabular-nums text-black/20 flex-col right-0 top-0 -translate-y-3"> + <div class="absolute flex text-5xl scale-105 tabular-nums text-black/20 flex-col right-0 top-0 -translate-y-3 dark:text-white"> <span class="translate-x-0">10101011001010100101101011010100101</span> <span class="translate-x-24">01010110101101001010101101001010110</span> <span class="translate-x-8">11010010101010110100101011010101001</span> @@ -11,11 +11,11 @@ <span class="translate-x-2">10100101010110101001011010101010011</span> </div> <!-- Gradient overlay --> - <div class="absolute inset-0 bg-gradient-to-r from-white max-md:from-35% to-white/0"></div> + <div class="absolute inset-0 bg-gradient-to-r dark:from-zinc-800 dark:to-zinc-800/0 from-white max-md:from-35% to-white/0"></div> </div> <!-- Text content on top --> - <div class="relative z-10 mx-auto py-12 h-54 container max-sm:px-5 flex flex-col justify-between"> + <div class="relative dark:text-white z-10 mx-auto py-12 h-54 container max-sm:px-5 flex flex-col justify-between"> <h1 class="capitalize text-3xl">Компьютерная<br/>грамотность</h1> <span class="underline block first-letter:capitalize">Следить за прогрессом выхода книги</span> </div> diff --git a/src/partials/common-section.html b/src/partials/common-section.html index cd693e6..cd050a7 100644 --- a/src/partials/common-section.html +++ b/src/partials/common-section.html @@ -1,4 +1,4 @@ -<section class="bg-gradient-to-b pb-12 from-zinc-900 to-black text-white font-serif"> +<section class="bg-gradient-to-b dark:bg-zinc-900 pb-12 from-zinc-900 to-black text-white font-serif"> <div class="mx-auto space-y-12 pt-24 pb-32 container max-sm:px-5 "> <section id="support" class="grid grid-cols-1 md:grid-cols-3"> <span class="block mb-6 first-letter:capitalize text-2xl">поддержать</span> diff --git a/src/partials/footer.html b/src/partials/footer.html index b91ab68..77b89e0 100644 --- a/src/partials/footer.html +++ b/src/partials/footer.html @@ -1,9 +1,9 @@ -<footer class="relative font-serif"> - <img class="w-full" src="/assets/images/paper-texture.png" alt="paper cut texture"> +<footer class="relative dark:text-white font-serif"> + <img class="dark:hidden w-full" src="/assets/images/paper-texture.png" alt="paper cut texture"> <div class="relative pb-8 pt-24 overflow-y-clip"> - <img class="absolute object-fill w-full h-full z-[-1] top-0 left-0" src="/assets/images/paper-cut.png" alt="paper texture"> + <img class="dark:invert absolute object-fill w-full h-full z-[-1] top-0 left-0" src="/assets/images/paper-cut.png" alt="paper texture"> <div class="mx-auto flex gap-8 flex-wrap container max-sm:px-5"> - <a class="min-w-16" href="/"><img width="96" height="96" src="/assets/icons/logo.svg" alt="logo letter M"></a> + <a class="min-w-16" href="/"><img class="dark:invert" width="96" height="96" src="/assets/icons/logo.svg" alt="logo letter M"></a> <ul class="flex gap-8 flex-wrap"> <li> <p class="text-xl first-letter:capitalize mb-3">техническое</p> diff --git a/src/partials/header.html b/src/partials/header.html index 5d41b0a..139605b 100644 --- a/src/partials/header.html +++ b/src/partials/header.html @@ -1,9 +1,9 @@ -<header class="py-12 border-b border-zinc-200 flex flex-col gap-4 items-center"> - <a href="/"><img width="96" height="96" src="/assets/icons/logo.svg" alt="logo letter M"></a> +<header class="py-12 bg-white dark:bg-zinc-900 border-b dark:border-zinc-800 border-zinc-200 flex flex-col gap-4 items-center"> + <a href="/"><img class="dark:invert" width="96" height="96" src="/assets/icons/logo.svg" alt="logo letter M"></a> <nav> - <ul class="flex justify-center text-zinc-600 text-sm gap-4 flex-wrap"> + <ul class="flex justify-center dark:text-zinc-400 text-zinc-600 text-sm gap-4 flex-wrap"> <li><a class="block first-letter:capitalize hover:underline" href="/portfolio.html">портфолио</a></li> - <li><a class="block first-letter:capitalize hover:underline" href="#">обо мне</a></li> + <li><a class="block first-letter:capitalize hover:underline" href="/about.html">обо мне</a></li> <li><a class="block first-letter:capitalize hover:underline" href="#">резюме</a></li> <li><a class="block first-letter:capitalize hover:underline" href="/">публикации</a></li> <li><a class="block first-letter:capitalize hover:underline" href="/guest-book.html">гостевая книга</a></li> diff --git a/src/partials/sidebar.html b/src/partials/sidebar.html index fcbead0..e499bb0 100644 --- a/src/partials/sidebar.html +++ b/src/partials/sidebar.html @@ -8,8 +8,8 @@ <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="/posts/privacy-translate.html">Перевод «минуя погоню за приватностью»</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="/posts/telegram-durov.html">про телеграмчик и Дурова</a></li> + <li><a class="text-sm hover:underline first-letter:capitalize block text-zinc-600" href="/posts/boycott.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> @@ -21,7 +21,8 @@ <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="/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 text-xs hover:underline w-fit">telegram</a></li> + <li><a href="/cgi/tags.cgi?tag=web" class="flex items-center justify-center bg-fuchsia-200 rounded-lg px-1.5 text-fuchsia-600 first-letter:capitalize text-xs hover:underline w-fit">web</a></li> + <li><a href="/cgi/tags.cgi?tag=протест" class="flex items-center justify-center bg-red-200 rounded-lg px-1.5 text-red-600 first-letter:capitalize text-xs hover:underline w-fit">протест</a></li> <li><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 text-xs hover:underline w-fit">приватность</a></li> </ul> </nav> |