upd. nav (adaptation)

assets/CSS/adaptation.css

@@ -258,12 +258,7 @@
     }
 }
 
-/*=== History-Map.css ===*/
-@media (max-width: 768px) {
-    .map-container {
-        width: 90%;
-    }
-}
+
 
 
 /* Стили для планшетов */

assets/CSS/font.css

@@ -2,10 +2,8 @@
 @font-face {
     font-family: 'Header-TITLE';
     src: url('../fonts/MorfinSans-Regular.ttf') format('truetype');
-    /* ... */
 }
 @font-face {
     font-family: 'Header-DESC';
     src: url('../fonts/dance_partner_0.ttf') format('truetype');
-    /* ... */
 }

assets/CSS/history-map.css

@@ -15,7 +15,7 @@
     align-items: center;
     background-color: #4C4945;
     padding: 15px;
-    border-radius: 15px;
+    border-radius: 30px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 

assets/CSS/navigation.css

@@ -29,7 +29,7 @@
     font-size: 16px;
     font-weight: bold;
     text-transform: uppercase;
-    display: inline-flex;
+    display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
@@ -44,4 +44,8 @@
 }
 .nav-list a:active {
     background-color: #3E280B;
+}
+.nav-list a.active {
+    background-color: #A67B5B;
+    color: #F7E1C8;
 }

assets/JS/Nav-Visibility.js

@@ -17,12 +17,21 @@ document.addEventListener('DOMContentLoaded', function () {
         });
     }
 
+    // Функция для установки активного класса на выбранную ссылку
+    function setActiveLink(link) {
+        navLinks.forEach(navLink => {
+            navLink.classList.remove('active');
+        });
+        link.classList.add('active');
+    }
+
     // Добавление события клика на элементы навигации
     navLinks.forEach(link => {
         link.addEventListener('click', function (e) {
             e.preventDefault();
             const sectionId = this.getAttribute('data-section');
             showSection(sectionId);
+            setActiveLink(this);
         });
     });
 

assets/JS/initial-map.js

@@ -7,15 +7,27 @@ document.addEventListener("DOMContentLoaded", function () {
         attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
     }).addTo(map);
 
-    // Загружаем данные из date.json
-    fetch('assets/data/date.json')
-        .then(response => response.json())
-        .then(data => {
-            data.dates.forEach(event => {
-                // Добавляем метку для каждого события
-                L.marker([event.latitude, event.longitude]).addTo(map)
-                    .bindPopup(`<b>${event.name}</b><br>${event.description}`);
-            });
-        })
-        .catch(error => console.error('Ошибка загрузки данных:', error));
-});
+    // Функция для загрузки JSON данных
+    function loadJSON(url, callback) {
+        var xhr = new XMLHttpRequest();
+        xhr.overrideMimeType("application/json");
+        xhr.open('GET', url, true);
+        xhr.onreadystatechange = function () {
+            if (xhr.readyState === 4 && xhr.status === 200) {
+                callback(JSON.parse(xhr.responseText));
+            }
+        };
+        xhr.send(null);
+    }
+
+    // Загрузка данных из date.json
+    loadJSON('assets/json/date.json', function (data) {
+        // Добавляем метки на карту
+        data.forEach(event => {
+            if (event.location && event.location.latitude && event.location.longitude) {
+                L.marker([event.location.latitude, event.location.longitude]).addTo(map)
+                    .bindPopup(`<b>${event.title}</b><br>${event.date}`);
+            }
+        });
+    });
+});

assets/JS/search-date.js

@@ -8,7 +8,7 @@ document.addEventListener("DOMContentLoaded", () => {
     let eventsData = [];
 
     // Загружаем данные из date.json
-    fetch("assets/date.json")
+    fetch("assets/json/date.json")
         .then(response => response.json())
         .then(data => {
             eventsData = data;

index.html

@@ -22,7 +22,7 @@
     <link rel="stylesheet" href="assets/CSS/modal-window.css">
 
     <!-- Styles (WEB) --->
-    <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
 
     <!-- Favicon -->
     <link rel="icon" href="assets/photo/icon/favicon.png" type="image/x-icon">
@@ -330,6 +330,6 @@ <h2 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/dist/leaflet.js"></script>
+    <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
 </body>
 </html>