76 lines
3.8 KiB
Markdown
76 lines
3.8 KiB
Markdown
# 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-переменные для консистентного дизайна
|
||
- Плавные анимации и переходы
|
||
|
||
## 🚀 Запуск проекта
|
||
|
||
Проект представляет собой статический сайт и не требует сборки:
|
||
|
||
```bash
|
||
# Клонируйте репозиторий
|
||
git clone https://github.com/EDeev/mospoly-helper.git
|
||
|
||
# Перейдите в директорию site
|
||
cd mospoly-helper/site
|
||
|
||
# Откройте index.html в браузере
|
||
```
|
||
|
||
Для локальной разработки рекомендуется использовать локальный сервер:
|
||
|
||
```bash
|
||
# С помощью Python
|
||
python -m http.server 8000
|
||
|
||
# С помощью Node.js (live-server)
|
||
npx live-server
|
||
```
|