fix css

Reviewed-on: #1

.gitea/workflows/ci.yml

@@ -11,8 +11,8 @@ jobs:
 
       - name: Setup SSH key
         run: |
-          echo "${{ secrets.SSH_PRIVATE_KEY }}" > /tmp/id_fin 
+          echo "${{ secrets.SSH_PRIVATE_KEY_RU }}" > /tmp/id_ru 
-          chmod 600 /tmp/id_fin 
+          chmod 600 /tmp/id_ru
 #ключ машины
       - name: Create .env file
         run: echo "${{ secrets.RUNNER_ENV }}" > .env
@@ -28,7 +28,7 @@ jobs:
       - name: Run Ansible playbook
         run: ansible-playbook -i tmp-repo/ansible/inventory.ini tmp-repo/ansible/deploy.yml -e @tmp-repo/ansible/secrets.yml -e env_file="$(pwd)/.env"
         env:
-          ANSIBLE_PRIVATE_KEY_FILE: /tmp/id_fin
+          ANSIBLE_PRIVATE_KEY_FILE: /tmp/id_ru
           ANSIBLE_HOST_KEY_CHECKING: "False"
 
   build:
@@ -36,9 +36,13 @@ jobs:
     needs: deploy
     steps:
       - uses: actions/checkout@v4
+      
+      - name: Login to Docker Hub
+        run: echo "${{ secrets.DOCKER_PASSWORD }}" | docker login -u mh.dmitrii@homyk.space --password-stdin
 
       - name: Create .env file
         run: echo "${{ secrets.WEDDING_SITE_ENV  }}" > .env
+
       - name: Check env
         run: cat .env
 #env для проекта

ansible/deploy.yml

@@ -16,6 +16,11 @@
       args:
         creates: /usr/bin/docker
 
+    - name: Install Docker Compose plugin
+      apt:
+        name: docker-compose-plugin
+        state: present
+
     - name: Ensure /opt/infra exists
       file:
         path: /opt/infra
@@ -38,4 +43,7 @@
         creates: /opt/infra/node-docker.yaml
 
     - name: Start node-docker
-      shell: docker-compose -f /opt/infra/node-docker.yaml up -d
+      shell: docker compose -f /opt/infra/node-docker.yaml up -d
+    
+    - name: Docker system prune
+      shell: docker system prune -a -f

ansible/inventory.ini

@@ -1,2 +1,2 @@
 [servers]
-myserver ansible_host=38.244.136.102 ansible_user=root
+myserver ansible_host=81.19.135.168 ansible_user=root

docker/caddy/caddy.yaml

@@ -8,6 +8,7 @@ services:
     volumes:
       - caddy_data:/data
       - caddy_config:/config
+      - /root/.docker/config.json:/root/.docker/config.json:ro
     networks:
       - docker_wedding-site-network
     healthcheck: 

docker/docker-compose.yaml

@@ -4,6 +4,7 @@ services:
     container_name: wedding-site
     volumes:
       - /home/sevice/DB:/home/backend/server/backend/database/DB
+      - /root/.docker/config.json:/root/.docker/config.json:ro
     expose:
       - "${PORT}"
     networks:

docker/gitea_runners/node-docker.yaml

@@ -5,6 +5,7 @@ services:
     volumes:
       - ./data/act_runner:/data
       - /var/run/docker.sock:/var/run/docker.sock
+      - /root/.docker/config.json:/root/.docker/config.json:ro
     environment:
       - GITEA_INSTANCE_URL=${GITEA_INSTANCE_URL}
       - GITEA_RUNNER_REGISTRATION_TOKEN=${TOKEN}

readme.md

@@ -1 +1 @@
-test 2
+test 2d

server/backend/endpoints/endpoints.py

@@ -8,9 +8,9 @@ security = HTTPBearer(auto_error=False)
 
 async def get_current_user(
     credentials: HTTPAuthorizationCredentials = Depends(security),
-    token_cookie: str = Cookie(default=None)
+    token: str = Cookie(default=None)
 ):
-    token = credentials.credentials if credentials else token_cookie
+    token = credentials.credentials if credentials else token
     if not token:
         raise HTTPException(status_code=401, detail="Not authenticated")
     user = decodeJWT(token)

server/frontend/auth/login.css

@@ -25,6 +25,7 @@ body, html {
     margin: 0;
     padding: 0;
 }
+body{  background-color: #c68a5e;}
 .bg {
     position: fixed;
     inset: 0;

server/frontend/auth/login.js

@@ -34,7 +34,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 }
             }
         } catch (err) {
-            showError(['Connection error: ' + err.message]);
+            showError(['Connection error :(']);
         }
     });
 });
