summaryrefslogtreecommitdiff
path: root/src/pages
diff options
context:
space:
mode:
Diffstat (limited to 'src/pages')
-rw-r--r--src/pages/about.html (renamed from src/pages/radio.html)0
-rw-r--r--src/pages/guest-book.html63
-rw-r--r--src/pages/index.html140
-rw-r--r--src/pages/posts/boycott.html104
4 files changed, 302 insertions, 5 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
generated by cgit v1.2.3 (git 2.25.1) at 2026-01-09 08:34:27 +0000