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

Merge branch 'dev'
All checks were successful
Build Docker / deploy (push) Successful in 41s
Details
Build Docker / build (push) Successful in 54s
Details

Browse Source
This commit is contained in:
Dmitrii Seliakov
2026-05-17 16:39:19 +03:00
parent fb9042c845 c01a89d470
commit df2a01942f
3 changed files with 48 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
server/frontend/main/images/free-icon-wedding-ring-4155044.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 264 KiB

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

@@ -3,12 +3,14 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<link rel="icon" type="icon" sizes="32x32" href="images/free-icon-wedding-ring-4155044.ico">
<title>Wedding invitation</title> <title>Wedding invitation</title>
<link rel="stylesheet" href="reset.css"> <link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.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> <link rel="preload" href="fonts/yourfont.woff2" as="font" type="font/woff2" crossorigin>
</head> </head>
<body> <body>

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

@@ -23,27 +23,32 @@
/* --------------------------------MAIN-------------------------------- */ /* --------------------------------MAIN-------------------------------- */
html, body {
height: 100vh;
}
body { body {
margin: 0;
font-family: "MurreyC"; font-family: "MurreyC";
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
letter-spacing: 3px; letter-spacing: 3px;
background-color: #c68a5e;
} }
.bg { .bg {
position: fixed; position: fixed;
inset: 0; top: -100px;
left: 0;
background: url("images/ChatGPT\ Image\ 5\ янв.\ 2026\ г.\,\ 15_49_39.webp") center center / cover no-repeat; right: 0;
bottom: -100px;
background: url("images/ChatGPT Image 5 янв. 2026 г., 15_49_39.webp") center center / cover no-repeat ;
z-index: -1; z-index: -1;
transform: translateZ(0);
-webkit-transform: translateZ(0);
} }
.content { .content {
position: relative; position: relative;
min-height: 100vh; min-height: 100dvh;
} }
button { button {
background-color: #3a1f09; background-color: #3a1f09;
@@ -61,8 +66,6 @@ button:hover {
img { img {
max-width: 100%; max-width: 100%;
} }
.content {
}
/* -------------------------------HEADER------------------------------ */ /* -------------------------------HEADER------------------------------ */
@@ -70,12 +73,12 @@ img {
width: 100%; width: 100%;
background-color: #663c24; background-color: #663c24;
padding: 20px 180px; padding: 20px 180px;
margin-top: 40px; padding-top: calc(20px + env(safe-area-inset-top));
margin-bottom: 40px; margin-bottom: 40px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2); box-shadow: 0 2px 6px rgba(0,0,0,0.2);
} }
.nav {
}
.menu { .menu {
display: flex; display: flex;
justify-content: center; justify-content: center;
@@ -166,6 +169,8 @@ img {
border-radius: 10px; border-radius: 10px;
margin-left: 40px; margin-left: 40px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2); box-shadow: 0 2px 6px rgba(0,0,0,0.2);
} }
.burger { .burger {
@@ -173,27 +178,22 @@ img {
display: flex; display: flex;
} }
.nav { .nav {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; /* ВАЖНО */ left: 0;
width: 100%; width: 100%;
height: 100vh; height: 100vh;
background: rgba(102, 60, 36, 0.97); background: rgba(102, 60, 36, 0.97);
backdrop-filter: blur(12px); backdrop-filter: blur(12px);
display: none;
display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
transform: translateY(-100%);
transition: 0.5s ease;
z-index: 1000; z-index: 1000;
} }
.nav.active { .nav.active {
transform: translateY(0); display: flex;
} }
.nav::before { .nav::before {
content: ""; content: "";
@@ -440,17 +440,13 @@ h4 {
text-align: center; text-align: center;
border-radius: 33px; border-radius: 33px;
margin: 0 20px; margin: 0 20px;
}
.time_img_box {
} }
.time_img { .time_img {
width: 60px; width: 60px;
height: 60px; height: 60px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.time_line {
}
.time_row_down { .time_row_down {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -1312,7 +1308,7 @@ textarea {
margin-bottom: 20px; margin-bottom: 20px;
background: none; background: none;
box-shadow: none; box-shadow: none;
height: 450px; height: 550px;
} }
.heading_content { .heading_content {
padding: 0; padding: 0;
@@ -1377,6 +1373,7 @@ textarea {
@media (max-width: 720px) { @media (max-width: 720px) {
.heading { .heading {
margin: 40px 0; margin: 40px 0;
height: 550px;
} }
.newlywed { .newlywed {
width: 85%; width: 85%;
@@ -1430,9 +1427,6 @@ textarea {
} }
.items_up, .items_down { .items_up, .items_down {
flex-direction: column; flex-direction: column;
}
.heading {
height: 450px;
} }
.map > div { .map > div {
width: 400px; width: 400px;
@@ -1504,7 +1498,7 @@ textarea {
padding: 0px 20px; padding: 0px 20px;
} }
.heading { .heading {
height: 500px; height: 600px;
} }
.map_adress { .map_adress {