delete part with team - bugfix

src/css/layout/footer.css

@@ -243,129 +243,3 @@
     background-image: url(/img/footer/[email protected]);
   }
 }
-
-/* footer - team */
-@media screen and (max-width: 1279px) {
-  .our-stars {
-    display: none;
-  }
-}
-@media screen and (min-width: 1280px) {
-  .our-stars {
-    display: flex;
-    gap: 8px;
-    justify-content: center;
-    align-items: baseline;
-    margin-top: 0;
-    margin-bottom: 12px;
-  }
-
-  .footer-text-team,
-  .footer-team-link {
-    color: var(--secondary-text-color);
-    font-size: 12px;
-    line-height: 0.83;
-    letter-spacing: -0.02em;
-    opacity: 0.9;
-  }
-
-  .footer-team-link {
-    text-decoration: underline;
-    border: none;
-    background-color: transparent;
-  }
-
-  .footer-icon-team {
-    margin-left: 8px;
-    fill: none;
-    stroke: var(--secondary-text-color);
-    animation: pulse 2s infinite;
-  }
-
-  @keyframes pulse {
-    0% {
-      transform: scale(1);
-    }
-    50% {
-      transform: scale(1.2);
-    }
-    100% {
-      transform: scale(1);
-    }
-  }
-
-  /* modal */
-  .footer-modal-backdrop {
-    position: fixed;
-    z-index: 100;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: rgba(27, 27, 27, 0.6);
-    opacity: 0;
-    visibility: hidden;
-    pointer-events: none;
-  }
-  .footer-modal-backdrop.is-open {
-    opacity: 1;
-    visibility: visible;
-    pointer-events: auto;
-    transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),
-      visibility 250ms cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  .our-team-footer-card {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
-    background-color: var(--secondary-text-color);
-    border-radius: 20px;
-    padding: 32px;
-  }
-
-  .footer-team-list {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: center;
-    align-items: center;
-    gap: 24px;
-  }
-
-  .footer-team-list-item {
-    width: calc((100% - 96px) / 5);
-  }
-  .footer-team-member-img:hover,
-  .footer-team-member-img:focus {
-    transform: scale(1.05);
-    box-shadow: 0 0 25px #0f0e0eb3;
-  }
-
-  .footer-team-member-img {
-    border-radius: 50%;
-    margin-bottom: 8px;
-  }
-
-  .footer-team-member-info {
-    width: 1096px;
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-  }
-
-  .footer-team-member-name {
-    color: var(--main-text-color);
-  }
-
-  .team-sm-icon {
-    fill: var(--dark-grey);
-  }
-
-  .team-sm-icon:hover,
-  .team-sm-icon:focus {
-    fill: #5f6560;
-  }
-}

src/js/submit-email-footer.js

@@ -1,7 +1,9 @@
+import iziToast from 'izitoast';
+import 'izitoast/dist/css/iziToast.min.css';
+
 const form = document.querySelector('.subs-form');
 const localStorageKey = 'user-email';
 const savedEmail = localStorage.getItem(localStorageKey);
-
 form.elements.email.value = savedEmail ? savedEmail : '';
 form.addEventListener('input', saveToLocalStorage);
 function saveToLocalStorage(evt) {
@@ -20,19 +22,14 @@ async function postEmail(userEmail) {
       }
     );
     if (!response.ok) {
+      console.error('Код помилки:', response.status);
       throw new Error('Мережевий запит не був успішним');
     }
     const data = await response.json();
-
-    iziToast.success({
-      title: 'We are excited to have you on board!',
-      message:
-        'Thank you for subscribing to new exercises on Energy Flow. You have just taken a significant step towards improving your fitness and well-being.',
-      position: 'center',
-    });
-
     console.log('Дані успішно відправлені', data);
-  } catch (error) {}
+  } catch (error) {
+    console.error('Помилка при відправленні даних', error);
+  }
 }
 form.addEventListener('submit', async e => {
   e.preventDefault();
@@ -56,16 +53,3 @@ form.addEventListener('submit', async e => {
     console.log('Електронна пошта не введена.');
   }
 });
-
-// MODAL
-const closeBtnFooter = document.querySelector('.footer-close-btn');
-const backDropFooter = document.querySelector('.footer-modal-backdrop');
-
-const openFooterModalBtn = document.querySelector('.footer-team-link');
-openFooterModalBtn.addEventListener('click', function () {
-  backDropFooter.classList.add('is-open');
-});
-
-closeBtnFooter.addEventListener('click', function () {
-  backDropFooter.classList.remove('is-open');
-});