Update from https://github.com/artemst/systemout-blog/commit/1bb6dcfc…

…f53bc1bb3778d34a953d8846ee167675
artemst · Jan 16, 2024 · d1ce572 · d1ce572
1 parent c01c535
commit d1ce572
Show file tree

Hide file tree

Showing 31 changed files with 417 additions and 22 deletions.
diff --git a/404.html b/404.html
@@ -10,7 +10,7 @@
                     trackLinks:true,
                     accurateTrackBounce:true
                });
-            </script><noscript><div><img src="https://mc.yandex.ru/watch/96019340" style="position:absolute; left:-9999px;" alt=""></div></noscript><!-- /Yandex.Metrika counter --><link rel="stylesheet" href="/_astro/404.660be18f.css" /><script type="module">const t="max-lg:hidden",e=document.querySelector("#menuBarButton"),n=document.querySelector("#menuBarNav");e!==void 0&&e&&n!==void 0&&n&&(console.log("Add menuBarButton click handler"),e.addEventListener("click",()=>{n.classList.toggle(t)}));
+            </script><noscript><div><img src="https://mc.yandex.ru/watch/96019340" style="position:absolute; left:-9999px;" alt=""></div></noscript><!-- /Yandex.Metrika counter --><link rel="stylesheet" href="/_astro/404.b218eeb2.css" /><script type="module">const t="max-lg:hidden",e=document.querySelector("#menuBarButton"),n=document.querySelector("#menuBarNav");e!==void 0&&e&&n!==void 0&&n&&(console.log("Add menuBarButton click handler"),e.addEventListener("click",()=>{n.classList.toggle(t)}));
 </script>
 <script type="module" src="/_astro/page.30c903a1.js"></script></head><body class="bg-stone-100"><div class="md:container md:mx-auto xl:max-w-screen-xl"><header class="bg-sidebar-main text-white
         lg:fixed lg:flex lg:h-full

diff --git a/...01-1-vim-road-to-ide.89ad2e25_1f1npW.webp → ...1-1-vim-road-to-ide.89ad2e25_Z1Fofxd.webp b/...01-1-vim-road-to-ide.89ad2e25_1f1npW.webp → ...1-1-vim-road-to-ide.89ad2e25_Z1Fofxd.webp
diff --git a/...02-1-jamstack-cover.4829e476_Z21Woy1.webp → ...o/02-1-jamstack-cover.4829e476_l6iTw.webp b/...02-1-jamstack-cover.4829e476_Z21Woy1.webp → ...o/02-1-jamstack-cover.4829e476_l6iTw.webp
diff --git a/_astro/03-1-procrastination-title.c8f3635b.jpg b/_astro/03-1-procrastination-title.c8f3635b.jpg
diff --git a/_astro/03-1-procrastination-title.c8f3635b_VNJm2.webp b/_astro/03-1-procrastination-title.c8f3635b_VNJm2.webp
diff --git a/_astro/03-1-procrastination-title.c8f3635b_Z11CeBw.webp b/_astro/03-1-procrastination-title.c8f3635b_Z11CeBw.webp
diff --git a/_astro/03-1-procrastination-title.c8f3635b_Z2rYzmD.webp b/_astro/03-1-procrastination-title.c8f3635b_Z2rYzmD.webp
diff --git a/_astro/03-2-procrastination-article.4d0bf192.jpg b/_astro/03-2-procrastination-article.4d0bf192.jpg
diff --git a/_astro/03-2-procrastination-article.4d0bf192_AtwDA.webp b/_astro/03-2-procrastination-article.4d0bf192_AtwDA.webp
diff --git a/_astro/03-3-procrastination-big-tasks.d0da2109.jpg b/_astro/03-3-procrastination-big-tasks.d0da2109.jpg
diff --git a/_astro/03-3-procrastination-big-tasks.d0da2109_Z1o2zxW.webp b/_astro/03-3-procrastination-big-tasks.d0da2109_Z1o2zxW.webp
diff --git a/_astro/03-4-procrastination-rest.6a1f2628.jpg b/_astro/03-4-procrastination-rest.6a1f2628.jpg
diff --git a/_astro/03-4-procrastination-rest.6a1f2628_Z1jxb96.webp b/_astro/03-4-procrastination-rest.6a1f2628_Z1jxb96.webp
diff --git a/_astro/404.660be18f.css → _astro/404.b218eeb2.css b/_astro/404.660be18f.css → _astro/404.b218eeb2.css
diff --git a/about/index.html b/about/index.html
@@ -10,7 +10,7 @@
                     trackLinks:true,
                     accurateTrackBounce:true
                });
