wip

13 files changed, 219 insertions, 35 deletions

diff --git a/assets/images/calzit-ore.jpg b/assets/images/calzit-ore.jpg
new file mode 100644
index 0000000..02c6be1
--- /dev/null
+++ b/assets/images/calzit-ore.jpg
diff --git a/assets/images/minecraft-ores.jpg b/assets/images/minecraft-ores.jpg
new file mode 100644
index 0000000..aa6dbf1
--- /dev/null
+++ b/assets/images/minecraft-ores.jpg
diff --git a/assets/images/minecraft-ozon-meme.jpg b/assets/images/minecraft-ozon-meme.jpg
new file mode 100644
index 0000000..ee1e234
--- /dev/null
+++ b/assets/images/minecraft-ozon-meme.jpg
diff --git a/assets/images/ore-rock.jpg b/assets/images/ore-rock.jpg
new file mode 100644
index 0000000..40d7225
--- /dev/null
+++ b/assets/images/ore-rock.jpg
diff --git a/assets/images/quartz.jpg b/assets/images/quartz.jpg
new file mode 100644
index 0000000..9285e8c
--- /dev/null
+++ b/assets/images/quartz.jpg
diff --git a/public/og-images/.DS_Store b/public/og-images/.DS_Store
new file mode 100644
index 0000000..356374e
--- /dev/null
+++ b/public/og-images/.DS_Store
diff --git a/public/rss.xml b/public/rss.xml
index b08e441..961c8ec 100644
--- a/public/rss.xml
+++ b/public/rss.xml
@@ -5,13 +5,21 @@
     <link>https://anna-hvatit.mlibren.com/</link>
     <description>Публикации</description>
     <language>ru</language>
-    <lastBuildDate>Thu, 11 Sep 2025 10:00:00 +0000</lastBuildDate>
+    <lastBuildDate>11 Sep 2025 10:00:00 +0000</lastBuildDate>
 
     <item>
-      <title>Dungeons & Zombies (или майнкрафт с точки зрения геолога)</title>
+      <title>КАК РОЖДАЮТСЯ СОКРОВИЩА?</title>
+      <link>https://anna-hvatit.mlibren.com/posts/how-ores-are-born</link>
+      <guid>https://anna-hvatit.mlibren.com/posts/how-ores-are-born</guid>
+      <pubDate>18 Apr 2025 09:00:00 +0000</pubDate>
+      <description>В первой части цикла о связи геологии майнкрафта и реальной геологии были рассмотрены пещеры, и насколько пещеры в игре похожи на настоящие. Сегодня мы снова спустимся вглубь земли, но рассмотрим ее уже более детально. Речь пойдет о рудогенерации – так в игре называют формирование залежей руд: железа, меди, угля и других. ...</description>
+    </item>
+
+    <item>
+      <title>Dungeons n Zombies (или майнкрафт с точки зрения геолога)</title>
       <link>https://anna-hvatit.mlibren.com/posts/dungeons-and-zombies-minecraft-geology</link>
       <guid>https://anna-hvatit.mlibren.com/posts/dungeons-and-zombies-minecraft-geology</guid>
-      <pubDate>Thu, 31 Mar 2025 09:00:00 +0000</pubDate>
+      <pubDate>31 Mar 2025 09:00:00 +0000</pubDate>
       <description>Пожалуй, нынче сложно найти человека, не игравшего в майнкрафт. Старая добрая «песочница», в которой игрок от первого лица выживает в мире, целиком созданном из разных кубиков. В нем есть все: животные, торговля, земледелие, горное дело, разные формы рельефа, природные зоны, руды… И иногда кажется, что проходя ее, можно узнать больше, чем на уроках географии и геологии. ...</description>
     </item>
 
diff --git a/public/sitemap.xml b/public/sitemap.xml
index e69de29..fcc52f6 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.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://anna-hvatit.mlibren.com/</loc>
+  </url>
+  <url>
+    <loc>https://anna-hvatit.mlibren.com/posts/how-ores-are-born</loc>
+  </url>
+  <url>
+    <loc>https://anna-hvatit.mlibren.com/posts/dungeons-and-zombies-minecraft-geology</loc>
+  </url>
+  <url>
+    <loc>https://anna-hvatit.mlibren.com/about</loc>
+  </url>
+</urlset>
\ No newline at end of file
diff --git a/publish-checklist.md b/publish-checklist.md
new file mode 100644
index 0000000..9b0764d
--- /dev/null
+++ b/publish-checklist.md
@@ -0,0 +1,7 @@
+- [ ] Tags
+- [ ] OG tags
+- [ ] RSS
+- [ ] Sitemap 
+- [ ] Sidebar links
+- [ ] Index page post
+- [ ] Page title
\ No newline at end of file
diff --git a/src/pages/index.html b/src/pages/index.html
index 816dd4e..c3b0121 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">
@@ -26,17 +25,42 @@
     <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">КАК РОЖДАЮТСЯ СОКРОВИЩА?</h1>
