Kosmakovo

0

Описание

Сайт села Космаково, Сысертский муниципальный округ

Языки

  • JavaScript50,4%
  • CSS30,4%
  • HTML19,2%
2 месяца назад
2 месяца назад
2 месяца назад
2 месяца назад
README.md

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

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

О проекте

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

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

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

Разделы

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

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

  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 ветеранов (опционально)

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

Новости

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

index.html
в секции
<section id="news">
.

История села

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

index.html
в секции
<section id="history">
.

Захоронения

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

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

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

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

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

Технологии

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

Особенности

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

Браузеры

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

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

Контакты

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

Лицензия

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