-            </script><noscript><div><img src="https://mc.yandex.ru/watch/96019340" style="position:absolute; left:-9999px;" alt=""></div></noscript><!-- /Yandex.Metrika counter --><link rel="stylesheet" href="/_astro/404.660be18f.css" /><script type="module">const t="max-lg:hidden",e=document.querySelector("#menuBarButton"),n=document.querySelector("#menuBarNav");e!==void 0&&e&&n!==void 0&&n&&(console.log("Add menuBarButton click handler"),e.addEventListener("click",()=>{n.classList.toggle(t)}));
+            </script><noscript><div><img src="https://mc.yandex.ru/watch/96019340" style="position:absolute; left:-9999px;" alt=""></div></noscript><!-- /Yandex.Metrika counter --><link rel="stylesheet" href="/_astro/404.b218eeb2.css" /><script type="module">const t="max-lg:hidden",e=document.querySelector("#menuBarButton"),n=document.querySelector("#menuBarNav");e!==void 0&&e&&n!==void 0&&n&&(console.log("Add menuBarButton click handler"),e.addEventListener("click",()=>{n.classList.toggle(t)}));
 </script>
 <script type="module" src="/_astro/page.30c903a1.js"></script></head><body class="bg-stone-100"><div class="md:container md:mx-auto xl:max-w-screen-xl"><header class="bg-sidebar-main text-white
         lg:fixed lg:flex lg:h-full

diff --git a/index.html b/index.html
diff --git a/posts/how-i-deal-with-procrastination/index.html b/posts/how-i-deal-with-procrastination/index.html
diff --git a/posts/index.html b/posts/index.html
@@ -10,7 +10,7 @@
                     trackLinks:true,
                     accurateTrackBounce:true
                });
-            </script><noscript><div><img src="https://mc.yandex.ru/watch/96019340" style="position:absolute; left:-9999px;" alt=""></div></noscript><!-- /Yandex.Metrika counter --><link rel="stylesheet" href="/_astro/404.660be18f.css" /><script type="module">const t="max-lg:hidden",e=document.querySelector("#menuBarButton"),n=document.querySelector("#menuBarNav");e!==void 0&&e&&n!==void 0&&n&&(console.log("Add menuBarButton click handler"),e.addEventListener("click",()=>{n.classList.toggle(t)}));
+            </script><noscript><div><img src="https://mc.yandex.ru/watch/96019340" style="position:absolute; left:-9999px;" alt=""></div></noscript><!-- /Yandex.Metrika counter --><link rel="stylesheet" href="/_astro/404.b218eeb2.css" /><script type="module">const t="max-lg:hidden",e=document.querySelector("#menuBarButton"),n=document.querySelector("#menuBarNav");e!==void 0&&e&&n!==void 0&&n&&(console.log("Add menuBarButton click handler"),e.addEventListener("click",()=>{n.classList.toggle(t)}));
 </script>
 <script type="module" src="/_astro/page.30c903a1.js"></script></head><body class="bg-stone-100"><div class="md:container md:mx-auto xl:max-w-screen-xl"><header class="bg-sidebar-main text-white
         lg:fixed lg:flex lg:h-full
@@ -60,7 +60,11 @@
     document
         .getElementById('go-back')
         .addEventListener('click', () => window.history.back());