+                                <div class="flex flex-wrap gap-2 mt-2">
+                                    <time class="text-zinc-600 text-sm">31.03.25</time>
+                                    <a href="https://vk.com/wall-130222883_43441" class="flex items-center justify-center bg-[#4e7eb2] rounded-lg px-1.5 text-white first-letter:capitalize hover:underline text-xs">исходный пост
+                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="size-4">
+                                            <path fill-rule="evenodd" d="M8.914 6.025a.75.75 0 0 1 1.06 0 3.5 3.5 0 0 1 0 4.95l-2 2a3.5 3.5 0 0 1-5.396-4.402.75.75 0 0 1 1.251.827 2 2 0 0 0 3.085 2.514l2-2a2 2 0 0 0 0-2.828.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
+                                            <path fill-rule="evenodd" d="M7.086 9.975a.75.75 0 0 1-1.06 0 3.5 3.5 0 0 1 0-4.95l2-2a3.5 3.5 0 0 1 5.396 4.402.75.75 0 0 1-1.251-.827 2 2 0 0 0-3.085-2.514l-2 2a2 2 0 0 0 0 2.828.75.75 0 0 1 0 1.06Z" clip-rule="evenodd" />
+                                        </svg>
+                                    </a>
+                                    <a href="#" 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>
+                                    <a href="#" class="flex items-center justify-center bg-green-200 rounded-lg px-1.5 text-green-600 first-letter:capitalize hover:underline text-xs">minecraft</a>
+                                </div>
+                            </header>
+                            <main class="space-y-2 mt-4">
+                                <a class="border float-left border-zinc-200 mr-5" href="/assets/images/minecraft-ozon-meme.jpg"><img width="192" src="/assets/images/minecraft-ozon-meme.jpg" alt="мем про майнкрафт"></a>
+                                <p>В первой части цикла о связи геологии майнкрафта и реальной геологии были рассмотрены пещеры, и насколько пещеры в игре похожи на настоящие. Сегодня мы снова спустимся вглубь земли, но рассмотрим ее уже более детально. Речь пойдет о рудогенерации – так в игре называют формирование залежей руд: железа, меди, угля и других.
+                                </p>
+                                <p>На самом деле, в реальности этот процесс очень сложен и длится миллионы лет, но для игрока в майнкрафт хватит знания о том, на какой высоте все-таки спавнятся алмазы. Ну что же, для начала мы быстро пройдемся по теоретическим основам, а далее перейдем непосредственно к сравнению игры и нашей планеты.</p>
+                            </main>
+                            <a class="mt-4 underline inline-block w-fit underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/posts/how-ores-are-born.html">продолжить чтение →</a>
+                        </article>
+                    </li>
                     <li>
                         <article>
                             <header>
                                 <h1 class="text-2xl first-letter:capitalize">Dungeons & Zombies (или майнкрафт с точки зрения геолога)</h1>
                                 <div class="flex flex-wrap gap-2 mt-2">
                                     <time class="text-zinc-600 text-sm">31.03.25</time>
-                                    <a href="#" class="flex items-center justify-center bg-[#4e7eb2] rounded-lg px-1.5 text-white first-letter:capitalize hover:underline text-xs">исходный пост
+                                    <a href="https://vk.com/wall-130222883_43115" class="flex items-center justify-center bg-[#4e7eb2] rounded-lg px-1.5 text-white first-letter:capitalize hover:underline text-xs">исходный пост
                                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="size-4">
