Сайт села Космаково

Добро пожаловать в официальный сайт села Космаково Сыртского городского округа!

О проекте

Сайт создан для жителей и гостей села Космаково. Здесь вы можете найти информацию о:

• Последних новостях села
• Истории Космаково
• Карте захоронений участников Великой Отечественной войны
• Книге памяти с фотографиями и описаниями героев

Структура сайта

Разделы

• Главная - приветственная страница с краткой информацией о селе
• Новости - последние события и новости села
• История села - исторические факты и фотографии
• Захоронения - интерактивная карта кладбища с захоронениями ветеранов ВОВ
• Книга памяти - интерактивная галерея с фотографиями из Книги памяти, начиная с памятника

Установка и запуск

1. Скопируйте все файлы проекта на веб-сервер
2. Убедитесь, что структура папок сохранена:
   • index.html - главная страница
   • styles.css - файл стилей
   • script.js - файл с JavaScript кодом
   • burials.js - файл с данными о захоронениях
   • images/ - папка с изображениями
     • carous-1.jpg - изображение для главной страницы
     • image_1.jpg - историческое фото села
     • image_2.jpg - современное фото села
     • image_3.jpg - дополнительное изображение
     • memory book/ - папка с фотографиями из Книги памяти
       • Книга памяти_page-0001.jpg - первая страница книги
       • Книга памяти_page-0002.jpg - вторая страница книги
       • и т.д.
     • veterans/ - папка с фотографиями ветеранов (опционально)

Добавление изображений

Для корректной работы сайта необходимо добавить следующие изображения:

Главная страница

• images/carous-1.jpg
  - фоновое изображение для главной страницы (рекомендуемый размер: 1920x1080px)

История села

• images/image_1.jpg
  - историческое фото села (рекомендуемый размер: 800x600px)
• images/image_2.jpg
  - современное фото села (рекомендуемый размер: 800x600px)

Книга памяти

• images/memory book/Книга памяти_page-0001.jpg
  - первая страница книги (рекомендуемый размер: 800x1200px)
• images/memory book/Книга памяти_page-0002.jpg
  - вторая страница книги
• и так далее для всех страниц книги
• images/memory book/monument.jpeg
  - фото памятника (опционально)

Участники ВОВ

• images/veterans/veteran1.jpg
  - фото первого ветерана (рекомендуемый размер: 300x400px)
• images/veterans/veteran2.jpg
  - фото второго ветерана
• и так далее для всех 10 ветеранов (опционально)

Редактирование контента

Новости

Новости редактируются в файле

в секции

<section id="news">

.

История села

Текст истории села редактируется в файле

в секции

<section id="history">

.

Захоронения

Информация о захоронениях хранится в файле

в массиве

burialsData

. Для добавления нового захоронения добавьте новый объект в массив:

Участники ВОВ

Информация о ветеранах хранится в файле

в массиве

veteransData

. Для добавления нового ветерана добавьте новый объект в массив:

Технологии

• HTML5
• CSS3 (с использованием Flexbox и Grid)
• JavaScript (без использования библиотек)
• Google Fonts (Comfortaa и Merriweather)
• Intersection Observer API для анимаций при прокрутке
• FormData API для обработки форм

Особенности

• Адаптивный дизайн для всех устройств
• Плавная прокрутка между секциями
• Активная навигация при прокрутке
• Анимации элементов при появлении в области видимости
• Интерактивная карта кладбища с секторами
• Галерея страниц Книги памяти (начиная с памятника)
• Мобильное меню с кнопкой-гамбургером
• Кнопка "Наверх" для удобной навигации

Браузеры

Сайт корректно работает в следующих браузерах:

• Google Chrome
• Mozilla Firefox
• Safari
• Microsoft Edge
• Opera

Контакты

Для связи по вопросам сайта используйте контактную информацию, указанную на сайте.

Лицензия

© 2024 Село Космаково. Все права защищены.