summaryrefslogtreecommitdiff
path: root/src/pages/index.html
blob: f78a5bb2412a819a0bb50b4e810def7a6b667cd3 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!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="TODO" />
    <meta property="og:image" content="https://anna-hvatit.mlibren.com/og-images/common.jpg" />
    <meta property="og:url" content="https://anna-hvatit.mlibren.com" />
    <meta property="og:type" content="website" />
    <!-- OG -->
    <meta charset="UTF-8">
    <link href="/main.css" rel="stylesheet">
    <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="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">26.06.25</time>
                                    <a href="https://vk.com/wall-130222883_44194" 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-blue-200 rounded-lg px-1.5 text-blue-600 first-letter:capitalize hover:underline text-xs">электричество</a>
                                </div>
                            </header>
                            <main class="space-y-2 mt-4">
                                <a class="border max-sm:w-full float-left border-zinc-200 mr-5" href="/assets/images/electricity-1.jpg"><img class="max-sm:mx-auto" width="420" src="/assets/images/electricity-1.jpg" alt="electrical device"></a>
                                <p>Электричество люди начали изучать в начале 17 века, а практические применение в геологоразведке ему нашли позже – ближе к 20 веку.</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/electricity-in-geology.html">продолжить чтение →</a>
                        </article>
                    </li>
                    <li>
                        <article>
                            <header>
                                <h1 class="text-2xl first-letter:capitalize">КАК РОЖДАЮТСЯ СОКРОВИЩА?</h1>
                                <div class="flex flex-wrap gap-2 mt-2">
                                    <time class="text-zinc-600 text-sm">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 max-sm:w-full float-left border-zinc-200 mr-5" href="/assets/images/minecraft-ozon-meme.jpg"><img class="max-sm:mx-auto" 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="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">
                                <a class="border max-sm:w-full float-left border-zinc-200 mr-5" href="/assets/images/minecraft-meme.jpg"><img class="max-sm:mx-auto" width="192" src="/assets/images/minecraft-meme.jpg" alt="мем про майнкрафт"></a>
                                <p>Пожалуй, нынче сложно найти человека, не игравшего в майнкрафт. Старая добрая «песочница», в которой игрок от первого лица выживает в мире, целиком созданном из разных кубиков. В нем есть все: животные, торговля, земледелие, горное дело, разные формы рельефа, природные зоны, руды… И иногда кажется, что проходя ее, можно узнать больше, чем на уроках географии и геологии.</p>
                                <p>Я играю в Майн года с 2013, а с геологией и добывающей отраслью познакомилась позже. И чем глубже я погружаюсь в свою специальность, тем интереснее становится взгляд на, казалось бы “просто игру” — теперь я замечаю в ней то, чего раньше не видела. В общем, пришла мне в голову гениальная идея: совместить приятное с полезным. Поэтому с этого поста начнется цикл текстов, в котором на примере игры я буду объяснять вам, как выглядит наша планета в разных приближениях на самом деле.</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/dungeons-and-zombies-minecraft-geology.html">продолжить чтение →</a>
                        </article>
                    </li>
                     <li>
                        <article>
                            <header>
                                <h1 class="text-2xl first-letter:capitalize">антарктида</h1>
                                <div class="flex flex-wrap gap-2 mt-2">
                                    <time class="text-zinc-600 text-sm">21.09.23</time>
                                    <a href="https://vk.com/wall-129276619_25112" 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>
                                </div>
                            </header>
                            <main class="space-y-2 mt-4">
                                <a class="border max-sm:w-full float-left border-zinc-200 mr-5" href="/assets/images/antarctida-map.jpg"><img class="max-sm:mx-auto" width="224" src="/assets/images/antarctida-map.jpg" alt="мем про майнкрафт"></a>
                                <p>Можно услышать мнение, что в ближайшем будущем Антарктида станет последним минерально-сырьевым резервом человечества. Долгое время считалось, что нефти в Антарктиде нет, этому послужили отчасти ограничения на изучение материка и ныне действующий международный мораторий на ресурсную деятельность, на настоящий момент на всей территории материка пробурено всего 10 скважин, до этого материк изучали геофизическими неинвазивными методами.</p>
                                <p>Антарктическая платформа неоднородна в структурном отношении и разновозрастная в различных частях. Большую часть материка образует докембрийская антарктическая платформа, на побережье обрамлена мезозойскими складчатыми сооружениями. Чехол платформы мощностью до 10 км представлен песчаниками, алевролитами и глинистыми сланцами.</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/antarctida.html">продолжить чтение →</a>
                        </article>
                    </li>
                     <li>
                        <article>
                            <header>
                                <h1 class="text-2xl first-letter:capitalize">Кокколитофориды Emiliania huxleyi</h1>
                                <div class="flex flex-wrap gap-2 mt-2">
                                    <time class="text-zinc-600 text-sm">06.09.23</time>
                                    <a href="https://vk.com/wall-129276619_24989" 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>
                                </div>
                            </header>
                            <main class="space-y-2 mt-4">
                                <a class="border max-sm:w-full float-left border-zinc-200 mr-5" href="/assets/images/organism.jpg"><img class="max-sm:mx-auto" width="164" src="/assets/images/organism.jpg" alt="organism of Emiliania huxleyi photo"></a>
                                <p>Кокколитофориды Emiliania huxleyi - Самый многочисленный и продуктивный из всех морских организмов с известковым скелетом.</p>
                                <p>Крошечная эукариотическая водоросль Emiliania huxleyi, относимая к царству простейших, играет важнейшую роль в экологии океана и биогеохимии всей Земли. При благоприятных условиях она начинает «цвести», и тогда её колонии могут покрывать тысячи квадратных километров океана. Одна клетка этой водоросли (диаметр не более 30 мкм) покрыта кокколитами – органическими чешуйками, на поверхности которых откладывается карбонат кальция (CaCO3). Оценки показывают, что кокколитофориды во всем мире производят более 1,5 миллиона тонн карбоната кальция в год. Кокколитофориды играют важную роль в формировании некоторых нефтяных месторождений.</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/emiliania-huxleyi.html">продолжить чтение →</a>
                        </article>
                    </li>
                </ul>
            </section>
            <!-- %include.sidebar% -->
        </div>
    </main>
    <!-- %include.footer% -->
</body>

</html>