feat

7 files changed, 115 insertions, 0 deletions

diff --git a/assets/images/organism.jpg b/assets/images/organism.jpg
new file mode 100644
index 0000000..97792da
--- /dev/null
+++ b/assets/images/organism.jpg
diff --git a/assets/images/stats.jpg b/assets/images/stats.jpg
new file mode 100644
index 0000000..e0a1139
--- /dev/null
+++ b/assets/images/stats.jpg
diff --git a/public/rss.xml b/public/rss.xml
index f39b15d..1356270 100644
--- a/public/rss.xml
+++ b/public/rss.xml
@@ -31,5 +31,13 @@
       <description>Пожалуй, нынче сложно найти человека, не игравшего в майнкрафт. Старая добрая «песочница», в которой игрок от первого лица выживает в мире, целиком созданном из разных кубиков. В нем есть все: животные, торговля, земледелие, горное дело, разные формы рельефа, природные зоны, руды… И иногда кажется, что проходя ее, можно узнать больше, чем на уроках географии и геологии. ...</description>
     </item>
 
+    <item>
+      <title>Кокколитофориды Emiliania huxleyi</title>
+      <link>https://anna-hvatit.mlibren.com/posts/emiliania-huxleyi.html</link>
+      <guid>https://anna-hvatit.mlibren.com/posts/emiliania-huxleyi.html</guid>
+      <pubDate>06 Sep 2023 09:00:00 +0000</pubDate>
+      <description>Кокколитофориды Emiliania huxleyi - Самый многочисленный и продуктивный из всех морских организмов с известковым скелетом.  ...</description>
+    </item>
+
   </channel>
 </rss>
\ No newline at end of file
diff --git a/public/sitemap.xml b/public/sitemap.xml
index 0b7b1b0..30c08d5 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -15,4 +15,7 @@
   <url>
     <loc>https://anna-hvatit.mlibren.com/about.html</loc>
   </url>
+  <url>
+    <loc>https://anna-hvatit.mlibren.com/emiliania-huxleyi.html</loc>
+  </url>
 </urlset>
\ No newline at end of file
diff --git a/src/pages/index.html b/src/pages/index.html
index 06c12ed..3e6f39d 100644
--- a/src/pages/index.html
+++ b/src/pages/index.html
@@ -98,6 +98,29 @@
                             <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">Кокколитофориды 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="electrical device"></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% -->
