Update design 5

config.toml

@@ -7,6 +7,11 @@ googleanalytics = ""
 disqusShortname = ""
 disableKinds = ["taxonomy", "term"]
 
+[markup]
+  [markup.goldmark]
+    [markup.goldmark.renderer]
+      unsafe = true
+
 [params]
   # set below parameter to define a favicon
  favicon = "images/favicon.ico"

content/plan.md

@@ -1,5 +1,5 @@
 +++
-slug = 'plan-old'
+slug = 'plan'
 # description = 'Выберите поездку из календаря'
 disableComments = true
 +++
@@ -28,9 +28,6 @@ disableComments = true
 Важно! Поездки проходят рано утром (выезд из Москвы в 5-6 утра) с целью минимизировать время нахождения в пробках. Проверьте папку "Нежелательные", так как ответное письмо на заявку может попасть туда в зависимости от почтового клиента.
 
 {{< rawhtml >}}
-<div style="background: red; color: white; padding: 10px; text-align: center; margin: 10px 0;">
-    НОВАЯ ФОРМА ЗАГРУЖЕНА - ЕСЛИ ВЫ ВИДИТЕ ЭТО, ФОРМА ОБНОВИЛАСЬ
-</div>
 <div class="travel-form-container">
     <!-- Сообщения об успехе/ошибке -->
     <script>
@@ -53,6 +50,7 @@ disableComments = true
             document.querySelector('.travel-form-container').insertBefore(messageDiv, document.querySelector('.travel-form'));
         }
     });
+
     </script>
 
     <form class="travel-form" action="/send_plan.php" method="POST">
@@ -72,14 +70,14 @@ disableComments = true
         </div>
 
         <div class="form-group">
-            <label for="bvs_number">Учётный номер БВС (если уже направляли ранее) или предложите направление/даты поездки без БВС (необязательно)</label>
+            <label for="bvs_number"><strong>Учётный номер БВС</strong> (если уже направляли ранее) или предложите <strong>направление/даты поездки</strong> без БВС (необязательно)</label>
             <textarea id="bvs_number" name="bvs_number" placeholder="Свой вариант поездки или учётный номер дрона"></textarea>
         </div>
 
         <div class="form-group">
-            <label for="trip_period">Выпадающий список</label>
+            <label for="trip_period">Выберите поездку</label>
             <select id="trip_period" name="trip_period">
-                <option value="">Выберите период</option>
+                <option value=""></option>
                 <option value="Полёты в июне 2025 года">Полёты в июне 2025 года</option>
                 <option value="Полёты в июле 2025 года">Полёты в июле 2025 года</option>
                 <option value="Полёты в августе 2025 года">Полёты в августе 2025 года</option>
@@ -89,29 +87,33 @@ disableComments = true
         </div>
 
         <div class="form-group">
-            <label>Согласие на обработку персональных данных *</label>
+            <label style="font-weight: 600; margin-bottom: 1rem; display: block;">Согласие на обработку персональных данных *<sup>1</sup></label>
-            <div style="margin-top: 0.5rem;">
+            <div style="border: 1px solid #e0e0e0; border-radius: 8px; padding: 1rem; background: #fafafa;">
-                <label style="display: flex; align-items: flex-start; font-weight: normal; margin-bottom: 0.5rem;">
+                <label style="display: flex; align-items: flex-start; font-weight: normal; margin-bottom: 0.75rem; cursor: pointer;">
-                    <input type="radio" name="consent" value="agree" required style="margin-right: 0.5rem; margin-top: 0.2rem; width: auto;">
+                    <span style="font-size: 18px; margin-right: 0.5rem; margin-top: 0.1rem;">✅</span>
-                    <span>Я согласен на обработку персональных данных для оформления заявки, гарантирую, что передаю свои персональные данные</span>
+                    <input type="radio" name="consent" value="agree" required style="margin-right: 0.75rem; margin-top: 0.3rem; width: 16px; height: 16px; accent-color: #28a745;">
+                    <span style="line-height: 1.5;">Я согласен на <strong>обработку персональных данных</strong> для оформления заявки и гарантирую, что передаю свои персональные данные</span>
                 </label>
-                <label style="display: flex; align-items: center; font-weight: normal;">
+                <label style="display: flex; align-items: center; font-weight: normal; cursor: pointer;">
-                    <input type="radio" name="consent" value="disagree" style="margin-right: 0.5rem; width: auto;">
+                    <span style="font-size: 18px; margin-right: 0.5rem;">❌</span>
-                    <span>Не согласен на обработку персональных данных</span>
+                    <input type="radio" name="consent" value="disagree" style="margin-right: 0.75rem; width: 16px; height: 16px; accent-color: #dc3545;">
+                    <span><strong>Не согласен</strong> на обработку персональных данных</span>
                 </label>
             </div>
         </div>
 
         <div class="form-group">
-            <label>Укажите свой возраст *</label>
+            <label style="font-weight: 600; margin-bottom: 1rem; display: block;">Укажите свой возраст *<sup>2</sup></label>
-            <div style="margin-top: 0.5rem;">
+            <div style="border: 1px solid #e0e0e0; border-radius: 8px; padding: 1rem; background: #fafafa;">
-                <label style="display: flex; align-items: center; font-weight: normal; margin-bottom: 0.5rem;">
+                <label style="display: flex; align-items: center; font-weight: normal; margin-bottom: 0.75rem; cursor: pointer;">
-                    <input type="radio" name="age" value="18+" required style="margin-right: 0.5rem; width: auto;">
+                    <span style="font-size: 18px; margin-right: 0.5rem;">✅</span>
-                    <span>Мне более 18 лет</span>
+                    <input type="radio" name="age" value="18+" required style="margin-right: 0.75rem; width: 16px; height: 16px; accent-color: #28a745;">
+                    <span>Мне <strong>более 18 лет</strong></span>
                 </label>