-</script></div><div><div class="mb-2 mt-2 border-b border-dotted border-header-blue pb-8"><a class="text-header-blue no-underline" href="/posts/jamstack-or-how-to-keep-websites-development-simple/" rel="prefetch"><h2>JAM stack или как перестать переусложнять разработку веб-сайтов</h2></a><div class="mb-1 mt-3"><div class="undefined text-base"><a class="mb-1 mr-3 inline-block rounded-md border-solid border-header-blue bg-header-blue/10 pl-2 pr-3 text-sidebar-main no-underline hover:bg-header-blue/20" href="/tags/web-development/"><svg class="mr-2 inline w-4 text-sidebar-main" xmlns="http://www.w3.org/2000/svg" style="vertical-align: -0.2em;" viewBox="0 0 24 24"><path fill="currentColor" d="M19.75 2A2.25 2.25 0 0 1 22 4.25v5.462a3.25 3.25 0 0 1-.952 2.298l-8.5 8.503a3.255 3.255 0 0 1-4.597.001L3.489 16.06a3.25 3.25 0 0 1-.004-4.596l8.5-8.51a3.25 3.25 0 0 1 2.3-.953h5.465Zm0 1.5h-5.466c-.464 0-.91.185-1.238.513l-8.512 8.523a1.75 1.75 0 0 0 .015 2.462l4.461 4.454a1.755 1.755 0 0 0 2.477 0l8.5-8.503a1.75 1.75 0 0 0 .513-1.237V4.25a.75.75 0 0 0-.75-.75ZM17 5.502a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3Z"></path></svg> web development  </a><a class="mb-1 mr-3 inline-block rounded-md border-solid border-header-blue bg-header-blue/10 pl-2 pr-3 text-sidebar-main no-underline hover:bg-header-blue/20" href="/tags/jamstack/"><svg class="mr-2 inline w-4 text-sidebar-main" xmlns="http://www.w3.org/2000/svg" style="vertical-align: -0.2em;" viewBox="0 0 24 24"><path fill="currentColor" d="M19.75 2A2.25 2.25 0 0 1 22 4.25v5.462a3.25 3.25 0 0 1-.952 2.298l-8.5 8.503a3.255 3.255 0 0 1-4.597.001L3.489 16.06a3.25 3.25 0 0 1-.004-4.596l8.5-8.51a3.25 3.25 0 0 1 2.3-.953h5.465Zm0 1.5h-5.466c-.464 0-.91.185-1.238.513l-8.512 8.523a1.75 1.75 0 0 0 .015 2.462l4.461 4.454a1.755 1.755 0 0 0 2.477 0l8.5-8.503a1.75 1.75 0 0 0 .513-1.237V4.25a.75.75 0 0 0-.75-.75ZM17 5.502a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3Z"></path></svg> jamstack  </a><a class="mb-1 mr-3 inline-block rounded-md border-solid border-header-blue bg-header-blue/10 pl-2 pr-3 text-sidebar-main no-underline hover:bg-header-blue/20" href="/tags/system-architecture/"><svg class="mr-2 inline w-4 text-sidebar-main" xmlns="http://www.w3.org/2000/svg" style="vertical-align: -0.2em;" viewBox="0 0 24 24"><path fill="currentColor" d="M19.75 2A2.25 2.25 0 0 1 22 4.25v5.462a3.25 3.25 0 0 1-.952 2.298l-8.5 8.503a3.255 3.255 0 0 1-4.597.001L3.489 16.06a3.25 3.25 0 0 1-.004-4.596l8.5-8.51a3.25 3.25 0 0 1 2.3-.953h5.465Zm0 1.5h-5.466c-.464 0-.91.185-1.238.513l-8.512 8.523a1.75 1.75 0 0 0 .015 2.462l4.461 4.454a1.755 1.755 0 0 0 2.477 0l8.5-8.503a1.75 1.75 0 0 0 .513-1.237V4.25a.75.75 0 0 0-.75-.75ZM17 5.502a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3Z"></path></svg> system architecture  </a></div></div><div class="pb-2 pt-2"><img src="/_astro/02-1-jamstack-cover.4829e476_P31Hb.webp" class="h-full w-full" alt="Jamstack" width="1920" height="1359" loading="lazy" decoding="async"></div><div><p>Мне всегда казалось, что разработка веб-сайтов в какой-то момент свернула куда-то не туда.<br/>Простые сайты состоят как минимум из фронтенда, бэкенда и базы данных – компонентов, которые нужно где-то разворачивать и поддерживать, заботясь об их отказоустойчивости.<br/>И если в крупных компаниях в штате всегда найдется несколько разработчиков и администраторов, поддерживаюших сайт, то в случае персонального сайта или сайта для малого бизнеса не очень хочется взваливать всё это на свои плечи.<br/>Неужели нет более простых альтернатив?<br/>В этой статье я хочу рассказать про JAM stack, к которому я пришёл в поисках ответа на свой вопрос.</p>
+</script></div><div><div class="mb-2 mt-2 border-b border-dotted border-header-blue pb-8"><a class="text-header-blue no-underline" href="/posts/how-i-deal-with-procrastination/" rel="prefetch"><h2>Как я борюсь с прокрастинацией</h2></a><div class="mb-1 mt-3"><div class="undefined text-base"><a class="mb-1 mr-3 inline-block rounded-md border-solid border-header-blue bg-header-blue/10 pl-2 pr-3 text-sidebar-main no-underline hover:bg-header-blue/20" href="/tags/self-improvement/"><svg class="mr-2 inline w-4 text-sidebar-main" xmlns="http://www.w3.org/2000/svg" style="vertical-align: -0.2em;" viewBox="0 0 24 24"><path fill="currentColor" d="M19.75 2A2.25 2.25 0 0 1 22 4.25v5.462a3.25 3.25 0 0 1-.952 2.298l-8.5 8.503a3.255 3.255 0 0 1-4.597.001L3.489 16.06a3.25 3.25 0 0 1-.004-4.596l8.5-8.51a3.25 3.25 0 0 1 2.3-.953h5.465Zm0 1.5h-5.466c-.464 0-.91.185-1.238.513l-8.512 8.523a1.75 1.75 0 0 0 .015 2.462l4.461 4.454a1.755 1.755 0 0 0 2.477 0l8.5-8.503a1.75 1.75 0 0 0 .513-1.237V4.25a.75.75 0 0 0-.75-.75ZM17 5.502a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3Z"></path></svg> self-improvement  </a><a class="mb-1 mr-3 inline-block rounded-md border-solid border-header-blue bg-header-blue/10 pl-2 pr-3 text-sidebar-main no-underline hover:bg-header-blue/20" href="/tags/psihologiya/"><svg class="mr-2 inline w-4 text-sidebar-main" xmlns="http://www.w3.org/2000/svg" style="vertical-align: -0.2em;" viewBox="0 0 24 24"><path fill="currentColor" d="M19.75 2A2.25 2.25 0 0 1 22 4.25v5.462a3.25 3.25 0 0 1-.952 2.298l-8.5 8.503a3.255 3.255 0 0 1-4.597.001L3.489 16.06a3.25 3.25 0 0 1-.004-4.596l8.5-8.51a3.25 3.25 0 0 1 2.3-.953h5.465Zm0 1.5h-5.466c-.464 0-.91.185-1.238.513l-8.512 8.523a1.75 1.75 0 0 0 .015 2.462l4.461 4.454a1.755 1.755 0 0 0 2.477 0l8.5-8.503a1.75 1.75 0 0 0 .513-1.237V4.25a.75.75 0 0 0-.75-.75ZM17 5.502a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3Z"></path></svg> психология  </a></div></div><div class="pb-2 pt-2"><img src="/_astro/03-1-procrastination-title.c8f3635b_VNJm2.webp" class="h-full w-full" alt="Procrastination" width="1920" height="1440" loading="lazy" decoding="async"></div><div><p>Прокрастинация – склонность к постоянному откладыванию дел, даже если они важны и интересны.<br/>К сожалению эта проблема не обошла меня стороной. На протяжении уже многих лет я ищу и пробую различные способы, которые помогли бы мне заниматься любимыми делами, не погружаясь в болото прокрастинации.<br/>Хочу поделиться этими способами, возможно кому-то они тоже будут полезными.</p>
+</div><div class="flex place-content-between items-center pt-3 xl:pt-4"><div class="mr-6 inline-flex flex-shrink-0"><svg class="mr-1 inline w-5 pb-0.5 text-zinc-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><rect width="416" height="384" x="48" y="80" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" rx="48"></rect><circle cx="296" cy="232" r="24" fill="currentColor"></circle><circle cx="376" cy="232" r="24" fill="currentColor"></circle><circle cx="296" cy="312" r="24" fill="currentColor"></circle><circle cx="376" cy="312" r="24" fill="currentColor"></circle><circle cx="136" cy="312" r="24" fill="currentColor"></circle><circle cx="216" cy="312" r="24" fill="currentColor"></circle><circle cx="136" cy="392" r="24" fill="currentColor"></circle><circle cx="216" cy="392" r="24" fill="currentColor"></circle><circle cx="296" cy="392" r="24" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M128 48v32m256-32v32"></path><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M464 160H48"></path></svg><span class="ml-1 text-base text-zinc-500 xs:hidden">16.01.24</span><span class="ml-1 text-base text-zinc-500 max-xs:hidden">16 января 2024 г.</span></div><a href="/posts/how-i-deal-with-procrastination/" class="rounded-sm border border-solid border-link-red px-4 py-2
+                no-underline hover:bg-link-red/80 hover:text-white">
+Читать&nbsp;далее
+</a></div></div><div class="mb-2 mt-2 border-b border-dotted border-header-blue pb-8"><a class="text-header-blue no-underline" href="/posts/jamstack-or-how-to-keep-websites-development-simple/" rel="prefetch"><h2>JAM stack или как перестать переусложнять разработку веб-сайтов</h2></a><div class="mb-1 mt-3"><div class="undefined text-base"><a class="mb-1 mr-3 inline-block rounded-md border-solid border-header-blue bg-header-blue/10 pl-2 pr-3 text-sidebar-main no-underline hover:bg-header-blue/20" href="/tags/web-development/"><svg class="mr-2 inline w-4 text-sidebar-main" xmlns="http://www.w3.org/2000/svg" style="vertical-align: -0.2em;" viewBox="0 0 24 24"><path fill="currentColor" d="M19.75 2A2.25 2.25 0 0 1 22 4.25v5.462a3.25 3.25 0 0 1-.952 2.298l-8.5 8.503a3.255 3.255 0 0 1-4.597.001L3.489 16.06a3.25 3.25 0 0 1-.004-4.596l8.5-8.51a3.25 3.25 0 0 1 2.3-.953h5.465Zm0 1.5h-5.466c-.464 0-.91.185-1.238.513l-8.512 8.523a1.75 1.75 0 0 0 .015 2.462l4.461 4.454a1.755 1.755 0 0 0 2.477 0l8.5-8.503a1.75 1.75 0 0 0 .513-1.237V4.25a.75.75 0 0 0-.75-.75ZM17 5.502a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3Z"></path></svg> web development  </a><a class="mb-1 mr-3 inline-block rounded-md border-solid border-header-blue bg-header-blue/10 pl-2 pr-3 text-sidebar-main no-underline hover:bg-header-blue/20" href="/tags/jamstack/"><svg class="mr-2 inline w-4 text-sidebar-main" xmlns="http://www.w3.org/2000/svg" style="vertical-align: -0.2em;" viewBox="0 0 24 24"><path fill="currentColor" d="M19.75 2A2.25 2.25 0 0 1 22 4.25v5.462a3.25 3.25 0 0 1-.952 2.298l-8.5 8.503a3.255 3.255 0 0 1-4.597.001L3.489 16.06a3.25 3.25 0 0 1-.004-4.596l8.5-8.51a3.25 3.25 0 0 1 2.3-.953h5.465Zm0 1.5h-5.466c-.464 0-.91.185-1.238.513l-8.512 8.523a1.75 1.75 0 0 0 .015 2.462l4.461 4.454a1.755 1.755 0 0 0 2.477 0l8.5-8.503a1.75 1.75 0 0 0 .513-1.237V4.25a.75.75 0 0 0-.75-.75ZM17 5.502a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3Z"></path></svg> jamstack  </a><a class="mb-1 mr-3 inline-block rounded-md border-solid border-header-blue bg-header-blue/10 pl-2 pr-3 text-sidebar-main no-underline hover:bg-header-blue/20" href="/tags/system-architecture/"><svg class="mr-2 inline w-4 text-sidebar-main" xmlns="http://www.w3.org/2000/svg" style="vertical-align: -0.2em;" viewBox="0 0 24 24"><path fill="currentColor" d="M19.75 2A2.25 2.25 0 0 1 22 4.25v5.462a3.25 3.25 0 0 1-.952 2.298l-8.5 8.503a3.255 3.255 0 0 1-4.597.001L3.489 16.06a3.25 3.25 0 0 1-.004-4.596l8.5-8.51a3.25 3.25 0 0 1 2.3-.953h5.465Zm0 1.5h-5.466c-.464 0-.91.185-1.238.513l-8.512 8.523a1.75 1.75 0 0 0 .015 2.462l4.461 4.454a1.755 1.755 0 0 0 2.477 0l8.5-8.503a1.75 1.75 0 0 0 .513-1.237V4.25a.75.75 0 0 0-.75-.75ZM17 5.502a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3Z"></path></svg> system architecture  </a></div></div><div class="pb-2 pt-2"><img src="/_astro/02-1-jamstack-cover.4829e476_P31Hb.webp" class="h-full w-full" alt="Jamstack" width="1920" height="1359" loading="lazy" decoding="async"></div><div><p>Мне всегда казалось, что разработка веб-сайтов в какой-то момент свернула куда-то не туда.<br/>Простые сайты состоят как минимум из фронтенда, бэкенда и базы данных – компонентов, которые нужно где-то разворачивать и поддерживать, заботясь об их отказоустойчивости.<br/>И если в крупных компаниях в штате всегда найдется несколько разработчиков и администраторов, поддерживаюших сайт, то в случае персонального сайта или сайта для малого бизнеса не очень хочется взваливать всё это на свои плечи.<br/>Неужели нет более простых альтернатив?<br/>В этой статье я хочу рассказать про JAM stack, к которому я пришёл в поисках ответа на свой вопрос.</p>
 </div><div class="flex place-content-between items-center pt-3 xl:pt-4"><div class="mr-6 inline-flex flex-shrink-0"><svg class="mr-1 inline w-5 pb-0.5 text-zinc-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><rect width="416" height="384" x="48" y="80" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" rx="48"></rect><circle cx="296" cy="232" r="24" fill="currentColor"></circle><circle cx="376" cy="232" r="24" fill="currentColor"></circle><circle cx="296" cy="312" r="24" fill="currentColor"></circle><circle cx="376" cy="312" r="24" fill="currentColor"></circle><circle cx="136" cy="312" r="24" fill="currentColor"></circle><circle cx="216" cy="312" r="24" fill="currentColor"></circle><circle cx="136" cy="392" r="24" fill="currentColor"></circle><circle cx="216" cy="392" r="24" fill="currentColor"></circle><circle cx="296" cy="392" r="24" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M128 48v32m256-32v32"></path><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M464 160H48"></path></svg><span class="ml-1 text-base text-zinc-500 xs:hidden">15.12.23</span><span class="ml-1 text-base text-zinc-500 max-xs:hidden">15 декабря 2023 г.</span></div><a href="/posts/jamstack-or-how-to-keep-websites-development-simple/" class="rounded-sm border border-solid border-link-red px-4 py-2
                 no-underline hover:bg-link-red/80 hover:text-white">
 Читать&nbsp;далее

