Update design 5
This commit is contained in:
@@ -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"
|
||||
|
||||
+36
-23
@@ -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>
|
||||
<div style="margin-top: 0.5rem;">
|
||||
<label style="display: flex; align-items: flex-start; font-weight: normal; margin-bottom: 0.5rem;">
|
||||
<input type="radio" name="consent" value="agree" required style="margin-right: 0.5rem; margin-top: 0.2rem; width: auto;">
|
||||
<span>Я согласен на обработку персональных данных для оформления заявки, гарантирую, что передаю свои персональные данные</span>
|
||||
<label style="font-weight: 600; margin-bottom: 1rem; display: block;">Согласие на обработку персональных данных *<sup>1</sup></label>
|
||||
<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.75rem; cursor: pointer;">
|
||||
<span style="font-size: 18px; margin-right: 0.5rem; margin-top: 0.1rem;">✅</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;">
|
||||
<input type="radio" name="consent" value="disagree" style="margin-right: 0.5rem; width: auto;">
|
||||
<span>Не согласен на обработку персональных данных</span>
|
||||
<label style="display: flex; align-items: center; font-weight: normal; cursor: pointer;">
|
||||
<span style="font-size: 18px; margin-right: 0.5rem;">❌</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>
|
||||
<div style="margin-top: 0.5rem;">
|
||||
<label style="display: flex; align-items: center; font-weight: normal; margin-bottom: 0.5rem;">
|
||||
<input type="radio" name="age" value="18+" required style="margin-right: 0.5rem; width: auto;">
|
||||
<span>Мне более 18 лет</span>
|
||||
<label style="font-weight: 600; margin-bottom: 1rem; display: block;">Укажите свой возраст *<sup>2</sup></label>
|
||||
<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.75rem; cursor: pointer;">
|
||||
<span style="font-size: 18px; margin-right: 0.5rem;">✅</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;">
|
||||
<input type="radio" name="age" value="under18" style="margin-right: 0.5rem; width: auto;">
|
||||
<span>Мне менее 18 лет</span>
|
||||
<label style="display: flex; align-items: center; font-weight: normal; cursor: pointer;">
|
||||
<span style="font-size: 18px; margin-right: 0.5rem;">❌</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 лет, для участия в поездке необходимо согласие и личное присутствие законных представителей (родителей, опекунов).
|
||||
|
||||
|
||||
@@ -40,5 +40,3 @@ Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/
|
||||
{{- end }}
|
||||
</div>
|
||||
|
||||
<!-- Добавляем кнопку "вернуться в начало" для галереи -->
|
||||
{{ partial "back-to-top.html" . }}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1 +0,0 @@
|
||||
{"Target":"assets/css/main.css","MediaType":"text/css","Data":{}}
|
||||
-26
@@ -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; }
|
||||
@@ -1 +0,0 @@
|
||||
{"Target":"assets/css/noscript.css","MediaType":"text/css","Data":{}}
|
||||
@@ -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;
|
||||
height: 300px;
|
||||
width: 23%;
|
||||
height: 250px;
|
||||
transition: transform 0.2s ease;
|
||||
border: 3px solid white;
|
||||
border-radius: 20px;
|
||||
border: none;
|
||||
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;
|
||||
height: 100px;
|
||||
width: 23%;
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
.gallery {
|
||||
gap: 6px;
|
||||
gap: 1.5%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.gallery .box {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 6px;
|
||||
.gallery {
|
||||
flex-direction: column;
|
||||
gap: 15px;
|
||||
padding: 15px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.gallery {
|
||||
gap: 4px;
|
||||
padding: 8px;
|
||||
.gallery .box {
|
||||
width: 95%;
|
||||
max-width: 400px;
|
||||
height: 250px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.gallery .img {
|
||||
border-radius: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user