-                                          <path fill-rule="evenodd" d="M8.914 6.025a.75.75 0 0 1 1.06 0 3.5 3.5 0 0 1 0 4.95l-2 2a3.5 3.5 0 0 1-5.396-4.402.75.75 0 0 1 1.251.827 2 2 0 0 0 3.085 2.514l2-2a2 2 0 0 0 0-2.828.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
-                                          <path fill-rule="evenodd" d="M7.086 9.975a.75.75 0 0 1-1.06 0 3.5 3.5 0 0 1 0-4.95l2-2a3.5 3.5 0 0 1 5.396 4.402.75.75 0 0 1-1.251-.827 2 2 0 0 0-3.085-2.514l-2 2a2 2 0 0 0 0 2.828.75.75 0 0 1 0 1.06Z" clip-rule="evenodd" />
+                                            <path fill-rule="evenodd" d="M8.914 6.025a.75.75 0 0 1 1.06 0 3.5 3.5 0 0 1 0 4.95l-2 2a3.5 3.5 0 0 1-5.396-4.402.75.75 0 0 1 1.251.827 2 2 0 0 0 3.085 2.514l2-2a2 2 0 0 0 0-2.828.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
+                                            <path fill-rule="evenodd" d="M7.086 9.975a.75.75 0 0 1-1.06 0 3.5 3.5 0 0 1 0-4.95l2-2a3.5 3.5 0 0 1 5.396 4.402.75.75 0 0 1-1.251-.827 2 2 0 0 0-3.085-2.514l-2 2a2 2 0 0 0 0 2.828.75.75 0 0 1 0 1.06Z" clip-rule="evenodd" />
                                         </svg>
                                     </a>
                                     <a href="#" 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>