@@ -45,13 +45,13 @@ function showError(messages) {
         errorElem = document.createElement('div');
         errorElem.id = 'formError';
         errorElem.style.cssText = `
-            color: red;
+          color: red;
-            margin-top: 20px;
+          font-size: medium;
-            margin-bottom: 20px;
+          line-height: 100%;
-            font-size: 14px;
+          transition: 3s;
-            font-weight: 100;
+          text-decoration: underline;
-            line-height: 120%;
+          font-weight: bold;
-            transition: 3s;
+          font-family: Arial, sans-serif;
         `;
         document.getElementById('loginForm').insertAdjacentElement('afterend', errorElem);
     }

server/frontend/main/api.js

@@ -15,19 +15,19 @@ document.addEventListener("DOMContentLoaded", () => {
         window.location.href = '/';
     });
 
-    document.querySelector(".form-info").addEventListener("submit", async (e) => {
+    document.querySelector(".form-connect").addEventListener("submit", async (e) => {
         e.preventDefault();
 
         const guestData = {
             name:          document.getElementById('ffname').value || "",
             middlename:    document.getElementById('fmname').value || "",
             surname:       document.getElementById('flname').value || "",
-            text_field:    document.getElementById('text_field')?.value || "",
+            text_field:    document.getElementById('text_field')?.value || "Пожеланий Нет",
             activated:     true,
-            types_of_food: document.querySelector('input[name="food"]:checked')?.value || "",
+            type_of_food: document.querySelector('input[name="food"]:checked')?.value || "Мясо (Дефолт)",
             types_of_alco: Array.from(document.querySelectorAll('input[name="drink"]:checked'))
                                .map(el => el.value)
-                               .join(', ')
+                               .join(', ') || "Сок"
         };
 
         try {
@@ -49,7 +49,48 @@ document.addEventListener("DOMContentLoaded", () => {
 
         } catch (err) {
             console.error(err);
-            alert('Ошибка: ' + err.message);
+            window.location.href = '#answer';
+            showErrors(JSON.parse(err.message));
         }
     });
-});
+});
+
+const fieldMap = {
+    'name': 'ffname',
+    'middlename': 'fmname',
+    'surname': 'flname'
+  };
+  
+  function showErrors(errors) {
+    let errorElements = document.querySelectorAll(".formError")
+    if (errorElements.length === 0) {
+      document.querySelectorAll('.label_style').forEach(el => {
+        const errorElem = document.createElement('div');
+        errorElem.className = 'formError';
+        errorElem.style.cssText = `
+          color: red;
+          font-size: medium;
+          line-height: 100%;
+          transition: 3s;
+          text-decoration: underline;
+          font-weight: bold;
+          font-family: Arial, sans-serif;
+        `;
+        el.after(errorElem);
+      });
+    }  
+    errors.forEach(error => {
+      const fieldName = error.loc[1]; // 'name', 'middlename', 'surname'
+      const inputId = fieldMap[fieldName];
+      if (!inputId) return;
+  
+      const input = document.getElementById(inputId);
+      if (!input) return;
+      const label = input.closest('.label_style');
+      if (label && label.nextElementSibling?.classList.contains('formError')) {
+        label.nextElementSibling.textContent = error.msg;
+      }
+    });
+  }
+  
+

server/frontend/main/index.html

@@ -3,12 +3,14 @@
 
 <head>
     <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>
     <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>
@@ -598,13 +600,12 @@
                         <label class="label_style">Имя
                             <input type="text" name="firstName" id="ffname" required>
                         </label>
-
                         <label class="label_style">Отчество
                             <input type="text" name="middleName" id="fmname" required>
                         </label>
 
                         <label class="label_1">Комментарий
-                            <textarea cols="1.5" rows="1" type="text" name="lastName" id="fename"
+                            <textarea cols="1.5" rows="1" type="text" name="lastName" id="text_field"
                                 placeholder="Напишите здесь о ваших особых предпочтениях и аллергиях"></textarea>
                         </label>
 
@@ -620,7 +621,7 @@
                         </label>
 
                         <label class="option">
-                            <input type="radio" name="food" id="rfish" value="fish">
+                            <input type="radio" name="food" id="rfish" value="fish" required>
                             Рыба
                         </label>
                     </div>

server/frontend/main/style.css

@@ -23,27 +23,32 @@
 
 
 /* --------------------------------MAIN-------------------------------- */
+html, body {
+  height: 100vh;
+}
 
 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 {
-    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;
-    z-index: -1;
+  background: url("images/ChatGPT Image 5 янв. 2026 г., 15_49_39.webp") center center / cover no-repeat ;
+  z-index: -1;
+  transform: translateZ(0);
+  -webkit-transform: translateZ(0);
 }
