MH.Dmitrii/wedding-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adaptive_fix_4

Browse Source
This commit is contained in:
Alena Trushcheva
2026-05-11 16:48:09 +03:00
parent 7ddee3f12d
commit beef191051
52 changed files with 404 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
server/frontend/auth/image/bg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 MiB

BIN
server/frontend/auth/image/bg.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 357 KiB

BIN
server/frontend/auth/image/hamster.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 MiB

BIN
server/frontend/auth/image/hamster.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 264 KiB

24
server/frontend/auth/login.css
View File

@@ -19,18 +19,25 @@
font-style: normal;
font-display: swap;
}
body {
body, html {
font-family: "MurreyC";
background: url('./image/bg.png') no-repeat 100% 100% fixed;
background-size: cover;
margin: 0;
padding: 0;
}
.bg {
position: fixed;
inset: 0;
background: url("image/bg.webp") center center / cover no-repeat;
z-index: -1;
}
.glass-container {
position: fixed;
inset: 0;
backdrop-filter: blur(16px);
background: rgba(255,255,255,0.1); /* обязательно */
background: rgba(20,20,20,.35);
}
.login-box {
height: 100%;
@@ -39,7 +46,7 @@ body {
justify-content: center;
align-items: center;
flex-direction: column;
background: url('./image/hamster.png') no-repeat 50% 50%;
background: url('./image/hamster.webp') no-repeat 50% 50%;
padding-top: 50px;
}
form {
@@ -69,9 +76,12 @@ button {
background-color: #3a1f09;
padding: 10px 15px;
border-radius: 33px;
transition: all .1s;
transition:
transform .1s ease,
background-color .1s ease,
color .1s ease;
color: #e5b97e;
box-shadow: #3a1f09 2px 4px 10px 2px;
box-shadow: 0 4px 12px rgba(58,31,9,.3);
cursor: pointer;
}
button:hover {

10
server/frontend/auth/login.html
View File

@@ -5,8 +5,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login</title>
<link rel="stylesheet" href="login.css">
<link
rel="preload"
href="fonts/MurreyC/murreyc.woff2"
as="font"
type="font/woff2"
crossorigin
>
</head>
<body>
<div class="bg"></div>
<div class="glass-container">
<div class="login-box">
<h2>Введите код</h2>
@@ -16,6 +24,6 @@
</form>
</div>
</div>
<script src="login.js"></script>
<script src="login.js" defer></script>
</body>
</html>

BIN
server/frontend/main/images/25.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 MiB

BIN
server/frontend/main/images/25.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 323 KiB

BIN
server/frontend/main/images/ChatGPT Image 5 янв. 2026 г., 15_49_39.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.8 MiB

BIN
server/frontend/main/images/ChatGPT Image 5 янв. 2026 г., 15_49_39.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 612 KiB

BIN
server/frontend/main/images/icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

3
server/frontend/main/images/icon.svg Normal file
View File

@@ -0,0 +1,3 @@
<?xml version="1.0" ?><svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
.st0{display:none;}
</style><g class="st0" id="grid"/><g id="icon"><path d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z"/><path d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z"/><path d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
server/frontend/main/images/maps/loft.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 77 KiB

BIN
server/frontend/main/images/maps/zags.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

BIN
server/frontend/main/images/people/bride.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 231 KiB

BIN
server/frontend/main/images/people/bride.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 225 KiB

BIN
server/frontend/main/images/people/groom.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 54 KiB

BIN
server/frontend/main/images/people/groom.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
server/frontend/main/images/photos/1.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 638 KiB

BIN
server/frontend/main/images/photos/1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 689 KiB

BIN
server/frontend/main/images/photos/10.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 88 KiB

BIN
server/frontend/main/images/photos/10.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 103 KiB

BIN
server/frontend/main/images/photos/2.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 158 KiB

BIN
server/frontend/main/images/photos/2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 170 KiB

BIN
server/frontend/main/images/photos/3.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 95 KiB

BIN
server/frontend/main/images/photos/3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

BIN
server/frontend/main/images/photos/4.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 209 KiB

BIN
server/frontend/main/images/photos/4.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 235 KiB

BIN
server/frontend/main/images/photos/5.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 MiB

BIN
server/frontend/main/images/photos/5.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
server/frontend/main/images/photos/6.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 224 KiB

BIN
server/frontend/main/images/photos/6.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 239 KiB

BIN
server/frontend/main/images/photos/7.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 129 KiB

BIN
server/frontend/main/images/photos/7.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 132 KiB

BIN
server/frontend/main/images/photos/8.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 85 KiB

BIN
server/frontend/main/images/photos/8.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 98 KiB

BIN
server/frontend/main/images/photos/9.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 209 KiB

BIN
server/frontend/main/images/photos/9.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 234 KiB

BIN
server/frontend/main/images/time/camera.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
server/frontend/main/images/time/camera.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.6 KiB

BIN
server/frontend/main/images/time/disco-ball_18181959.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 31 KiB

BIN
server/frontend/main/images/time/disco-ball_18181959.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
server/frontend/main/images/time/food.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 23 KiB

BIN
server/frontend/main/images/time/food.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
server/frontend/main/images/time/guest1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 23 KiB

BIN
server/frontend/main/images/time/guest1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
server/frontend/main/images/time/ring.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
server/frontend/main/images/time/wedding-dinner_11196102.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
server/frontend/main/images/time/wedding-dinner_11196102.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.1 KiB

319
server/frontend/main/index.html
View File

@@ -8,65 +8,66 @@
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css" />
<link rel="preload" href="fonts/yourfont.woff2" as="font" type="font/woff2" crossorigin>
</head>
<body>
<div class="bg"></div>
<div class="bg"></div>
<header class="header">
<div class="burger" id="burger">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<nav class="nav" id="nav">
<ul class="menu">
<div class="items_up">
<!-- 1 -->
<li class="item">
<a href="#" class="link">
Добро пожаловать!
</a>
</li>
<!-- 2 -->
<li class="item">
<a href="#people" class="link">
Список гостей
</a>
</li>
<!-- 3 -->
<li class="item">
<a href="#timetable" class="link">
Расписание
</a>
</li>
<!-- 4 -->
<li class="item">
<a href="#transfer" class="link">
Путешествие
</a>
</li>
<!-- 1 -->
<li class="item">
<a href="#" class="link">
Добро пожаловать!
</a>
</li>
<!-- 2 -->
<li class="item">
<a href="#people" class="link">
Список гостей
</a>
</li>
<!-- 3 -->
<li class="item">
<a href="#timetable" class="link">
Расписание
</a>
</li>
<!-- 4 -->
<li class="item">
<a href="#transfer" class="link">
Путешествие
</a>
</li>
</div>
<div class="items_down">
<!-- 5 -->
<li class="item item_none">
<a href="#photos" class="link">
Фотографии
</a>
</li>
<!-- 6 -->
<li class="item">
<a href="#to-do-list" class="link">
Список задач
</a>
</li>
<!-- 7 -->
<li class="item">
<a href="#answer" class="link">
Прошу ответить
</a>
</li>
<!-- 5 -->
<li class="item item_none">
<a href="#photos" class="link">
Фотографии
</a>
</li>
<!-- 6 -->
<li class="item">
<a href="#to-do-list" class="link">
Список задач
</a>
</li>
<!-- 7 -->
<li class="item">
<a href="#answer" class="link">
Прошу ответить
</a>
</li>
</div>
</ul>
</nav>
@@ -109,7 +110,8 @@
</h4>
<div class="newlywed">
<div class="newlywed_item">
<img class="img_newlywed" src="images/people/groom.jpg" alt="groom">
<img class="img_newlywed" src="images/people/groom.webp" alt="groom" loading="lazy"
decoding="async">
<div class="newlywed_text">
<h3 class="newlywed_title">Жених</h3>
<p class="newlywed_info">
@@ -118,7 +120,8 @@
</div>
</div>
<div class="newlywed_item">
<img class="img_newlywed" src="images/people/bride.jpg" alt="bride">
<img class="img_newlywed" src="images/people/bride.webp" alt="bride" loading="lazy"
decoding="async">
<div class="newlywed_text">
<h3 class="newlywed_title">Невеста</h3>
<p class="newlywed_info">Я — творческий и активный человек, люблю петь, путешествовать и
@@ -220,7 +223,7 @@
</div>
</div> -->
</div>
</div>
</div>
</section>
<section class="timetable" id="timetable">
<h4 class="people_title">
@@ -233,7 +236,8 @@
<!-- 1 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/guest1.png" alt="ring" class="time_img">
<img src="images/time/guest1.webp" alt="ring" class="time_img" loading="lazy"
decoding="async">
<h6 class="time_h6">10:10</h6>
<p class="time_p">Сбор гостей</p>
<div class="time_comment">Приходите заранее, чтобы спокойно встретиться и сделать
@@ -244,7 +248,8 @@
<!-- 2 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/ring.png" alt="ring" class="time_img">
<img src="images/time/ring.webp" alt="ring" class="time_img" loading="lazy"
decoding="async">
<h6 class="time_h6">10:40</h6>
<p class="time_p">Церемония</p>
<div class="time_comment">Самый трогательный и важный момент дня — регистрация
@@ -255,7 +260,8 @@
<!-- 3 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/camera.png" alt="camera" class="time_img">
<img src="images/time/camera.webp" alt="camera" class="time_img" loading="lazy"
decoding="async">
<h6 class="time_h6">11:30</h6>
<p class="time_p">Фотосессия</p>
<div class="time_comment">После церемонии мы ненадолго отправимся на фотосессию,
@@ -267,7 +273,8 @@
<!-- 4 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/wedding-dinner_11196102.png" alt="" class="time_img">
<img src="images/time/wedding-dinner_11196102.webp" alt="" class="time_img"
loading="lazy" decoding="async">
<h6 class="time_h6">18:30</h6>
<p class="time_p">Сбор гостей и фуршет</p>
<div class="time_comment">Берем напиток, закуски и наслаждаемся началом вечера</div>
@@ -276,7 +283,8 @@
<!-- 5 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/food.png" alt="" class="time_img">
<img src="images/time/food.webp" alt="" class="time_img" loading="lazy"
decoding="async">
<h6 class="time_h6">19:00</h6>
<p class="time_p">Банкет</p>
<div class="time_comment">Приглашаем вас за столы, чтобы продолжить вечер в тёплой и
@@ -287,7 +295,8 @@
<!-- 6 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/disco-ball_18181959.png" alt="" class="time_img">
<img src="images/time/disco-ball_18181959.webp" alt="" class="time_img"
loading="lazy" decoding="async">
<h6 class="time_h6">22:00</h6>
<p class="time_p">Танцы</p>
<div class="time_comment">Приглашаем вас на танцпол. Танцуйте столько, сколько
@@ -307,29 +316,32 @@
<div class="transfer_inner">
<div class="transfer_map">
<div class="map">
<div style="position:relative;overflow:hidden; border-radius: 33px;">
<a href="https://www.google.com/maps/place/Glavnoye+Upravleniye+Zapisi+Aktov+Grazhdanskogo+Sostoyaniya+Tverskoy+Oblasti/@56.8571039,35.901453,17z/data=!3m1!4b1!4m6!3m5!1s0x46b687a4d4edacad:0x15df9a38c874eb5d!8m2!3d56.857101!4d35.9040279!16s%2Fg%2F11ls6j2lvj?entry=ttu&g_ep=EgoyMDI2MDMxMS4wIKXMDSoASAFQAw%3D%3D"
style="color:#eee;font-size:12px;position:absolute;top:0px;">
Главное управление записи актов гражданского состояния</a>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2181.349338718406!2d35.901452977352925!3d56.85710390639812!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46b687a4d4edacad%3A0x15df9a38c874eb5d!2sGlavnoye%20Upravleniye%20Zapisi%20Aktov%20Grazhdanskogo%20Sostoyaniya%20Tverskoy%20Oblasti!5e0!3m2!1sen!2s!4v1773428540512!5m2!1sen!2s"
width="100%" height="100%" style="border:1px;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
<div class="map_div">
<a href="https://maps.app.goo.gl/ZYTyA2qTvCpnXTdN7" target="_blank" class="map_link">
<img src="images/maps/zags.webp" alt="ЗАГС" class="map_preview" loading="lazy">
<div class="map_btn">
Открыть маршрут
</div>
</a>
</div>
<p class="map_adress">Тверь, Свободный переулок, 5</p>
<a href="https://maps.app.goo.gl/ZYTyA2qTvCpnXTdN7" class="map_adress" target="_blank">Тверь,
Свободный переулок, 5</a>
<h6 class="map_info">Начало в</h6>
<h6 class="map_time">10:10</h6>
</div>
<div class="map">
<div style="position:relative;overflow:hidden; border-radius: 33px;">
<a href="https://www.google.com/maps/place/Loft+1870+%7C+%D0%9F%D0%BB%D0%BE%D1%89%D0%B0%D0%B4%D0%BA%D0%B0+%D0%B4%D0%BB%D1%8F+%D0%BC%D0%B5%D1%80%D0%BE%D0%BF%D1%80%D0%B8%D1%8F%D1%82%D0%B8%D0%B9+%D0%A2%D0%B2%D0%B5%D1%80%D1%8C+%7C+%D0%BA%D0%B5%D0%B9%D1%82%D0%B5%D1%80%D0%B8%D0%BD%D0%B3+%D0%BD%D0%B0+%D1%81%D0%B2%D0%B0%D0%B4%D1%8C%D0%B1%D1%83,+%D0%B1%D0%B0%D0%BD%D0%BA%D0%B5%D1%82%D0%BD%D1%8B%D0%B9+%D0%B7%D0%B0%D0%BB/@56.850656,35.8603082,17.32z/data=!3m1!5s0x46b687a53bac0dcf:0x5c270d07d710d5a!4m6!3m5!1s0x46b68764eb0c1387:0x7cb135f5414bc1e0!8m2!3d56.8508612!4d35.8650531!16s%2Fg%2F11p0wc5v7q?entry=ttu&g_ep=EgoyMDI2MDMxMS4wIKXMDSoASAFQAw%3D%3D"
style="color:#eee;font-size:12px;position:absolute;top:0px;">Лофт 1870</a>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1749.675516895515!2d35.86030818806184!3d56.850656040536194!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46b68764eb0c1387%3A0x7cb135f5414bc1e0!2zTG9mdCAxODcwIHwg0J_Qu9C-0YnQsNC00LrQsCDQtNC70Y8g0LzQtdGA0L7Qv9GA0LjRj9GC0LjQuSDQotCy0LXRgNGMIHwg0LrQtdC50YLQtdGA0LjQvdCzINC90LAg0YHQstCw0LTRjNCx0YMsINCx0LDQvdC60LXRgtC90YvQuSDQt9Cw0Ls!5e0!3m2!1sen!2s!4v1773428705434!5m2!1sen!2s"
width="100%" height="100%" style="border:1px;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
<div class="map_div">
<a href="https://maps.app.goo.gl/5WFQzNhDqmo2dBxXA" target="_blank" class="map_link">
<img src="images/maps/loft.webp" alt="ЗАГС" class="map_preview" loading="lazy">
<div class="map_btn">
Открыть маршрут
</div>
</a>
</div>
<p class="map_adress">Тверь, улица Двор Пролетарки, 16</p>
<a href="https://maps.app.goo.gl/5WFQzNhDqmo2dBxXA" class="map_adress" target="_blank">Тверь,
улица Двор Пролетарки, 16</a>
<h6 class="map_info">Начало в</h6>
<h6 class="map_time">18:30</h6>
</div>
@@ -346,34 +358,44 @@
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/1.jpg" alt="photo">
<img class="swiper_img" src="images/photos/1.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/2.jpg" alt="photo">
<img class="swiper_img" src="images/photos/2.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/3.jpg" alt="photo">
<img class="swiper_img" src="images/photos/3.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/4.jpg" alt="photo">
<img class="swiper_img" src="images/photos/4.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/5.jpg" alt="photo">
<img class="swiper_img" src="images/photos/5.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/6.jpg" alt="photo">
<img class="swiper_img" src="images/photos/6.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/7.jpg" alt="photo">
<img class="swiper_img" src="images/photos/7.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/8.jpg" alt="photo">
<img class="swiper_img" src="images/photos/8.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/9.jpg" alt="photo">
<img class="swiper_img" src="images/photos/9.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/10.jpg" alt="photo">
<img class="swiper_img" src="images/photos/10.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
</div>
<!-- If we need pagination -->
@@ -394,31 +416,150 @@
<div class="to-do-list_wrapper">
<div class="to-do-list_items">
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Поздравить молодых и сказать тёплые слова
</div>
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Вручить подарок молодожёнам
</div>
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Сделать фото и видео, чтобы потом было что выложить
</div>
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Поднять тост за любовь
</div>
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Добраться до свадебного торта, сфотографировать его
</div>
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Потанцевать хотя бы один медленный танец
</div>
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Повеселиться так, чтобы этот день запомнился
</div>
</div>

51
server/frontend/main/main.js
View File

@@ -1,34 +1,47 @@
const swiper = new Swiper('.swiper', {
// Optional parameters
direction: 'horizontal',
loop: true,
spaceBetween: 1, // расстояние между слайдами 10-15px
slidesPerView: 3,
// Navigation arrows
direction: 'horizontal',
loop: false,
// Производительность
preloadImages: false,
lazy: true,
watchSlidesProgress: true,
// Слайды
slidesPerView: 3,
spaceBetween: 15,
// Анимация
speed: 700,
// Навигация
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
// And if we need scrollbar
// Скроллбар
scrollbar: {
el: '.swiper-scrollbar',
hide: true,
},
speed: 1000,
breakpoints: {
330: {
slidesPerView: 1,
},
1200: {
slidesPerView: 2,
},
1650: {
slidesPerView: 3,
},
// Адаптив
breakpoints: {
330: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
1400: {
slidesPerView: 3,
},
}
});
// Set the date we're counting down to

148
server/frontend/main/style.css
View File

@@ -36,7 +36,7 @@ body {
position: fixed;
inset: 0;
background: url("images/ChatGPT\ Image\ 5\ янв.\ 2026\ г.\,\ 15_49_39.png") center center / cover no-repeat;
background: url("images/ChatGPT\ Image\ 5\ янв.\ 2026\ г.\,\ 15_49_39.webp") center center / cover no-repeat;
z-index: -1;
}
@@ -51,7 +51,7 @@ button {
border-radius: 33px;
transition: all .1s;
color: #e5b97e;
box-shadow: #3a1f09 2px 4px 10px 2px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
button:hover {
background-color: #f0c590;
@@ -72,7 +72,7 @@ img {
padding: 20px 180px;
margin-top: 40px;
margin-bottom: 40px;
box-shadow: #3a1f09 2px 4px 10px 2px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.nav {
}
@@ -165,7 +165,7 @@ img {
width: 10%;
border-radius: 10px;
margin-left: 40px;
box-shadow: #444 2px 2px 4px 0px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.burger {
@@ -236,12 +236,12 @@ img {
/* --------------------------------Welcome----------------------------- */
.heading {
background: url("images/25.png") 50% 100% / cover;
background: url("images/25.webp") 50% 100% / cover;
margin: 0px 400px;
/* border: 10px solid rgb(184, 136, 48); */
/* border: 15px double rgb(184, 136, 48); */
height: 640px;
box-shadow: #000000 2px 4px 10px 2px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.heading_content {
padding: 15px 100px;
@@ -251,7 +251,7 @@ img {
z-index: 1;
padding: 20px 0px 20px 0px;
text-align: center;
box-shadow: #000000 2px 4px 10px 2px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.heading_cont::after {
z-index: -1;
@@ -336,7 +336,7 @@ h4 {
align-items: center;
background-color: rgba(245, 198, 124, 0.9);
padding: 20px;
box-shadow: #000000 2px 4px 10px 2px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.img_newlywed {
width: 40%;
@@ -367,7 +367,6 @@ h4 {
}
.guest_item {
text-align: center;
background: url("images/55555.jpg") 100% 100% / cover;
padding: 40px 80px;
border-radius: 33px;
opacity: 0.8;
@@ -482,10 +481,11 @@ h4 {
align-items: center;
gap: 100px;
}
.map > div {
border: 1px solid #000;
width: 760px; /* или 100% */
height: 500px;
max-width: 100%; /* или 100% */
height: 100%;
border-radius: 33px;
}
.map iframe {
width: 100%;
@@ -494,7 +494,6 @@ h4 {
}
.map_adress {
font-size: 50px;
text-align: center;
margin-top: 20px;
font-weight: 900;
}
@@ -510,6 +509,50 @@ h4 {
margin-top: 10px;
font-weight: 900;
}
.map_link {
position: relative;
display: block;
overflow: hidden;
height: 450px;
border: 1px solid #000;
border-radius: 33px;
}
.map_preview {
width: 100%;
height: 450px;
object-fit: cover;
transition: transform .4s ease;
}
.map_link:hover .map_preview {
transform: scale(1.03);
}
.map_btn {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
background: rgba(0,0,0,0.7);
color: white;
padding: 14px 24px;
border-radius: 30px;
font-size: 24px;
backdrop-filter: blur(5px);
}
.map_div {
}
.map {
width: 650px;
text-align: center;
}
/* --------------------------------PHOTOS-------------------------------------- */
.photos {
@@ -573,7 +616,7 @@ h4 {
.to-do-list_item {
background: linear-gradient(135deg, #f3d9c6, #e8c3a4, #d9a77a);
backdrop-filter: blur(6px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
width: 300px;
height: 200px;
display: flex;
@@ -590,9 +633,9 @@ h4 {
color: #3e2a1f;
text-shadow: 0 1px 1px rgba(255,255,255,0.3);
}
.to-do-list_item_img {
width: 50px;
height: 50px;
.to-do-list_item svg {
width: 44px;
height: 44px;
}
/* ---------------------------ANSWER----------------------------------- */
@@ -606,7 +649,7 @@ h4 {
padding: 50px;
margin: 0 300px;
border-radius: 25px;
box-shadow: 0 15px 40px rgba(0,0,0,0.08);
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
margin-top: 20px;
}
@@ -721,7 +764,7 @@ textarea {
.footer {
background-color: #2f1e14;
color: #fff;
box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.footer_inner {
display: flex;
@@ -799,6 +842,7 @@ textarea {
.heading {
margin: 0 350px;
}
}
@media (max-width: 1620px) {
@@ -826,6 +870,18 @@ textarea {
margin: 0 300px;
height: 580px;
}
.map_link {
height: 400px;
}
.map > div {
height: 400px;
}
.map_preview {
height: 400px;
}
.transfer_map {
gap: 70px;
}
}
@media (max-width: 1520px) {
.menu {
@@ -844,13 +900,10 @@ textarea {
}
.time {
font-size: 90px;
}
.transfer_map {
gap: 50px;
}
.map > div {
width: 620px;
height: 420px;
width: 500px;
height: 350px;
}
.form_name {
font-size: 30px;
@@ -868,6 +921,15 @@ textarea {
.to-do-list_items {
width: 70%;
}
.map {
width: 500px;
}
.map_link {
height: 350px;
}
.map_preview {
height: 350px;
}
}
@@ -890,10 +952,6 @@ textarea {
.time_img {
width: 40px;
height: 40px;
}
.map > div {
width: 560px;
height: 400px;
}
.map_adress {
font-size: 30px;
@@ -1046,10 +1104,6 @@ textarea {
}
.newlywed_title {
font-size: 36px;
}
.map > div {
width: 600px;
height: 400px;
}
.map_adress {
font-size: 36px;
@@ -1364,6 +1418,25 @@ textarea {
.heading {
height: 450px;
}
.map > div {
width: 400px;
height: 300px;
}
.map {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.map_btn {
padding: 15px;
}
.map_link {
height: 300px;
}
.map_preview {
height: 300px;
}
}
@@ -1387,11 +1460,9 @@ textarea {
.swiper {
height: 100%;
}
img {
max-width: 70%;
}
.swiper_img {
height: 250px;
max-width: 70%;
}
.swiper-scrollbar {
display: none;
@@ -1419,6 +1490,13 @@ textarea {
.heading {
height: 500px;
}
.map_div {
display: none;
}
.map_adress {
margin-bottom: 10px;
color: #502c01;
}
}