feat(static): Added static files for index.html

static/js/script.js

@@ -0,0 +1,85 @@
+// Устанавливаем текущую дату
+const currentDate = new Date();
+const options = { year: 'numeric', month: 'long', day: 'numeric' };
+document.getElementById('currentDate').textContent = currentDate.toLocaleDateString('ru-RU', options);
+
+// Массив с путями к фотографиям (локальные файлы)
+const photos = [
+    "/static/images/image1.jpg",
+    "/static/images/image2.jpg"
+];
+
+// Создаем слайдер
+const sliderContainer = document.getElementById('photoSlider');
+const sliderControls = document.getElementById('sliderControls');
+let currentSlide = 0;
+
+// Создаем изображения и точки управления
+photos.forEach((photo, index) => {
+    // Создаем изображение
+    const img = document.createElement('img');
+    img.src = photo;
+    img.alt = `Фото Кирилла Ремизова ${index + 1}`;
+    img.classList.add('slider-image');
+    if (index === 0) img.classList.add('active');
+    sliderContainer.appendChild(img);
+    
+    // Создаем точку управления
+    const dot = document.createElement('div');
+    dot.classList.add('slider-dot');
+    if (index === 0) dot.classList.add('active');
+    dot.dataset.index = index;
+    dot.addEventListener('click', () => {
+        goToSlide(index);
+    });
+    sliderControls.appendChild(dot);
+});
+
+// Функция переключения слайда
+function goToSlide(index) {
+    // Скрываем текущий слайд
+    document.querySelectorAll('.slider-image').forEach(img => {
+        img.classList.remove('active');
+    });
+    
+    // Убираем активный класс у точек
+    document.querySelectorAll('.slider-dot').forEach(dot => {
+        dot.classList.remove('active');
+    });
+    
+    // Показываем выбранный слайд
+    const slides = document.querySelectorAll('.slider-image');
+    const dots = document.querySelectorAll('.slider-dot');
+    if (slides[index]) slides[index].classList.add('active');
+    if (dots[index]) dots[index].classList.add('active');
+    currentSlide = index;
+}
+
+// Автоматическое переключение слайдов каждые 30 секунд
+let slideInterval = setInterval(() => {
+    currentSlide = (currentSlide + 1) % photos.length;
+    goToSlide(currentSlide);
+}, 30000);
+
+// Пауза при наведении на слайдер
+sliderContainer.addEventListener('mouseenter', () => {
+    clearInterval(slideInterval);
+});
+
+// Возобновление при уходе курсора
+sliderContainer.addEventListener('mouseleave', () => {
+    slideInterval = setInterval(() => {
+        currentSlide = (currentSlide + 1) % photos.length;
+        goToSlide(currentSlide);
+    }, 30000);
+});
+
+// Добавляем небольшую анимацию при загрузке страницы
+document.addEventListener('DOMContentLoaded', () => {
+    document.body.style.opacity = '0';
+    document.body.style.transition = 'opacity 0.5s ease';
+    
+    setTimeout(() => {
+        document.body.style.opacity = '1';
+    }, 100);
+});