New note: Strelka

src/pages/index.astro

@@ -14,6 +14,11 @@ import Note from '../components/Note.astro'
   </p>
 
   <h2>Заметки</h2>
+  <Note
+    date="11 ноября 2023"
+    title="Мыс Стрелка"
+    href="/notes/strelka/"
+  />
   <Note
     date="16 октября 2023"
     title="Беспечная Гляденовская гора"

src/pages/notes/strelka.astro

@@ -0,0 +1,89 @@
+---
+import Layout from '../../layouts/Layout.astro'
+import NoteMetadata from '../../components/NoteMetadata.astro'
+---
+
+<Layout title="Мыс Стрелка">
+  <h1>Мыс Стрелка</h1>
+
+  <NoteMetadata createdAt="11 ноября 2023" updatedAt="11 ноября 2023" />
+
+  <p>
+    <i>Некоторые вещи стоят того, чтобы встать в 6 утра в воскресенье.</i>
+  </p>
+
+  <h2>Куда мы едем?</h2>
+
+  <p>
+    Мыс Стрелка - это скала, у которой соединяются 2 реки: Кама и Чусовая.
+    Находится она недалеко от города, добраться до ближайших деревень можно на электричке,
+    а дальше нужно пару километров пройти пешком.
+  </p>
+
+  <p>
+    Точную дорогу мы заранее не посмотрели и пришли не на скалу, а к её основанию.
+    Подняться, как оказалось, можно и у самой скалы, в самом тяжёлом месте есть верёвка.
+  </p>
+
+  <img
+    src="/strelka/1.jpg"
+    alt="Вершина скалы"
+  />
+
+  <div class="row">
+    <img
+      src="/strelka/2.jpg"
+      alt="Вид с мыса Стрелка"
+    />
+    <img
+      src="/strelka/3.jpg"
+      alt="Вид с мыса Стрелка"
+    />
+  </div>
+
+  <p>
+    На вершине скалы довольно ветрено, но красиво.
+    Совсем рядом находятся макушки деревьев, а дальше только вода.
+  <p>
+
+  <p>
+    Спустившись буквально на пару шагов можно укрыться от ветра и отдохнуть.
+    Если вы оказались здесь осенью, то чай будет очень кстати.
+  </p>
+  <img
+    src="/strelka/4.jpg"
+    alt="Пьем чай на скале"
+  />
+
+  <h2>Путь обратно</h2>
+  <p>
+    У нас оставалось несколько часов до электрички, поэтому мы отправились изучать ближайшие деревни.
+    Вроде бы мы находились совсем недалеко от города, но атмосфера уже другая.
+  </p>
+
+  <img
+    src="/strelka/5.jpg"
+    alt="Железная дорога в деревне"
+  />
+
+  <p>
+    Наши похождения закончились довольно быстро, но на станции можно спокойно дождаться электрички.
+    В итоге получилось короткое, но запоминающееся путешествие.
+  </p>
+</Layout>
+
+<style>
+  img {
+    width: 100%;
+  }
+  .row {
+    display: flex;
+    gap: 5px;
+  }
+
+  @media screen and (max-width: 800px) {
+    .row {
+      flex-direction: column;
+    }
+  }
+</style>