diff --git a/src/pages/posts/emiliania-huxleyi.html b/src/pages/posts/emiliania-huxleyi.html
new file mode 100644
index 0000000..4cdfb80
--- /dev/null
+++ b/src/pages/posts/emiliania-huxleyi.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html class="h-full" lang="ru">
+
+<head>
+    <title>Кокколитофориды Emiliania huxleyi Анна, Хватит!</title>
+    <link rel="icon" href="/assets/icons/favicon.svg" type="image/svg+xml">
+    <!-- OG -->
+    <meta property="og:title" content="Кокколитофориды Emiliania huxleyi" />
+    <meta property="og:description" content="Кокколитофориды Emiliania huxleyi - Самый многочисленный и продуктивный из всех морских организмов с известковым скелетом. ..." />
+    <!-- <meta property="og:image" content="https://anna-hvatit.mlibren.com/og-images/oil.jpg" />
+    <meta name="twitter:card" content="https://anna-hvatit.mlibren.com/og-images/oil.jpg">
+    <meta name="twitter:image" content="https://anna-hvatit.mlibren.com/og-images/oil.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="space-y-10">
+                    <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 float-left border-zinc-200 mr-5" href="/assets/images/organism.jpg"><img width="364" src="/assets/images/organism.jpg" alt="Кокколитофорида Emiliania huxleyi"></a>
+                                <p>Кокколитофориды Emiliania huxleyi - Самый многочисленный и продуктивный из всех морских организмов с известковым скелетом.</p>
+                                <p>Крошечная эукариотическая водоросль Emiliania huxleyi, относимая к царству простейших, играет важнейшую роль в экологии океана и биогеохимии всей Земли. При благоприятных условиях она начинает «цвести», и тогда её колонии могут покрывать тысячи квадратных километров океана. Одна клетка этой водоросли (диаметр не более 30 мкм) покрыта кокколитами – органическими чешуйками, на поверхности которых откладывается карбонат кальция (CaCO3). Оценки показывают, что кокколитофориды во всем мире производят более 1,5 миллиона тонн карбоната кальция в год. Кокколитофориды играют важную роль в формировании некоторых нефтяных месторождений.</p>
+                                <p>Например, месторождение Ekofisk - первое месторождение нефти, открытое в Норвегии и изменившее всю её экономику. Приурочено к антиклинали размерами около 11х5,5 км и площадью около 50 км2. Основная залежь расположена на глубине свыше 2800 м в кровельной части мощного (около 800 м) трещиноватого известняка формаций Ekofisk и Tor, разделенных глинистым слоем. Подошва пласта сложена в основном глинистым пелагическим мелом, кровля – мергель. </p>
+                                <p>Формация Tor в норвежском секторе Северного моря является частью месторождения нефти и газа Ekofisk. Формация Tor образовалась в поздний мел, в то время условия были благоприятными для кокколитофорид в южной и центральной части Северного моря, а также в Англии, Дании и Франции. Бесчисленные кокколиты (чешуйки на поверхности водорослей) отложились на морском дне. Поскольку они не были ни к чему прикреплены, перемещались одной большой массой, похожей на оползни или грязевые потоки, иногда даже вызывавшей землетрясения. Позже чешуйки все таки осели, образовав огромный нефтяной коллектор из мела. В начале палеоценового периода продолжалось осадконакопление, положившее начало образованию формации Ekofisk, другого нефтяного коллектора.</p>
+                                <a class="m-5" href="/assets/images/stats.jpg">
+                                    <figure class="mx-auto w-fit">
+                                        <img width="624" class="border border-zinc-200" src="/assets/images/stats.jpg" alt="статистика количество добытых из месторождения Ekofisk газа, нефти и СПГ">
+                                        <figcaption class="text-xs bg-orange-100 border border-zinc-200 p-1">
+                                            <span class="inline-block first-letter:capitalize caption-title">количество добытых из месторождения Ekofisk газа, нефти и СПГ</span>
+                                        </figcaption>
+                                    </figure>
+                                </a>
+                                <iframe class="mx-auto" width="560" height="315" src="https://www.youtube.com/embed/raNCeSflG_0?si=L6tg2GDKlLUWt3VX" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+                                <section>
+                                    <span class="inline-block first-letter:capitalize font-serif text-xl">источники</span>
+                                    <ul>
+                                        <li><a class="underline text-sm" href="https://www.norskpetroleum.no/en/facts/field/ekofisk/">https://www.norskpetroleum.no/en/facts/field/ekofisk/</a></li>
+                                        <li><a class="underline text-sm" href="https://ekofisk.industriminne.no/en/history/">https://ekofisk.industriminne.no/en/history/</a></li>
+                                        <li><a href="https://youtu.be/raNCeSflG_0" class="underline text-sm">https://youtu.be/raNCeSflG_0</a></li>
+                                        <li><a href="https://nhm2.uio.no/norges/litho/ekofisk.php" class="underline text-sm">https://nhm2.uio.no/norges/litho/ekofisk.php</a></li>
+                                        <li><a href="https://burneft.ru/archive/issues/detail.php?ELEMENT_ID=61705" class="underline text-sm">https://burneft.ru/archive/issues/detail.php?ELEMENT_ID=61705</a></li>
+                                        <li><a href="https://biomolecula.ru/articles/ulybka-bez-kota-ili-kak-kokkolitoforidy-spasaiutsia-ot-virusov" class="underline text-sm">https://biomolecula.ru/articles/ulybka-bez-kota-ili-kak-kokkolitoforidy-spasaiutsia-ot-virusov</a></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/sidebar.html b/src/partials/sidebar.html
index 646fcec..06a2896 100644
--- a/src/partials/sidebar.html
+++ b/src/partials/sidebar.html
@@ -10,6 +10,7 @@
             <li><a class="text-sm hover:underline first-letter:capitalize block text-zinc-600" href="/posts/electricity-in-geology.html">электричество ищет нефть</a></li>
             <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>
+            <li><a class="text-sm hover:underline first-letter:capitalize block text-zinc-600" href="/posts/emiliania-huxleyi.html">Кокколитофориды Emiliania huxleyi</a></li>
         </ul>
     </nav>
     <nav class="pt-6">