-
 .content {
     position: relative;
-    min-height: 100vh;
+    min-height: 100dvh;
 }
 button {
     background-color: #3a1f09;
@@ -61,21 +66,19 @@ button:hover {
 img {
     max-width: 100%;
 }
-.content {
-}
 
 
 /* -------------------------------HEADER------------------------------ */
 .header {
-    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;
+
-    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
+  margin-bottom: 40px;
-}
+  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
-.nav {
 }
+
 .menu {
     display: flex;
     justify-content: center;
@@ -95,12 +98,9 @@ img {
     font-weight: 900;
     transition: all .3s;
     text-shadow: 1px 2px #322624;
-}
-.item:hover {
-    
 }
 .link {
-    
+    white-space: nowrap;
     transition: all .3s;
 }
 .link:hover {
@@ -166,6 +166,8 @@ img {
         border-radius: 10px;
         margin-left: 40px;
         box-shadow: 0 2px 6px rgba(0,0,0,0.2);
+        
+        
     }
 
     .burger {
@@ -173,27 +175,22 @@ img {
         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;
-
+  justify-content: center;
-    display: flex;
+  align-items: center;
-    justify-content: center;
+  z-index: 1000;
-    align-items: center;
-
-    transform: translateY(-100%);
-    transition: 0.5s ease;
-    z-index: 1000;
 }
 
 .nav.active {
-    transform: translateY(0);
+  display: flex;
 }
 .nav::before {
     content: "";
@@ -293,8 +290,6 @@ img {
 .btn_link {
   font-size: 30px;
 }
-.asise {
-}
 .time{
     padding-top: 15px;
     font-size: 110px;
@@ -365,8 +360,7 @@ h4 {
 .newlywed_info {
     font-size: 26px;
 }
-.guest_list {
+
-}
 .guest_inner {
     display: flex;
     justify-content: space-around;
@@ -382,9 +376,6 @@ h4 {
     font-weight: 900;
     font-style: italic;
     color: rgb(252, 220, 180);
-}
-.guest_item_list {
-    
 }
 .guest_name {
     font-size: 36px;
@@ -440,17 +431,13 @@ h4 {
     text-align: center;
     border-radius: 33px;
     margin: 0 20px;
-}
-.time_img_box {
-    
 }
 .time_img {
     width: 60px;
     height: 60px;
     margin-bottom: 10px;
 }
-.time_line {
+
-}
 .time_row_down {
     display: flex;
     justify-content: space-between;
@@ -475,8 +462,6 @@ h4 {
     margin-bottom: 60px;
     padding-top: 40px;
 }
-.transfer_title {
-}
 .transfer_inner {
     margin-top: 60px;
 }
@@ -552,9 +537,6 @@ h4 {
 
     font-size: 24px;
     backdrop-filter: blur(5px);
-}
-.map_div {
-
 }
 .map {
     width: 650px;
@@ -608,8 +590,7 @@ h4 {
     padding-bottom: 100px;
     padding-top: 40px;
 }
-.do-list_title {
+
-}
 .to-do-list_wrapper {
     width: 100%;
     padding-top: 40px;
@@ -834,8 +815,6 @@ textarea {
     font-size: 36px;
     margin-bottom: 25px;
 }
-.footer_copyright {
-}
 
 
 /* --------------------------------------------------------ADAPTIVE------------------------------------------------------ */
@@ -1312,7 +1291,7 @@ textarea {
         margin-bottom: 20px;
         background: none;
         box-shadow: none;
-        height: 450px;
+        height: 550px;
     }
     .heading_content {
         padding: 0;
@@ -1377,6 +1356,7 @@ textarea {
 @media (max-width: 720px) {
         .heading {
         margin: 40px 0;
+        height: 550px;
     }
       .newlywed {
     width: 85%;
@@ -1430,9 +1410,6 @@ textarea {
   }
   .items_up, .items_down {
     flex-direction: column;
-  }
-     .heading {
-    height: 450px;
   }
     .map > div {
     width: 400px;
@@ -1504,11 +1481,9 @@ textarea {
     padding: 0px 20px;
   }
     .heading {
-    height: 500px;
+    height: 600px;
   }
-.map_div {
+
-  display: none;
-}
 .map_adress {
   margin-bottom: 10px;
   text-decoration: underline;
@@ -1536,8 +1511,8 @@ textarea {
   }
     .map > div {
         border-radius: 0px;
-        width: auto;
+        width: 300px;
-    height: 350px;
+    height: 200px;
     overflow: none;
   }
     .form_name input[type="text"] {
@@ -1671,13 +1646,19 @@ textarea {
       background-color: #a8582a;
       border: 1px solid #000;
     }
+    .map_btn {
+      display: none;
+    }
+      .map_link {
+    height: 200px;
+  }
+    .map_preview {
+    height: 200px;
+  }
 
 }
 
 @media (max-width: 420px) {
-      .map > div{
-    height: 300px;
-      }
 
          .time {
     font-size: 60px;
@@ -1729,7 +1710,4 @@ textarea {
     font-size: 35px;
     font-weight: 900;
   }
-    .map > div {
-    height: 220px;
-  }
 }