diff --git a/src/pages/posts/how-ores-are-born.html b/src/pages/posts/how-ores-are-born.html
new file mode 100644
index 0000000..bb3a7dc
--- /dev/null
+++ b/src/pages/posts/how-ores-are-born.html
@@ -0,0 +1,137 @@
+<!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="В первой части цикла о связи геологии майнкрафта и реальной геологии были рассмотрены пещеры, и насколько пещеры в игре похожи на настоящие. Сегодня мы снова спустимся вглубь земли, но рассмотрим ее уже более детально. Речь пойдет о рудогенерации – так в игре называют формирование залежей руд: железа, меди, угля и других. ..." />
+    <meta property="og:image" content="https://anna-hvatit.mlibren.com/og-images/og-cover-minecraft.jpg" />
+    <meta name="twitter:card" content="https://anna-hvatit.mlibren.com/og-images/og-cover-minecraft.jpg">
+    <meta name="twitter:image" content="https://anna-hvatit.mlibren.com/og-images/og-cover-minecraft.jpg">
+    <meta property="og:url" content="https://anna-hvatit.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">
+    <!-- %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">
+                <ul class="space-y-10">
+                    <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">19.04.25</time>
+                                    <a href="https://vk.com/wall-130222883_43441" class="flex items-center justify-center bg-[#4e7eb2] rounded-lg px-1.5 text-white first-letter:capitalize hover:underline text-xs">исходный пост
+                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="size-4">
+                                            <path fill-rule="evenodd" d="M8.914 6.025a.75.75 0 0 1 1.06 0 3.5 3.5 0 0 1 0 4.95l-2 2a3.5 3.5 0 0 1-5.396-4.402.75.75 0 0 1 1.251.827 2 2 0 0 0 3.085 2.514l2-2a2 2 0 0 0 0-2.828.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
+                                            <path fill-rule="evenodd" d="M7.086 9.975a.75.75 0 0 1-1.06 0 3.5 3.5 0 0 1 0-4.95l2-2a3.5 3.5 0 0 1 5.396 4.402.75.75 0 0 1-1.251-.827 2 2 0 0 0-3.085-2.514l-2 2a2 2 0 0 0 0 2.828.75.75 0 0 1 0 1.06Z" clip-rule="evenodd" />
+                                        </svg>
+                                    </a>
+                                    <a href="#" 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>
+                                    <a href="#" class="flex items-center justify-center bg-green-200 rounded-lg px-1.5 text-green-600 first-letter:capitalize hover:underline text-xs">minecraft</a>
+                                </div>
+                            </header>
+                            <main class="space-y-2 mt-4">
+                                <a class="border float-left border-zinc-200 mr-5" href="/assets/images/minecraft-ozon-meme.jpg"><img width="342" src="/assets/images/minecraft-ozon-meme.jpg" alt="мем про майнкрафт"></a>
+                                <p>В первой части цикла о связи геологии майнкрафта и реальной геологии были рассмотрены пещеры, и насколько пещеры в игре похожи на настоящие. Сегодня мы снова спустимся вглубь земли, но рассмотрим ее уже более детально. Речь пойдет о рудогенерации – так в игре называют формирование залежей руд: железа, меди, угля и других.</p>
+                                <p>На самом деле, в реальности этот процесс очень сложен и длится миллионы лет, но для игрока в майнкрафт хватит знания о том, на какой высоте все-таки спавнятся алмазы. Ну что же, для начала мы быстро пройдемся по теоретическим основам, а далее перейдем непосредственно к сравнению игры и нашей планеты.</p>
+                                <p>Рудообразование (рудогенез) — это процесс, при котором формируются залежи полезных ископаемых (руд). Его движущей силой выступают разнообразные геологические процессы, они могут протекать как внутри земли, так и на ее поверхности. Дабы рассмотреть это все нагляднее, начнем сравнение с одного из самых красивых объектов, которые добавили в игру совсем недавно: с аметиста.
+                                </p>
+                                <p>Аметист – фиолетовая разновидность кварца. В игре спавнится (то есть - появляется) жеодами: полыми камнями, внутри которых находятся кристаллы. Игроки находили жеоды в айсберге, на поверхности пустыни, около портала в энд и так далее. Часто закрытая жеода появляется на территории большой шахты – и вот это звучит более правдоподобно, чем предыдущие варианты. Эталонный вариант спавна – внутри массива других пород, в таком случае найти ее можно просто копая вперед (или вниз, или вверх).
+                                </p>
+                                <p>Образование жеод непосредственно связано с магматическими процессами, которые кратко называют «магматизм». Магматизм – это все, что связано с лавой: ее зарождением, перемещением и так далее.
+                                </p>
+                                <p>Так вот, в реальности аметистовая жеода рождается в подземных пустотах, оставшихся от газовых пузырей в застывшей лаве или вымытых водой в известняках. Со временем эти полости заполняются минеральными растворами, богатыми кремнезёмом (SiO2 – оксид кремния, из него состоят кварц и песок) и железом.
+                                </p>
+                                <p>Сначала на стенках образуется плотный слой халцедона (скрытокристаллическая тонковолокнистая разновидность кварца), а затем начинают медленно расти фиолетовые кристаллы аметиста. Если жеода образовалась в ходе магматизма, то снаружи окажется темный слой базальта – магматической горной породы. Иногда эта корка сложена известняком, а так же может включать в себя железистые минералы или соединения кремния. Получается, аметистовая жеода – это очень прочный кокон, защищенный твердой и устойчивой породой, а внутри – красивые кристаллы, которые тысячи лет ждали, пока их найдут (и продадут на вб за 300 рублей =)
+                                </p>
+                                <p>Из чего состоит такая структура в игре? Внешняя оболочка из базальта, дальше по разрезу находится кальцит, потом – аметистовый блок. Удивительно, что тут все соответствует действительности.
+                                </p>
+                                <p>А, да. Вы заметили, что в тексте уже дважды встретились разные «разновидности кварца»? В майнкрафте их всего две: аметист и собственно кварц, но их считают не слишком распространенными рудами. Например, для аметиста задается вероятность нахождения жеоды – 1 штука на 53 чанка. Чанк – это грубо говоря «сектор», весь мир поделен на такие сектора площадью 16 на 16 блоков. А кварц появляется в нижнем мире, аналоге ада, и в промышленных масштабах его добыть невозможно.
+                                </p>
+                                <p>Но в жизни все иначе. Кварц – второй по распространённости минерал, его содержание во всей земной коре составляет целых 12%, а всего существует около 30 разновидностей этого минерала. Агат, кремень, яшма, морион, горный хрусталь – это все кварц, только выглядит совершенно по-разному.
+                                </p>
+                                <p>Применение же аметиста в игре не очень обширно: из него можно сделать стекло и подзорную трубу. На самом деле, использование аметиста в качестве сырья для производства стекол нецелесообразно, а вот в оптике его активно применяют. Но чаще всего аметист находит свое место в ювелирных изделиях и в качестве объектов коллекционирования.
+                                </p>
+                                <p>Для примера коллекционирования: фотография разновидностей образцов кварца, которые лежат у меня дома.
+                                </p>
+                                <p>Изучением процессов формирования залежей полезных ископаемых и их состава занимаются ученые-геологи различных смежных областей: рудной геологии, геохимии, петрологии, металлогении и других. В игре, конечно, закономерностей в разы меньше, чем в жизни, и остальные их примеры мы рассмотрим уже в следующей статье)
+                                </p>
+                                <p>А пока можете написать, про какую руду вам было бы узнать интереснее всего?</p>
+                                <section class="grid my-4 [grid-template-columns:repeat(auto-fit,minmax(180px,1fr))] gap-4" aria-label="Галерея изображений">
+                                    <a href="/assets/images/ore-rock.jpg">
+                                        <figure>
+                                            <img class="border border-zinc-200" src="/assets/images/ore-rock.jpg" alt="Краткое описание изображения 1">
+                                        </figure>
+                                    </a> <a href="/assets/images/calzit-ore.jpg">
+                                        <figure>
+                                            <img class="border border-zinc-200" src="/assets/images/calzit-ore.jpg" alt="Краткое описание изображения 2">
+                                        </figure>
+                                    </a>
+                                    <a href="/assets/images/quartz.jpg">
+                                        <figure>
+                                            <img class="border border-zinc-200" src="/assets/images/quartz.jpg" alt="Краткое описание изображения 3">
+                                        </figure>
+                                    </a>
+                                    <a href="/assets/images/minecraft-ores.jpg">
+                                        <figure>
+                                            <img class="border border-zinc-200" src="/assets/images/minecraft-ores.jpg" alt="Краткое описание изображения 4">
+                                        </figure>
+                                    </a>
+                                </section>
+                                <section class="mt-4">
+                                    <h2 class="text-xl font-serif first-letter:capitalize">архив комментариев</h2>
+                                    <ul class="space-y-4 mt-3">
+                                        <li>
+                                            <article class="flex flex-col">
+                                                <span>Наталья Грибельник</span>
+                                                <span class="text-zinc-600 text-sm -mt-0.5">19 апр в 18:52</span>
+                                                <span class="mt-2 text-sm">Приходите к нам в геологию! У нас есть: кварц, кварц, кварц, кварц, берилл, берилл, берилл, корунд, корунд, корунд и, конечно, углерод.</span>
+                                            </article>
+                                        </li>
+                                        <li>
+                                            <article class="flex flex-col">
+                                                <span>Наталья Грибельник</span>
+                                                <span class="text-zinc-600 text-sm -mt-0.5">19 апр в 19:01</span>
+                                                <span class="mt-2 text-sm">Интереснее всего в майнкрафте redstone. Понятно, что он придуман чисто для игры, но тем интереснее узнать, есть ли у него вообще аналог в реальной жизни? На основании того, что он светится в темноте, предполагают его радиоактивность. А ещё я видела мнение, что это обычный сердолик.</span>
+                                            </article>
+                                        </li>
+                                        <li>
+                                            <article class="flex flex-col">
+                                                <span>Александр Марфин</span>
+                                                <span class="text-zinc-600 text-sm -mt-0.5">19 апр в 19:57</span>
+                                                <span class="mt-2 text-sm">Наталья, есть мнение что это оксид меди</span>
+                                            </article>
+                                        </li>
+                                        <li>
+                                            <article class="flex flex-col">
+                                                <span>Тимур Сверготский</span>
+                                                <span class="text-zinc-600 text-sm -mt-0.5">29 апр в 23:59</span>
+                                                <span class="mt-2 text-sm">Я бы про железо почитал)</span>
+                                            </article>
+                                        </li>
+                                    </ul>
+                                </section>
+                            </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>
+                    </li>
+                </ul>
+            </section>
+            <!-- %include.sidebar% -->
+        </div>
+    </main>
+    <!-- %include.footer% -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/partials/header.html b/src/partials/header.html
index 8c4ee84..7ca7ae2 100644
--- a/src/partials/header.html
+++ b/src/partials/header.html
@@ -2,10 +2,8 @@
     <a href="/"><h1 class="capitalize font-medium text-2xl font-serif">анна, хватит!</h1></a>
     <nav>
         <ul class="flex justify-center text-zinc-600 text-sm gap-4 flex-wrap">