diff --git a/posts/jamstack-or-how-to-keep-websites-development-simple/index.html b/posts/jamstack-or-how-to-keep-websites-development-simple/index.html
@@ -10,7 +10,7 @@
                     trackLinks:true,
                     accurateTrackBounce:true
                });
-            </script><noscript><div><img src="https://mc.yandex.ru/watch/96019340" style="position:absolute; left:-9999px;" alt=""></div></noscript><!-- /Yandex.Metrika counter --><link rel="stylesheet" href="/_astro/404.660be18f.css" /><script type="module">const t="max-lg:hidden",e=document.querySelector("#menuBarButton"),n=document.querySelector("#menuBarNav");e!==void 0&&e&&n!==void 0&&n&&(console.log("Add menuBarButton click handler"),e.addEventListener("click",()=>{n.classList.toggle(t)}));
+            </script><noscript><div><img src="https://mc.yandex.ru/watch/96019340" style="position:absolute; left:-9999px;" alt=""></div></noscript><!-- /Yandex.Metrika counter --><link rel="stylesheet" href="/_astro/404.b218eeb2.css" /><script type="module">const t="max-lg:hidden",e=document.querySelector("#menuBarButton"),n=document.querySelector("#menuBarNav");e!==void 0&&e&&n!==void 0&&n&&(console.log("Add menuBarButton click handler"),e.addEventListener("click",()=>{n.classList.toggle(t)}));
 </script>
 <script type="module" src="/_astro/page.30c903a1.js"></script></head><body class="bg-stone-100"><div class="md:container md:mx-auto xl:max-w-screen-xl"><header class="bg-sidebar-main text-white
         lg:fixed lg:flex lg:h-full