diff options
Diffstat (limited to 'src/pages/index.html')
| -rw-r--r-- | src/pages/index.html | 140 |
1 files changed, 135 insertions, 5 deletions
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> |