mospoly-helper/site/README.md
2025-07-01 02:03:39 +03:00

3.8 KiB
Raw Blame History

EasyAccess

Проектный веб-сайт команды EasyAccess - представление браузерного расширения для повышения доступности веб-контента.

📋 Описание

Статический веб-сайт, созданный для документирования и представления проекта EasyAccess в рамках дисциплины "Проектная деятельность" Московского Политехнического Университета. Сайт служит информационным порталом проекта, включающим описание функциональности расширения, команду разработчиков и ход выполнения работ.

🛠 Технологический стек

  • HTML5 - семантическая разметка страниц
  • CSS3 - стилизация и адаптивная верстка
  • Vanilla JavaScript - интерактивность и динамическое поведение
  • SVG - векторные иконки и графические элементы

📁 Структура проекта

site/
├── index.html          # Главная страница
├── about.html          # О проекте
├── team.html           # Команда разработчиков
├── journal.html        # Журнал разработки
├── resources.html      # Полезные ресурсы
├── css/
│   ├── style.css       # Основные стили
│   ├── home.css        # Стили главной страницы
│   ├── about.css       # Стили страницы "О проекте"
│   ├── team.css        # Стили страницы команды
│   └── resources.css   # Стили страницы ресурсов
└── images/
    ├── icons/          # SVG иконки
    ├── tech/           # Логотипы технологий
    └── team/           # Фотографии участников

Основные разделы

  • Главная - обзор проекта EasyAccess и его возможностей
  • О проекте - детальная информация о целях, архитектуре и технологиях
  • Команда - информация об участниках и кураторах проекта
  • Журнал - хронология разработки и достижений
  • Ресурсы - полезные материалы по веб-доступности и разработке

🎨 Особенности дизайна

  • Полностью адаптивная верстка для всех устройств
  • Соблюдение принципов веб-доступности (WCAG)
  • Семантическая HTML-разметка
  • CSS Grid и Flexbox для современной компоновки
  • Кастомные CSS-переменные для консистентного дизайна
  • Плавные анимации и переходы

🚀 Запуск проекта

Проект представляет собой статический сайт и не требует сборки:

# Клонируйте репозиторий
git clone https://github.com/EDeev/mospoly-helper.git

# Перейдите в директорию site
cd mospoly-helper/site

# Откройте index.html в браузере

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

# С помощью Python
python -m http.server 8000

# С помощью Node.js (live-server)
npx live-server