summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authormaxim nikonov <maxim.nikonov@hqo.co>2025-09-21 01:51:21 +0500
committermaxim nikonov <maxim.nikonov@hqo.co>2025-09-21 01:51:21 +0500
commitcd250263e9a73926060fe71cbe5a1fc12dc6c2d6 (patch)
tree7220b9a9412356adf0c8fc505aa5a685c7330ed6
parent2205b5bf32f923a48cf2b80df7fdcb61d1a27ca0 (diff)
w
Diffstat
-rwxr-xr-xbuild.sh6
-rw-r--r--main.css1
-rw-r--r--public/my_public_key.asc51
-rw-r--r--src/pages/index.html97
-rw-r--r--src/pages/radio.html63
-rw-r--r--src/partials/common-section.html17
-rw-r--r--src/partials/footer.html4
-rw-r--r--src/partials/sidebar.html24
8 files changed, 179 insertions, 84 deletions
diff --git a/build.sh b/build.sh
new file mode 100755
index 0000000..1034c3c
--- /dev/null
+++ b/build.sh
@@ -0,0 +1,6 @@
+#!/bin/bash
+
+# GOOS=linux GOARCH=amd64 go build -o src/cgi/tags.cgi tags.go
+./jelly-cms build
+./tailwindcss-macos-arm64 -i main.css -o build/main.css --optimize --minify
+
diff --git a/main.css b/main.css
new file mode 100644
index 0000000..a461c50
--- /dev/null
+++ b/main.css
@@ -0,0 +1 @@
+@import "tailwindcss"; \ No newline at end of file
diff --git a/public/my_public_key.asc b/public/my_public_key.asc
new file mode 100644
index 0000000..977611a
--- /dev/null
+++ b/public/my_public_key.asc
@@ -0,0 +1,51 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+
+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
+=4oYR
+-----END PGP PUBLIC KEY BLOCK-----
diff --git a/src/pages/index.html b/src/pages/index.html
index 0a87d64..8927622 100644
--- a/src/pages/index.html
+++ b/src/pages/index.html
@@ -2,20 +2,19 @@
<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="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">
- <!-- TODO: replace with static css -->
- <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <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:url" content="https://mnik01-blog.mlibren.com" />
+ <meta property="og:type" content="website" />
+ <!-- OG -->
+ <meta charset="UTF-8">
+ <!-- TODO: replace with static css -->
+ <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+ <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body class="relative">
@@ -27,83 +26,43 @@
<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">
- <ul class="space-y-10">
+ <ul class="gap-10 flex flex-col">
<li>
<article>
<header>
- <h1 class="text-2xl first-letter:capitalize">понял смысл last.fm спустя пять лет</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 01:56 09.09.25</time>
- <a href="#" class="flex items-center justify-center bg-pink-200 rounded-lg hover:underline px-1.5 text-pink-600 first-letter:capitalize text-xs">музыка</a>
+ <time class="text-zinc-600 text-sm">UTC 01:56 12.09.25</time>
+ <a href="#" class="flex items-center justify-center bg-orange-200 rounded-lg px-1.5 text-orange-600 first-letter:capitalize hover:underline text-xs">hardware</a>
+ <a href="#" class="flex items-center justify-center bg-yellow-200 rounded-lg px-1.5 text-yellow-600 first-letter:capitalize hover:underline text-xs">software</a>
+ <a href="#" class="flex items-center justify-center bg-blue-200 rounded-lg px-1.5 text-blue-600 first-letter:capitalize hover:underline text-xs">linux</a>
</div>
</header>
<main class="space-y-2 mt-4">
- <p>Когда я впервые зарегистрировался на Last.fm, мне казалось, что это просто ещё один плеер со статистикой. Несколько недель я смотрел на графики прослушиваний и топы исполнителей, но не видел в этом никакой особой пользы. Со временем интерес угас, а аккаунт превратился в мёртвый архив случайных треков.
- </p><p>
- И только спустя пять лет я понял, что Last.fm — это не про «текущий момент», а про память. Это как дневник, который ведётся автоматически: фиксирует все музыкальные периоды, эксперименты с жанрами, случайные открытия. Когда смотришь назад, видишь не просто список песен, а целую историю жизни, связанную с конкретными мелодиями.
- </p><p>
- Теперь я воспринимаю Last.fm как инструмент для саморефлексии. Музыка всегда была фоном событий, а сервис неожиданно стал картой этого фона. Он показывает, как менялся мой вкус, какие периоды были важными и какие альбомы оказались со мной надолго. Это не про алгоритмы и рекомендации, а про возможность оглянуться назад и увидеть себя другого.</p>
+ <img width="192" height="192" class="border border-zinc-200 mr-4 float-left" src="/assets/phone.png" />
+ <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/ponial-last-fm-spustia-5-let.html">продолжить чтение →</a>
+ <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>
<article>
<header>
- <h1 class="text-2xl first-letter:capitalize">какими, по-моему, должны быть мобильные телефоны</h1>
+ <h1 class="text-2xl first-letter:capitalize">Заметки про The Czar is Dead 2 Demo</h1>
<div class="flex flex-wrap gap-2 mt-2">
- <time class="text-zinc-600 text-sm">UTC 01:56 12.09.25</time>
- <a href="#" class="flex items-center justify-center bg-orange-200 rounded-lg px-1.5 text-orange-600 first-letter:capitalize hover:underline text-xs">hardware</a>
- <a href="#" class="flex items-center justify-center bg-yellow-200 rounded-lg px-1.5 text-yellow-600 first-letter:capitalize hover:underline text-xs">software</a>
- <a href="#" class="flex items-center justify-center bg-blue-200 rounded-lg px-1.5 text-blue-600 first-letter:capitalize hover:underline text-xs">linux</a>
+ <time class="text-zinc-600 text-sm">UTC 01:56 09.09.25</time>
+ <a href="#" class="flex items-center justify-center bg-pink-200 rounded-lg hover:underline px-1.5 text-pink-600 first-letter:capitalize text-xs">игры</a>
</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" />
- <p>Когда я впервые зарегистрировался на Last.fm, мне казалось, что это просто ещё один плеер со статистикой. Несколько недель я смотрел на графики прослушиваний и топы исполнителей, но не видел в этом никакой особой пользы. Со временем интерес угас, а аккаунт превратился в мёртвый архив случайных треков.
- </p><p>
- И только спустя пять лет я понял, что Last.fm — это не про «текущий момент», а про память. Это как дневник, который ведётся автоматически: фиксирует все музыкальные периоды, эксперименты с жанрами, случайные открытия. Когда смотришь назад, видишь не просто список песен, а целую историю жизни, связанную с конкретными мелодиями.
- </p><p>
- Теперь я воспринимаю Last.fm как инструмент для саморефлексии. Музыка всегда была фоном событий, а сервис неожиданно стал картой этого фона. Он показывает, как менялся мой вкус, какие периоды были важными и какие альбомы оказались со мной надолго. Это не про алгоритмы и рекомендации, а про возможность оглянуться назад и увидеть себя другого.</p>
+ <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>
+ <a class="mt-4 underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/posts/ponial-last-fm-spustia-5-let.html">продолжить чтение →</a>
</article>
</li>
</ul>
</section>
- <aside class="col-span-3">
- <form class="flex outline-offset-4 outline-yellow-600/50 has-focus:outline-2" action="/search" method="get" role="search">
- <input
- class="border focus:outline-0 grow text-sm pl-3 border-zinc-200 h-10"
- type="search"
- id="search"
- name="q"
- required
- >
- <button class="px-6 cursor-pointer first-letter:capitalize bg-zinc-200 text-sm" type="submit">поиск</button>
- </form>
- <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="#">понял смысл last.fm спустя пять лет</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="#">Слепая подпись. Разбор криптографического алгоритма</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="#">рецензия на демо игры "Смерть Царя"</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-zinc-200 rounded-lg px-1.5 text-zinc-600 first-letter:capitalize text-xs hover:underline w-fit">приватность</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-sky-200 rounded-lg px-1.5 text-sky-600 first-letter:capitalize text-xs hover:underline w-fit">смартфоны</a></li>
- </ul>
- </nav>
- </aside>
+ <!-- %include.sidebar% -->
</div>
<!-- %include.common-section% -->
</main>
diff --git a/src/pages/radio.html b/src/pages/radio.html
new file mode 100644
index 0000000..252e511
--- /dev/null
+++ b/src/pages/radio.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html class="h-full" lang="ru">
+
+<head>
+ <title>Радио mlibren</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">
+ <!-- TODO: replace with static css -->
+ <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+ <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/partials/common-section.html b/src/partials/common-section.html
index 7183892..cd693e6 100644
--- a/src/partials/common-section.html
+++ b/src/partials/common-section.html
@@ -21,20 +21,13 @@
</section>
<section>
<span class="block first-letter:capitalize text-2xl mb-3">публичные ключи</span>
- <span>GPG</span>
- <span>PGP</span>
+ <a class="underline" href="/my_public_key.asc">GPG ключ</a>
</section>
<section>
- <span class="block first-letter:capitalize text-2xl mb-3">принять участие</span>
- <span>smtp email</span>
- <span>поддомен</span>
- <span>дизайн разработка сайта</span>
- </section>
- <section>
- <span class="block first-letter:capitalize text-2xl mb-3">доступ к веб-сайту</span>
- <span>Tor</span>
- <span>Clear net</span>
- <span>Spartran</span>
+ <span class="block first-letter:capitalize text-2xl mb-3">Могу для вас</span>
+ <p>Создать юзера в моём SMTP почтовом сервере</p>
+ <p>Сделать веб-сайтик на поддомене</p>
+ <p>Создать юзера в моём XMPP сервере</p>
</section>
</div>
</section> \ No newline at end of file
diff --git a/src/partials/footer.html b/src/partials/footer.html
index 3429d32..d32ccee 100644
--- a/src/partials/footer.html
+++ b/src/partials/footer.html
@@ -11,7 +11,7 @@
<li><a class="underline" href="/rss.xml">RSS лента</a></li>
<li><a class="block underline first-letter:capitalize" href="/sitemap.xml">карта сайта</a></li>
<li><a class="block underline first-letter:capitalize" href="http://tfp35ivmwzhei54lnw7beksmx7d7u4t5fpvgmkmo2hhduozz3gt56fqd.onion/">TOR версия сайта</a></li>
- <li><a class="block underline first-letter:capitalize" href="/disclamer">дисклеймер для тех кто кого я хосщу</a></li>
+ <li><a class="block underline first-letter:capitalize" href="/disclamer.html">дисклеймер для тех кто кого я хосщу</a></li>
<div class="flex items-center gap-3">
<p class="shrink first-letter:capitalize inline-block">веб-сайт работает без JavaScript</p>
<img class="size-8 shrink-0" width="32" height="32" alt="js must die icon" src="/assets/images/nojs.png">
@@ -21,7 +21,7 @@
<li id="contact">
<p class="text-xl first-letter:capitalize mb-3">связь</p>
<ul class="space-y-1.5">
- <li><span>XMPP Jabber: mnik01@yax.im</span></li>
+ <li><span>XMPP Jabber: mnik01@mlibren.com</span></li>
<li><a class="underline" href="mailto:mnik01@mlibren.com">Эл. почта: mnik01@mlibren.com</a></li>
</ul>
</li>
diff --git a/src/partials/sidebar.html b/src/partials/sidebar.html
index 927137e..685c5af 100644
--- a/src/partials/sidebar.html
+++ b/src/partials/sidebar.html
@@ -1 +1,23 @@
-sidebar.html \ No newline at end of file
+<aside class="col-span-3">
+ <form class="flex outline-offset-4 outline-yellow-600/50 has-focus:outline-2" action="https://duckduckgo.com/" method="get" role="search">
+ <input type="hidden" name="sites" value="mnik01-blog.mlibren.com" />
+ <input type="search" name="q" id="search" class="border focus:outline-0 grow text-sm pl-3 border-zinc-200 placeholder:text-zinc-600 h-10" placeholder="Поиск с DuckDuckGo" required>
+ <button class="px-6 cursor-pointer first-letter:capitalize bg-zinc-200 text-sm" type="submit">поиск</button>
+ </form>
+ <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>
+ </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-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>
+ </ul>
+ </nav>
+</aside> \ No newline at end of file
generated by cgit v1.2.3 (git 2.25.1) at 2026-01-08 12:22:51 +0000