upd. welcome

GamingHackintosh · Sep 7, 2024 · d4b2dba · d4b2dba
1 parent c88de56
commit d4b2dba
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 19 deletions.
diff --git a/assets/CSS/welcome.css b/assets/CSS/welcome.css
@@ -1,12 +1,11 @@
-/* Стили для всплывающего уведомления */
 .welcome-popup {
-    display: none; /* По умолчанию скрыто */
+    display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
-    background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачный фон */
+    background-color: rgba(0, 0, 0, 0.5);
     z-index: 1000;
     display: flex;
     align-items: center;
@@ -31,7 +30,6 @@
     font-size: 1.8rem;
     margin-bottom: 10px;
 }
-
 .welcome-popup-content p {
     font-family: 'Header-DESC', sans-serif;
     font-size: 1rem;
@@ -44,10 +42,9 @@
     right: 10px;
     font-size: 1.5rem;
     cursor: pointer;
-    color: var(--color-text-alt);
+    color: var(--color-white);
     transition: color 0.3s ease;
 }
-
 .close-popup:hover {
     color: var(--color-hover);
 }
diff --git a/assets/JS/welcome.js b/assets/JS/welcome.js
@@ -1,20 +1,28 @@
-document.addEventListener('DOMContentLoaded', function() {
-    var popup = document.getElementById('welcome-popup');
-    var closePopup = document.getElementById('close-popup');
+document.addEventListener('DOMContentLoaded', function () {
+    const popup = document.getElementById('welcome-popup');
+    const closeBtn = document.getElementById('close-popup');
 
-    if (localStorage.getItem('welcomePopupShown') !== 'true') {
+    // Функция для скрытия попапа
+    function hidePopup() {
+        popup.style.display = 'none';
+    }
+
+    // Проверяем, был ли уже показан попап
+    if (!localStorage.getItem('welcomePopupShown')) {
+        // Показываем попап при первом посещении
         popup.style.display = 'flex';
     }
 
-    closePopup.addEventListener('click', function() {
-        popup.style.display = 'none';
-        localStorage.setItem('welcomePopupShown', 'true');
+    // Когда пользователь нажимает на крестик, скрываем попап и сохраняем в localStorage
+    closeBtn.addEventListener('click', function() {
+        hidePopup();
+        localStorage.setItem('welcomePopupShown', 'true'); // Устанавливаем флаг, что попап был закрыт
     });
 
-    // Закрытие по клику вне окна
+    // Также закрываем попап, если пользователь кликнул за его пределы
     window.addEventListener('click', function(event) {
         if (event.target === popup) {
-            popup.style.display = 'none';
+            hidePopup();
             localStorage.setItem('welcomePopupShown', 'true');
         }
     });

diff --git a/index.html b/index.html
@@ -109,10 +109,10 @@ <h3>После начала российской государственнос
         <div id="welcome-popup" class="welcome-popup">
             <div class="welcome-popup-content">
                 <span id="close-popup" class="close-popup">&times;</span>
-                <h2>Добро пожаловать на сайт "Эхо Веков"</h2>
-                <p>Мы рады приветствовать вас на нашем сайте, где вы можете найти информацию о значимых исторических событиях России. Используйте навигацию, чтобы начать изучение.</p>
+                <h2>Добро пожаловать на сайт</h2>
+                <p>Мы рады приветствовать вас на нашем сайте, где вы можете найти информацию о значимых исторических событиях России.<br>Используйте навигацию, чтобы начать изучение.</p>
             </div>
-        </div>        
+        </div>    
 
         <!-- Search Section -->
         <section class="search container section" id="search">
@@ -390,6 +390,6 @@ <h2 class="modal-title" id="modal-title"></h2>
     <script src="assets/JS/articles.js"></script>
     <script src="assets/JS/initial-map.js"></script>
     <!-- Scripts (WEB) -->
-    <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
+    <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script> <!-- MAPS -->
 </body>
 </html>