-            <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="#">резюме</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="#contact">связь</a></li>
             <li><a class="block first-letter:capitalize hover:underline" href="#support">поддержать</a></li>
diff --git a/src/partials/sidebar.html b/src/partials/sidebar.html
index b974d8d..10bdc47 100644
--- a/src/partials/sidebar.html
+++ b/src/partials/sidebar.html
@@ -1,26 +1,21 @@
 <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 placeholder:text-zinc-600 h-10" 
-                type="search" 
-                id="search" 
-                placeholder="Поиск с DuckDuckGo" 
-                name="q" 
-                required
-            >
-            <button class="px-6 cursor-pointer first-letter:capitalize bg-zinc-200 text-sm" type="submit">поиск</button>
+    <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="anna-hvatit.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="/posts/how-ores-are-born.html">КАК РОЖДАЮТСЯ СОКРОВИЩА?</a></li>
             <li><a class="text-sm hover:underline first-letter:capitalize block text-zinc-600" href="/posts/dungeons-and-zombies-minecraft-geology.html">Dungeons & Zombies (или майнкрафт с точки зрения геолога)</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-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-green-200 rounded-lg px-1.5 text-green-600 first-letter:capitalize text-xs hover:underline w-fit">minecraft</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-green-200 rounded-lg px-1.5 text-green-600 first-letter:capitalize text-xs hover:underline w-fit">minecraft</a></li>
         </ul>
     </nav>
 </aside>
\ No newline at end of file