-                <label style="display: flex; align-items: center; font-weight: normal;">
+                <label style="display: flex; align-items: center; font-weight: normal; cursor: pointer;">
-                    <input type="radio" name="age" value="under18" style="margin-right: 0.5rem; width: auto;">
+                    <span style="font-size: 18px; margin-right: 0.5rem;">❌</span>
-                    <span>Мне менее 18 лет</span>
+                    <input type="radio" name="age" value="under18" style="margin-right: 0.75rem; width: 16px; height: 16px; accent-color: #dc3545;">
+                    <span>Мне <strong>менее 18 лет</strong></span>
                 </label>
             </div>
         </div>
@@ -123,4 +125,15 @@ disableComments = true
 </div>
 {{< /rawhtml >}}
 
+---
+
+### Пояснения к форме:
+
+**<sup>1</sup> Согласие на обработку персональных данных:**
+
+Предоставленные персональные данные будут обрабатываться в соответствии с положениями № 152-ФЗ от 27.07.2006 «О персональных данных». Настоящее согласие предоставляется путем заполнения «чек-бокса» (проставления «галочки»/ «веб-метки» в графе «Я гарантирую, что передаю свои персональные данные, согласен на их обработку для оформления заявки» в форме обратной связи на сайте sleeptrip.ru) и нажатия соответствующей кнопки. Более подробная информация будет направлена на электронную почту.
+
+**<sup>2</sup> Подтверждение совершеннолетия:**
+
+Участие в поездках и мероприятиях разрешено только лицам, достигшим совершеннолетия (18 лет). В случае, если Вам менее 18 лет, для участия в поездке необходимо согласие и личное присутствие законных представителей (родителей, опекунов).
 

layouts/shortcodes/gallery.html

@@ -40,5 +40,3 @@ Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/
 	{{- end }}
 </div>
 
-<!-- Добавляем кнопку "вернуться в начало" для галереи -->
-{{ partial "back-to-top.html" . }}

resources/_gen/assets/scss/scss/main.scss_12bfed357d24ca59ff7ceeb30292a324.json

@@ -1 +0,0 @@
-{"Target":"assets/css/main.css","MediaType":"text/css","Data":{}}

resources/_gen/assets/scss/scss/noscript.scss_2103917ee0aa183caf6c7ba1cd5fe1e6.content

@@ -1,26 +0,0 @@
-@import url(font-awesome.min.css);
-/*
-	Massively by HTML5 UP
-	html5up.net | @ajlkn
-	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-*/
-/* Wrapper */
-#wrapper {
-  background-color: #212931;
-  background-image: url("../../images/overlay.png"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../../images/bg.jpg");
-  background-size: auto,								auto,														100% auto;
-  background-position: center,								center,														top center;
-  background-repeat: repeat,								no-repeat,													no-repeat;
-  background-attachment: fixed,								fixed,														fixed; }
-  #wrapper.fade-in:before {
-    display: none; }
-
-/* Intro */
-body.is-preload #intro {
-  opacity: 1; }
-  body.is-preload #intro:not(.hidden) + #header + #nav {
-    -moz-transform: none;
-    -webkit-transform: none;
-    -ms-transform: none;
-    transform: none;
-    opacity: 1; }

resources/_gen/assets/scss/scss/noscript.scss_2103917ee0aa183caf6c7ba1cd5fe1e6.json

@@ -1 +0,0 @@
-{"Target":"assets/css/noscript.css","MediaType":"text/css","Data":{}}

static/css/hugo-easy-gallery.css

@@ -6,20 +6,20 @@ Simple Gallery CSS - Small thumbnails in rows
 .gallery {
     display: flex;
     flex-wrap: wrap;
-    gap: 5px;
+    gap: 1.5%;
     padding: 10px;
     max-width: 1400px;
     margin: 0 auto;
-    justify-content: center;
+    justify-content: space-between;
 }
 
 /* Контейнер изображения */
 .gallery .box {
-    width: 300px;
+    width: 23%;
-    height: 300px;
+    height: 250px;
     transition: transform 0.2s ease;
-    border: 3px solid white;
+    border: none;
-    border-radius: 20px;
+    border-radius: 15px;
 }
 
 /* Эффект наведения */
@@ -44,7 +44,7 @@ Simple Gallery CSS - Small thumbnails in rows
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
-    border-radius: 20px;
+    border-radius: 15px;
 }
 
 /* Скрываем обычные img теги */
@@ -67,25 +67,32 @@ Simple Gallery CSS - Small thumbnails in rows
 /* Адаптивность */
 @media (max-width: 768px) {
     .gallery .box {
-        width: 100px;
+        width: 23%;
-        height: 100px;
+        height: 180px;
     }
     
     .gallery {
-        gap: 6px;
+        gap: 1.5%;
     }
 }
 
 @media (max-width: 480px) {
-    .gallery .box {
+    .gallery {
-        width: 80px;
+        flex-direction: column;
-        height: 80px;
+        gap: 15px;
-        border-radius: 6px;
+        padding: 15px;
+        align-items: center;
     }
     
-    .gallery {
+    .gallery .box {
-        gap: 4px;
+        width: 95%;
-        padding: 8px;
+        max-width: 400px;
+        height: 250px;
+        border-radius: 12px;
+    }
+    
+    .gallery .img {
+        border-radius: 12px;
     }
 }