Посты: две колонки + единый формат фото 16:9

🤖 Создано через Telegram бота

content/plan.md

@@ -258,3 +258,4 @@ disableComments = true
 </details>
 <p class="legal-note"><sup class="fn">2</sup> Отметка подтверждает, что участнику поездки исполнилось 18 лет.</p>
 {{< /rawhtml >}}
+

content/post/doma-i-steny-pomogayut-20260213.md

@@ -0,0 +1,30 @@
++++
+title = 'Дома и стены помогают'
+slug = 'doma-i-steny-pomogayut-20260213'
+date = "2026-02-13T00:01:00"
+description = 'открытка на снегу'
+image = 'https://s3.regru.cloud/sleeptrip-dev/images/Serdtse-20260401-1.jpg'
++++
+
+На мой взгляд, связь с родными местами, связь с близкими людьми является залогом счастья и умиротворения, даже если судьба (или тяга к путешествиям) забросит вас далеко от дома. 
+
+Я посвящаю эту открытку своей семье, они всегда ждут меня из поездок
+
+## Фотографии
+
+![Фото](https://s3.regru.cloud/sleeptrip-dev/images/Serdtse-20260401-2.jpg)
+
+![Фото](https://s3.regru.cloud/sleeptrip-dev/images/Serdtse-20260401-3.jpg)
+
+![Фото](https://s3.regru.cloud/sleeptrip-dev/images/Serdtse-20260401-4.jpg)
+
+
+
+## Видео
+
+{{< youtube f-Nsf5mZHi4 >}}
+
+
+{{< rawhtml >}}
+{{< back-to-top >}}
+{{< /rawhtml >}}

content/post/dronoslyot-v-fevrale-20260228.md

@@ -0,0 +1,42 @@
++++
+title = 'Дронослёт в феврале'
+slug = 'dronoslyot-v-fevrale-20260228'
+date = "2026-02-28T00:01:00"
+description = 'у заброшенной церкви'
+image = 'https://s3.regru.cloud/sleeptrip-dev/images/Savelevo-20260402-1.jpg'
++++
+
+Закрытый дронослёт в феврале, до вступления в силу в марте 2026 новых требований по оборудованию дронов. 
+
+Базировались мы не в самом красивом месте, потому что подъехать прямо к церкви было невозможно из-за завалов снега. 
+Плюс рядом постоянно выгружали снег и буксовали грузовики.
+А ещё на улице шёл дождь. 
+Но никакие помехи не помехи, если очень хочется летать.
+Видео: https://youtu.be/WpTUA7keBqw
+
+## Фотографии
+
+![Фото](https://s3.regru.cloud/sleeptrip-dev/images/Savelevo-20260402-2.jpg)
+
+![Фото](https://s3.regru.cloud/sleeptrip-dev/images/Savelevo-20260402-3.jpg)
+
+![Фото](https://s3.regru.cloud/sleeptrip-dev/images/Savelevo-20260402-4.jpg)
+
+![Фото](https://s3.regru.cloud/sleeptrip-dev/images/Savelevo-20260402-5.jpg)
+
+![Фото](https://s3.regru.cloud/sleeptrip-dev/images/Savelevo-20260402-6.jpg)
+
+![Фото](https://s3.regru.cloud/sleeptrip-dev/images/Savelevo-20260402-7.jpg)
+
+![Фото](https://s3.regru.cloud/sleeptrip-dev/images/Savelevo-20260402-8.jpg)
+
+
+
+## Видео
+
+{{< youtube WpTUA7keBqw >}}
+
+
+{{< rawhtml >}}
+{{< back-to-top >}}
+{{< /rawhtml >}}

static/css/posts-single-column.css

@@ -0,0 +1,27 @@
+/* Посты на главной: две колонки, но фото крупнее и единого формата */
+
+/* Все фото постов — единый aspect ratio 16:9 с cover */
+#main > .posts > article .image.main img {
+    border-radius: 10px;
+    width: 100%;
+    height: auto;
+    aspect-ratio: 16/9;
+    object-fit: cover;
+}
+
+/* Featured пост сверху — чуть выделить */
+article.post.featured {
+    border-bottom: 1px solid rgba(0,0,0,0.08);
+    padding-bottom: 3rem;
+    margin-bottom: 1rem;
+}
+
+article.post.featured .image.main img {
+    border-radius: 12px;
+    aspect-ratio: 16/9;
+    object-fit: cover;
+}
+
+article.post.featured header.major h2 {
+    font-size: 1.8em;
+}

static/css/trips-calendar.css

@@ -1,6 +1,5 @@
 /**
- * Стили для календаря поездок (карточки из upcoming-trips.json)
+ * Стили для карточек поездок — glassmorphism
- * Заменяет внешний Tockify виджет
  */
 
 .trips-calendar {
@@ -11,24 +10,26 @@
 .trips-calendar .trip-card {
     display: flex;
     flex-direction: column;
-    background: #fff;
+    background: rgba(255, 255, 255, 0.75);
-    border: 1px solid #e0e0e0;
+    backdrop-filter: blur(16px);
-    border-radius: 12px;
+    -webkit-backdrop-filter: blur(16px);
-    margin-bottom: 20px;
+    border: 1px solid rgba(255, 255, 255, 0.3);
+    border-radius: 16px;
+    margin-bottom: 24px;
     overflow: hidden;
-    transition: all 0.3s ease;
+    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
 }
 
 .trips-calendar .trip-card:hover {
-    transform: translateY(-2px);
+    transform: translateY(-4px);
-    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
+    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
 }
 
 .trips-calendar .trip-image {
     position: relative;
     width: 100%;
-    height: 200px;
+    height: 240px;
     overflow: hidden;
 }
 
@@ -36,66 +37,78 @@
     width: 100%;
     height: 100%;
     object-fit: cover;
-    transition: transform 0.3s ease;
+    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .trips-calendar .trip-card:hover .trip-image img {
-    transform: scale(1.05);
+    transform: scale(1.06);
 }
 
+/* Дата-оверлей — pill-стиль */
 .trips-calendar .trip-overlay {
     position: absolute;
     top: 16px;
     right: 16px;
-    background: rgba(0, 0, 0, 0.8);
+    background: rgba(0, 0, 0, 0.6);
+    backdrop-filter: blur(8px);
+    -webkit-backdrop-filter: blur(8px);
     color: white;
-    padding: 8px 12px;
+    padding: 8px 16px;
-    border-radius: 6px;
+    border-radius: 24px;
-    font-size: 0.9em;
+    font-size: 0.85em;
-    font-weight: 500;
+    font-weight: 600;
+    letter-spacing: 0.02em;
 }
 
 .trips-calendar .trip-content {
-    padding: 20px;
+    padding: 24px 24px 28px;
 }
 
 .trips-calendar .trip-content h3 {
     margin: 0 0 12px 0;
-    font-size: 1.4em;
+    font-size: 1.35em;
-    font-weight: 600;
+    font-weight: 700;
-    color: #333;
+    color: #1a202c;
-    line-height: 1.3;
+    line-height: 1.35;
 }
 
 .trips-calendar .trip-details p {
-    margin: 0 0 16px 0;
+    margin: 0 0 20px 0;
-    color: #666;
+    color: #4a5568;
-    line-height: 1.5;
+    line-height: 1.6;
     font-size: 0.95em;
 }
 
+/* Мета-теги — accent-стиль */
 .trips-calendar .trip-meta {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
-    margin-top: 12px;
+    margin-top: 16px;
 }
 
 .trips-calendar .trip-meta span {
-    background: #f0f4f8;
+    background: linear-gradient(135deg, #667eea12, #764ba212);
-    color: #2d3748;
+    color: #4a5568;
-    padding: 6px 12px;
+    padding: 8px 16px;
-    border-radius: 20px;
+    border-radius: 24px;
-    font-size: 0.85em;
+    font-size: 0.82em;
-    border: 1px solid #e2e8f0;
+    line-height: 1.4;
+    border: 1px solid rgba(102, 126, 234, 0.15);
+    transition: all 0.2s ease;
 }
 
-/* Адаптивность */
+.trips-calendar .trip-meta span:hover {
+    background: linear-gradient(135deg, #667eea22, #764ba222);
+    border-color: rgba(102, 126, 234, 0.3);
+}
+
+/* Grid на десктопе */
 @media (min-width: 768px) {
     .trips-calendar {
         display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+        grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
-        gap: 24px;
+        gap: 28px;
     }
 
     .trips-calendar .trip-card {
@@ -105,55 +118,38 @@
 
 @media (min-width: 1024px) {
     .trips-calendar {
-        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+        grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
+    }
+    
+    .trips-calendar .trip-image {
+        height: 280px;
     }
 }
 
-/* Состояние загрузки */
+/* Состояния */
 .trips-calendar .loading {
     text-align: center;
-    padding: 40px 20px;
+    padding: 48px 20px;
-    color: #666;
+    color: #718096;
-    font-size: 1.1em;
+    font-size: 1em;
 }
 
 .trips-calendar .error {
     text-align: center;
-    padding: 40px 20px;
+    padding: 48px 20px;
-    color: #e53e3e;
+    color: #c53030;
-    background: #fed7d7;
+    background: rgba(254, 215, 215, 0.6);
-    border-radius: 8px;
+    backdrop-filter: blur(8px);
+    border-radius: 12px;
     margin: 20px 0;
 }
 
 .trips-calendar .no-trips {
     text-align: center;
-    padding: 40px 20px;
+    padding: 48px 20px;
-    color: #666;
+    color: #718096;
-    background: #f7fafc;
+    background: rgba(247, 250, 252, 0.6);
-    border-radius: 8px;
+    backdrop-filter: blur(8px);
+    border-radius: 12px;
     border: 1px dashed #cbd5e0;
 }
-
-/* Темная тема (если используется) */
-@media (prefers-color-scheme: dark) {
-    .trips-calendar .trip-card {
-        background: #2d3748;
-        border-color: #4a5568;
-        color: #e2e8f0;
-    }
-    
-    .trips-calendar .trip-content h3 {
-        color: #f7fafc;
-    }
-    
-    .trips-calendar .trip-details p {
-        color: #a0aec0;
-    }
-    
-    .trips-calendar .trip-meta span {
-        background: #4a5568;
-        color: #e2e8f0;
-        border-color: #718096;
-    }
-}

static/data/upcoming-trips.json

@@ -1,15 +1,21 @@
 {
   "trips": [
     {
-      "id": "trip-20260322-234035",
+      "id": "trip-20260415-231020",
-      "title": "Расписание ближайших дронослётов",
+      "title": "Дронослёт в мае 2026",
-      "period": "После 9 апреля 2026 года",
+      "period": "16-17 мая 2026",
-      "description": "В ближайшее время (март и начало апреля 2026 года) не планируется проведение открытых дронослётов (это для всех желающих по заявкам с сайта).\n\nВозможные даты проведения открытых дронослётов - не раньше 9 апреля 2026 года, следите за расписанием на сайте",
+      "description": "Полёты выходного дня в Тверской области",
-      "image": "https://s3.regru.cloud/sleeptrip-dev/images/Elbrus-20230128-1.jpg",
+      "image": "https://s3.regru.cloud/sleeptrip-dev/images/plan/trip-20260415-231010.jpg",
-      "meta": [],
+      "meta": [
+        "Выезд из Москвы предположительно рано утром, чтобы избежать пробок.",
+        "Расстояние от МКАД - примерно 180 км, 2,5 часа в дороге.",
+        "Заявки принимаются не позднее, чем за 7 дней до даты поездки.",
+        "Ограничения: не более 1 дрона на 1 пилота в заявке, дрон до 5 кг с постановкой на учёт и страховкой.",
+        "Возможны уточнения по оснащению оборудованием, если будет получен отказ от ОрВД"
+      ],
       "active": true,
       "order": 1
     }
   ],
-  "last_updated": "2026-03-22T23:40:35.502230"
+  "last_updated": "2026-04-15T23:10:20.404397"
 }

themes/hugo-theme-massively/layouts/partials/htmlhead.html

@@ -50,6 +50,7 @@
 		<link rel="stylesheet" href="/css/back-to-top.css">
 		<link rel="stylesheet" href="/css/typography-improvements.css?v={{ now.Unix }}">
 		<link rel="stylesheet" href="/css/about-site.css">
+t	<link rel="stylesheet" href="/css/posts-single-column.css?v={{ now.Unix }}">
 		<link rel="stylesheet" href="/css/copyright-visible.css">
 		<link rel="stylesheet" href="/css/nav-background.css">
 		<link rel="stylesheet" href="/css/pagination-info.css">