diff options
| author | maxim nikonov <maxim.nikonov@hqo.co> | 2025-09-11 19:13:52 +0500 |
|---|---|---|
| committer | maxim nikonov <maxim.nikonov@hqo.co> | 2025-09-11 19:13:52 +0500 |
| commit | d19d7676a21d12870a25031101cd58fb585ff0d4 (patch) | |
| tree | 37ca7307b323e4f8aa4929f17f9a3007283c1dd0 | |
| parent | 7f1cab0e0fadb64e17ce1162d6ec50bc101cf74e (diff) | |
feat
| -rw-r--r-- | .DS_Store | bin | 0 -> 6148 bytes | |||
| -rw-r--r-- | assets/images/big-caves.jpg | bin | 0 -> 338116 bytes | |||
| -rw-r--r-- | assets/images/cave-irl.jpg | bin | 0 -> 144138 bytes | |||
| -rw-r--r-- | assets/images/cave-minecraft.jpg | bin | 0 -> 65466 bytes | |||
| -rw-r--r-- | assets/images/kapelnik.jpg | bin | 0 -> 181833 bytes | |||
| -rw-r--r-- | assets/images/minecraft-meme.jpg | bin | 0 -> 399748 bytes | |||
| -rw-r--r-- | assets/images/plan_akvifer.jpg | bin | 0 -> 890708 bytes | |||
| -rw-r--r-- | assets/images/underground-waters.jpg | bin | 0 -> 221685 bytes | |||
| -rw-r--r-- | public/.DS_Store | bin | 0 -> 6148 bytes | |||
| -rw-r--r-- | public/og-images/og-cover-minecraft.jpg | bin | 0 -> 231158 bytes | |||
| -rw-r--r-- | src/pages/index.html | 44 | ||||
| -rw-r--r-- | src/pages/posts/.DS_Store | bin | 0 -> 6148 bytes | |||
| -rw-r--r-- | src/pages/posts/dungeons-and-zombies-minecraft-geology.html | 342 | ||||
| -rw-r--r-- | src/pages/posts/mobile-phones.html | 87 | ||||
| -rw-r--r-- | src/partials/header.html | 2 | ||||
| -rw-r--r-- | src/partials/sidebar.html | 27 |
16 files changed, 383 insertions, 119 deletions
diff --git a/.DS_Store b/.DS_Store Binary files differnew file mode 100644 index 0000000..d7b7a7e --- /dev/null +++ b/.DS_Store diff --git a/assets/images/big-caves.jpg b/assets/images/big-caves.jpg Binary files differnew file mode 100644 index 0000000..3839e47 --- /dev/null +++ b/assets/images/big-caves.jpg diff --git a/assets/images/cave-irl.jpg b/assets/images/cave-irl.jpg Binary files differnew file mode 100644 index 0000000..edfd15a --- /dev/null +++ b/assets/images/cave-irl.jpg diff --git a/assets/images/cave-minecraft.jpg b/assets/images/cave-minecraft.jpg Binary files differnew file mode 100644 index 0000000..49c218e --- /dev/null +++ b/assets/images/cave-minecraft.jpg diff --git a/assets/images/kapelnik.jpg b/assets/images/kapelnik.jpg Binary files differnew file mode 100644 index 0000000..92554ba --- /dev/null +++ b/assets/images/kapelnik.jpg diff --git a/assets/images/minecraft-meme.jpg b/assets/images/minecraft-meme.jpg Binary files differnew file mode 100644 index 0000000..2438533 --- /dev/null +++ b/assets/images/minecraft-meme.jpg diff --git a/assets/images/plan_akvifer.jpg b/assets/images/plan_akvifer.jpg Binary files differnew file mode 100644 index 0000000..db8e6c9 --- /dev/null +++ b/assets/images/plan_akvifer.jpg diff --git a/assets/images/underground-waters.jpg b/assets/images/underground-waters.jpg Binary files differnew file mode 100644 index 0000000..f03070a --- /dev/null +++ b/assets/images/underground-waters.jpg diff --git a/public/.DS_Store b/public/.DS_Store Binary files differnew file mode 100644 index 0000000..dcb27fd --- /dev/null +++ b/public/.DS_Store diff --git a/public/og-images/og-cover-minecraft.jpg b/public/og-images/og-cover-minecraft.jpg Binary files differnew file mode 100644 index 0000000..2438bb9 --- /dev/null +++ b/public/og-images/og-cover-minecraft.jpg diff --git a/src/pages/index.html b/src/pages/index.html index d32d454..11341bd 100644 --- a/src/pages/index.html +++ b/src/pages/index.html @@ -2,7 +2,7 @@ <html class="h-full" lang="ru"> <head> - <title>Anna Hvatit</title> + <title>Анна, Хватит!</title> <link rel="icon" href="/assets/icons/favicon.svg" type="image/svg+xml"> <!-- OG --> <meta property="og:title" content="TODO" /> @@ -30,45 +30,29 @@ <li> <article> <header> - <h1 class="text-2xl first-letter:capitalize">что-то про геологию</h1> + <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">UTC 01:56 12.09.25</time> + <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">исходный пост + <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"> - <p>TEXT TODO</p> + <p>Пожалуй, нынче сложно найти человека, не игравшего в майнкрафт. Старая добрая «песочница», в которой игрок от первого лица выживает в мире, целиком созданном из разных кубиков. В нем есть все: животные, торговля, земледелие, горное дело, разные формы рельефа, природные зоны, руды… И иногда кажется, что проходя ее, можно узнать больше, чем на уроках географии и геологии.</p> + <p>Я играю в Майн года с 2013, а с геологией и добывающей отраслью познакомилась позже. И чем глубже я погружаюсь в свою специальность, тем интереснее становится взгляд на, казалось бы “просто игру” — теперь я замечаю в ней то, чего раньше не видела. В общем, пришла мне в голову гениальная идея: совместить приятное с полезным. Поэтому с этого поста начнется цикл текстов, в котором на примере игры я буду объяснять вам, как выглядит наша планета в разных приближениях на самом деле.</p> </main> - <a class="mt-4 underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="#">продолжить чтение →</a> + <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/dungeons-and-zombies-minecraft-geology.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" - placeholder="Поиск с DuckDuckGo" - 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="#">что-то про геологию</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> - </ul> - </nav> - </aside> + <!-- %include.sidebar% --> </div> </main> <!-- %include.footer% --> diff --git a/src/pages/posts/.DS_Store b/src/pages/posts/.DS_Store Binary files differnew file mode 100644 index 0000000..5008ddf --- /dev/null +++ b/src/pages/posts/.DS_Store diff --git a/src/pages/posts/dungeons-and-zombies-minecraft-geology.html b/src/pages/posts/dungeons-and-zombies-minecraft-geology.html new file mode 100644 index 0000000..e026183 --- /dev/null +++ b/src/pages/posts/dungeons-and-zombies-minecraft-geology.html @@ -0,0 +1,342 @@ +<!DOCTYPE html> +<html class="h-full" lang="ru"> + +<head> + <title>Dungeons & Zombies (или майнкрафт с точки зрения геолога) Анна, Хватит!</title> + <link rel="icon" href="/assets/icons/favicon.svg" type="image/svg+xml"> + <!-- OG --> + <meta property="og:title" content="Dungeons & Zombies (или майнкрафт с точки зрения геолога) Анна, Хватит!" /> + <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">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="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" /> + </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"> + <img width="342" class="border float-left border-zinc-200 mr-5" src="/assets/images/minecraft-meme.jpg" alt="мем про майнкрафт"> + <p>Пожалуй, нынче сложно найти человека, не игравшего в майнкрафт. Старая добрая «песочница», в которой игрок от первого лица выживает в мире, целиком созданном из разных кубиков. В нем есть все: животные, торговля, земледелие, горное дело, разные формы рельефа, природные зоны, руды… И иногда кажется, что проходя ее, можно узнать больше, чем на уроках географии и геологии.</p> + <p>Я играю в Майн года с 2013, а с геологией и добывающей отраслью познакомилась позже. И чем глубже я погружаюсь в свою специальность, тем интереснее становится взгляд на, казалось бы “просто игру” — теперь я замечаю в ней то, чего раньше не видела. В общем, пришла мне в голову гениальная идея: совместить приятное с полезным. Поэтому с этого поста начнется цикл текстов, в котором на примере игры я буду объяснять вам, как выглядит наша планета в разных приближениях на самом деле.</p> + <p>“Копать, копать и ещё раз копать”</p> + <p>Итак, как известно, поиск ресурсов под землей – одно из ключевых занятий в игре. Персонаж заходит в существующую шахту или роет ее сам, чтобы добыть там различные руды. Давайте для разминки мы сегодня рассмотрим, насколько подземные структуры в игре соответствуют реальной геологии.</p> + <p>Наш первый кандидат - карстовая пещера (англ. Dripstone caves). Это подземный биом (биомом в игре называется аналог природной зоны), состоящий из блоков капельника и наполненный сталактитами, сталагмитами и сталагнатами (каменными «сосульками» в пещерах, которые образуются из-за капель воды с минералами). Источником вдохновения для создания этого биома послужил реальный объект - самая большая пещера мира Шондгонг, которая находится во Вьетнаме.</p> + <p>В геологии карст — это процесс растворения подземными водами горных пород с образованием пещер, воронок и других характерных форм рельефа. Пословица «вода камень точит» как раз подходит для описания таких процессов, только в данном случае «точит» не механически, а химически. Подземные воды, содержащие углекислоту и другие химически активные вещества, вызывают растворение и выщелачивание горных пород. Чаще всего карсту подвержены каменная соль (галит), гипс, а также известняки, доломиты и другие карбонатные и сульфатные породы.</p> + <p>Полость таких пещер в майнкрафте выстлана новым блоком, добавленным в обновлении «Caves and cliffs» – капельником. Полагаю, это аналог известняка – осадочной горной породы, которая может образовываться путем осаждения карбоната кальция (CaCO₃) из воды или в результате накопления органических остатков: раковин моллюсков, коралл и скелетов микроорганизмов. Это называется «хемогенный» и «органогенный» способы образования горных пород. Едем дальше.</p> + <p>Ещё один биом игры - Пышные пещеры (англ. Lush Caves). Это умеренная подземная зона, отличительной чертой которой является наличие обильной растительности: мха, азалии, лиан, травы и растений с названиями «спороцвет» и «твердолист». В мире встречаются похожие реальные пещеры, но это редкое явление, в отличие например, от карстовых пещер, рассмотренных выше. Известно, что без доступа солнечного света и влаги мало что растет, поэтому для образования полостей под землей, где можно встретить какие-либо растения, необходима высокая влажность, стабильная температура, плодородная почва и обилие света, то есть наличие отверстия размеров достаточных для того, чтобы осветить всю «зеленую» площадь. Мест, удовлетворяющих этим условиям, совсем немного. Благоприятными локациями для поиска являются экваториальные регионы с тропическим влажным климатом или субтропические, где климат умеренно-влажный. Например, пещера Тянь Кенг в Китае (Tiankeng Sinkholes).</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/cave-irl.jpg"> + <figure> + <img class="border border-zinc-200" src="/assets/images/cave-irl.jpg" alt="Краткое описание изображения 1"> + <figcaption class="text-xs bg-orange-100 border border-zinc-200 p-1"> + <span class="caption-title">Карстовая пещера Шондонг</span> + </figcaption> + </figure> + </a> <a href="/assets/images/cave-minecraft.jpg"> + <figure> + <img class="border border-zinc-200" src="/assets/images/cave-minecraft.jpg" alt="Краткое описание изображения 2"> + <figcaption class="text-xs bg-orange-100 border border-zinc-200 p-1"> + <span class="caption-title">Карстовая пещера в игре</span> + </figcaption> + </figure> + </a> + <a href="/assets/images/kapelnik.jpg"> + <figure> + <img class="border border-zinc-200" src="/assets/images/kapelnik.jpg" alt="Краткое описание изображения 3"> + <figcaption class="text-xs bg-orange-100 border border-zinc-200 p-1"> + <span class="caption-title">Блок "капельник" и горная порода известняк</span> + </figcaption> + </figure> + </a> + <a href="/assets/images/big-caves.jpg"> + <figure> + <img class="border border-zinc-200" src="/assets/images/big-caves.jpg" alt="Краткое описание изображения 4"> + <figcaption class="text-xs bg-orange-100 border border-zinc-200 p-1"> + <span class="caption-title">"Пышные" пещеры в игре и их аналог в Китае</span> + </figcaption> + </figure> + </a> + <a href="/assets/images/underground-waters.jpg"> + <figure> + <img class="border border-zinc-200" src="/assets/images/underground-waters.jpg" alt="Краткое описание изображения 4"> + <figcaption class="text-xs bg-orange-100 border border-zinc-200 p-1"> + <span class="caption-title">Схема расположения водоносных горизонтов в земной коре</span> + </figcaption> + </figure> + </a> + <a href="/assets/images/plan_akvifer.jpg"> + <figure> + <img class="border border-zinc-200" src="/assets/images/plan_akvifer.jpg" alt="Краткое описание изображения 4"> + <figcaption class="text-xs bg-orange-100 border border-zinc-200 p-1"> + <span class="caption-title">План аквифер в майнкарфте</span> + </figcaption> + </figure> + </a> + </section> + <p>P.S. А вы когда-нибудь сравнивали мир из майнкрафта или другой игры с реальным?</p> + <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">31 мар в 19:46</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">31 мар в 19:53</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">31 мар в 20:00</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">31 мар в 20:15</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">31 мар в 20:49</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">31 мар в 20:51</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">31 мар в 21:09</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">1 апр в 1:12</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">1 апр в 1:23</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">1 апр в 2:16</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">1 апр в 2:19</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">1 апр в 2:48</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">1 апр в 2:49</span> + <span class="mt-2 text-sm">Владимир, нет, бэдрок это блок, из которого сложена нижняя граница мира. У мира есть предел по координатам и вниз и вверх, нижняя граница Y=-64. Можно провести аналог, что это нижняя граница земной коры. Про это кстати тоже будет пост)</span> + </article> + </li> + <li> + <article class="flex flex-col"> + <span>Владимир Меркушов</span> + <span class="text-zinc-600 text-sm -mt-0.5">1 апр в 2:54</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">1 апр в 2:58</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">1 апр в 10:25</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">1 апр в 16:02</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">1 апр в 18:20</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">1 апр в 18:30</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">1 апр в 18:46</span> + <span class="mt-2 text-sm">Макс, Про редстоун не спрашивали, но гематит я показывал (хоть и знаю его под названием bloodstone)</span> + </article> + </li> + <li> + <article class="flex flex-col"> + <span>Макс Сливкин</span> + <span class="text-zinc-600 text-sm -mt-0.5">2 апр в 2:15</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">2 апр в 2:46</span> + <span class="mt-2 text-sm">Макс, я не знал названия "редстоун" и погуглил. Гугл сказал, что это Fe2O3, то бишь гематит. Если речь о внутриигровых терминах, то не путайте с реальностью, а если о торговых названиях, то засуньте "раухтопаз" в "херкимерский алмаз". Впрочем, если бы меня спросили о "красном камне", киноварь не осталась бы без внимания.</span> + </article> + </li> + <li> + <article class="flex flex-col"> + <span>Анна Хватит</span> + <span class="text-zinc-600 text-sm -mt-0.5">2 апр в 11: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">1 апр в 5:58</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">1 апр в 13:25</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">1 апр в 9:51</span> + <span class="mt-2 text-sm">С помощью плагина сделал разрез (просто вынул срез толщиной в 1б и поднял вверх по игреку), и вот теперь возникает вопрос, а что собственно считать осадочным чехлом? Землю и т.н. камень? Кстати, в майнкрафте нет рек. Все водоемы в майне находятся на высоте 60 блоков и не имеют гидродинамического уклона и течения, также отсутствуют террасы, ну и плюсом не работает закон Бэра, но это уже как следствие.</span> + </article> + </li> + <li> + <article class="flex flex-col"> + <span>Наталья Грибельник</span> + <span class="text-zinc-600 text-sm -mt-0.5">1 апр в 10:55</span> + <span class="mt-2 text-sm">Мне в этом плане больше нравится Dwarf fortress, чем Minecraft. Хотя там, конечно, тоже упрощённая геология, но авторы изначально старались сделать всё реалистично. Количество горных пород и почв точно больше. Приходится заучивать, чтобы не бомбить с того, что sandy clay и loamy sand не считается песком. А sandy clay loam не считается ни глиной, ни песком 🤬</span> + </article> + </li> + <li> + <article class="flex flex-col"> + <span>Макс Сливкин</span> + <span class="text-zinc-600 text-sm -mt-0.5">1 апр в 16:00</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">1 апр в 15:59</span> + <span class="mt-2 text-sm">Слушай, ты бы с модом Terrafirmacraft поиграла, который заточен под лютый реализм. Там и минералы в своих породах, и генерация реалистичнее, например, камень реально генерируется как три плиты, наслоенные друг на друга. А, ну и руда там ввиде кластеров, которые еще фиг найдешь. Я б захостил сервак поиграть, обожаю геологию... А еще Subnautica, с классными описаниями и невероятной красотой наслоившегося мира. Ещнюе может чего вспомню...</span> + </article> + </li> + <li> + <article class="flex flex-col"> + <span>Анна Хватит</span> + <span class="text-zinc-600 text-sm -mt-0.5">1 апр в 16:49</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">1 апр в 17:07</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/pages/posts/mobile-phones.html b/src/pages/posts/mobile-phones.html deleted file mode 100644 index cb4c9c3..0000000 --- a/src/pages/posts/mobile-phones.html +++ /dev/null @@ -1,87 +0,0 @@ -<!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"> - <!-- 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.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">GTM+5 01:56 08.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> - <a href="#" class="flex items-center justify-center bg-sky-200 rounded-lg px-1.5 text-sky-600 first-letter:capitalize hover:underline 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" /> - TODO - </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> - </article> - </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> - </div> - <!-- %include.common-section% --> - </main> - <!-- %include.footer% --> -</body> - -</html>
\ No newline at end of file diff --git a/src/partials/header.html b/src/partials/header.html index bfc684f..8c4ee84 100644 --- a/src/partials/header.html +++ b/src/partials/header.html @@ -1,5 +1,5 @@ <header class="py-12 border-b border-zinc-200 flex flex-col gap-4 items-center"> - <h1 class="capitalize font-medium text-2xl font-serif">анна, хватит!</h1> + <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> diff --git a/src/partials/sidebar.html b/src/partials/sidebar.html index 927137e..f851342 100644 --- a/src/partials/sidebar.html +++ b/src/partials/sidebar.html @@ -1 +1,26 @@ -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="/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> + <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="/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> + </ul> + </nav> +</aside>
\ No newline at end of file |
