270 lines
16 KiB
HTML
270 lines
16 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>EasyAccess - Браузерное расширение для повышения доступности веб-сайтов</title>
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<link rel="stylesheet" href="css/home.css">
|
||
<link rel="icon" href="images/icons/favicon.ico" type="image/x-icon">
|
||
<meta name="description" content="EasyAccess - браузерное расширение для универсальной модификации веб-страниц с целью повышения доступности контента для лиц с ограниченными возможностями здоровья">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<div class="container">
|
||
<nav class="main-nav">
|
||
<div class="logo">
|
||
<a href="index.html">
|
||
<img src="images/logo.png" alt="EasyAccess логотип">
|
||
<span>EasyAccess</span>
|
||
</a>
|
||
</div>
|
||
<ul class="nav-links">
|
||
<li><a href="index.html" class="active">Главная</a></li>
|
||
<li><a href="about.html">О проекте</a></li>
|
||
<li><a href="team.html">Участники</a></li>
|
||
<li><a href="journal.html">Журнал</a></li>
|
||
<li><a href="resources.html">Ресурсы</a></li>
|
||
</ul>
|
||
<button class="mobile-menu-toggle" aria-label="Открыть меню">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</button>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="hero">
|
||
<div class="container">
|
||
<div class="hero-content">
|
||
<h1>Делаем<br>интернет доступным<br>для <span class="highlight">каждого</span></h1>
|
||
<p class="hero-description">
|
||
EasyAccess — браузерное расширение, которое повышает доступность веб-сайтов
|
||
для людей с ограниченными возможностями здоровья через систему пакетов модификаций
|
||
</p>
|
||
<div class="hero-cta">
|
||
<a href="#features" class="btn primary">Возможности</a>
|
||
<a href="about.html" class="btn secondary">Узнать больше</a>
|
||
</div>
|
||
</div>
|
||
<div class="hero-image">
|
||
<img src="images/work-ilustration.png" alt="Иллюстрация EasyAccess в работе">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="project-summary">
|
||
<div class="container">
|
||
<h2>О проекте EasyAccess</h2>
|
||
<div class="summary-content">
|
||
<div class="summary-text">
|
||
<p>
|
||
EasyAccess представляет собой комплексное браузерное расширение, разработанное для универсальной модификации
|
||
веб-страниц с целью повышения доступности контента для лиц с ограниченными возможностями здоровья.
|
||
</p>
|
||
<p>
|
||
Расширение объединяет в себе возможности нескольких специализированных инструментов и предоставляет дополнительные
|
||
функции, включая настройку визуального отображения, голосовое управление, обработку документов и другие возможности.
|
||
</p>
|
||
<a href="about.html" class="read-more">Подробнее о проекте →</a>
|
||
</div>
|
||
<div class="summary-stats" style="justify-content: center;">
|
||
<div class="stat-item">
|
||
<span class="stat-number">14</span>
|
||
<span class="stat-label">Участников команды</span>
|
||
</div>
|
||
<div class="stat-item">
|
||
<span class="stat-number">5+</span>
|
||
<span class="stat-label">Технологий</span>
|
||
</div>
|
||
<div class="stat-item">
|
||
<span class="stat-number">9+</span>
|
||
<span class="stat-label">Пакетов на старте</span>
|
||
</div>
|
||
<div class="stat-item">
|
||
<span class="stat-number">∞</span>
|
||
<span class="stat-label">Возможностей</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="features" class="features">
|
||
<div class="container">
|
||
<h2>Ключевые возможности</h2>
|
||
<div class="features-grid">
|
||
<div class="feature-card">
|
||
<div class="feature-icon">
|
||
<img src="images/icons/visual.svg" alt="Иконка визуальных настроек">
|
||
</div>
|
||
<h3>Визуальные настройки</h3>
|
||
<p>Изменение размера текста, контрастности, цветовых схем и других визуальных элементов</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-icon">
|
||
<img src="images/icons/voice.svg" alt="Иконка голосового управления">
|
||
</div>
|
||
<h3>Голосовое управление</h3>
|
||
<p>Распознавание голосовых команд и чтение контента вслух для незрячих пользователей</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-icon">
|
||
<img src="images/icons/docs.svg" alt="Иконка работы с документами">
|
||
</div>
|
||
<h3>Работа с документами</h3>
|
||
<p>Распознавание текста из изображений и документов для облегчения доступа к информации</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-icon">
|
||
<img src="images/icons/keyboard.svg" alt="Иконка клавиатурной навигации">
|
||
</div>
|
||
<h3>Клавиатурная навигация</h3>
|
||
<p>Улучшенная доступность управления с клавиатуры для пользователей с двигательными нарушениями</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-icon">
|
||
<img src="images/icons/interface.svg" alt="Иконка упрощения интерфейса">
|
||
</div>
|
||
<h3>Упрощение интерфейса</h3>
|
||
<p>Удаление отвлекающих элементов для улучшения восприятия пользователями с когнитивными нарушениями</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-icon">
|
||
<img src="images/icons/packages.svg" alt="Иконка пакетов модификаций">
|
||
</div>
|
||
<h3>Пакеты модификаций</h3>
|
||
<p>Система пакетов для комплексной настройки доступности конкретных сайтов под нужды пользователя</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="tech-stack">
|
||
<div class="container">
|
||
<h2>Используемые технологии</h2>
|
||
<div class="tech-grid">
|
||
<div class="tech-item">
|
||
<img src="images/tech/typescript.svg" alt="TypeScript">
|
||
<span>TypeScript</span>
|
||
</div>
|
||
<div class="tech-item">
|
||
<img src="images/tech/react.svg" alt="React">
|
||
<span>React</span>
|
||
</div>
|
||
<div class="tech-item">
|
||
<img src="images/tech/solidjs.svg" alt="Solid.js">
|
||
<span>Solid.js</span>
|
||
</div>
|
||
<div class="tech-item">
|
||
<img src="images/tech/golang.svg" alt="Go">
|
||
<span>Go</span>
|
||
</div>
|
||
<div class="tech-item">
|
||
<img src="images/tech/python.svg" alt="Python">
|
||
<span>Python</span>
|
||
</div>
|
||
<div class="tech-item">
|
||
<img src="images/tech/postgresql.svg" alt="PostgreSQL">
|
||
<span>PostgreSQL</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="latest-updates">
|
||
<div class="container">
|
||
<h2>Последние обновления проекта</h2>
|
||
<div class="updates-grid">
|
||
<div class="update-card">
|
||
<div class="update-date">
|
||
<span class="day">28</span>
|
||
<span class="month">Февраля</span>
|
||
<span class="year">2025</span>
|
||
</div>
|
||
<div class="update-content">
|
||
<h3>Разработана база данных и серверная часть</h3>
|
||
<p>Завершена работа над базой данных с использованием PostgreSQL и расширения TimescaleDB. Реализована серверная часть на Go с API для взаимодействия с клиентом.</p>
|
||
<a href="journal.html#update-db" class="read-more">Читать полностью →</a>
|
||
</div>
|
||
</div>
|
||
<div class="update-card">
|
||
<div class="update-date">
|
||
<span class="day">10</span>
|
||
<span class="month">Марта</span>
|
||
<span class="year">2025</span>
|
||
</div>
|
||
<div class="update-content">
|
||
<h3>Создан интерфейс расширения и маркетплейс</h3>
|
||
<p>Разработан пользовательский интерфейс расширения с использованием TypeScript и Solid.js. Реализован маркетплейс для обмена пакетами модификаций.</p>
|
||
<a href="journal.html#update-ui" class="read-more">Читать полностью →</a>
|
||
</div>
|
||
</div>
|
||
<div class="update-card">
|
||
<div class="update-date">
|
||
<span class="day">25</span>
|
||
<span class="month">Марта</span>
|
||
<span class="year">2025</span>
|
||
</div>
|
||
<div class="update-content">
|
||
<h3>Проведен анализ предметной области</h3>
|
||
<p>Выполнено исследование веб-доступности и существующих решений. Определены ключевые потребности пользователей и разработана архитектура приложения.</p>
|
||
<a href="journal.html#update-research" class="read-more">Читать полностью →</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="view-all-updates">
|
||
<a href="journal.html" class="btn secondary">Все обновления</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="cta-section">
|
||
<div class="container">
|
||
<div class="cta-content">
|
||
<h2>Присоединяйтесь к разработке</h2>
|
||
<p>Проект EasyAccess находится в активной разработке, и мы всегда открыты для новых идей и сотрудничества. Если вы хотите внести свой вклад или у вас есть предложения по улучшению, свяжитесь с нами!</p>
|
||
<a href="mailto:admin@new-devs.ru" class="btn primary">Связаться с командой</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<div class="container">
|
||
<div class="footer-content">
|
||
<div class="footer-logo">
|
||
<img src="images/logo-white.png" alt="EasyAccess логотип">
|
||
<span>EasyAccess</span>
|
||
</div>
|
||
<div class="footer-links">
|
||
<div class="footer-nav">
|
||
<h4>Навигация</h4>
|
||
<ul>
|
||
<li><a href="index.html">Главная</a></li>
|
||
<li><a href="about.html">О проекте</a></li>
|
||
<li><a href="team.html">Участники</a></li>
|
||
<li><a href="journal.html">Журнал</a></li>
|
||
<li><a href="resources.html">Ресурсы</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-nav">
|
||
<h4>Контакты</h4>
|
||
<ul>
|
||
<li><a href="mailto:admin@new-devs.ru">Email</a></li>
|
||
<li><a href="https://github.com/easyaccess-team" target="_blank">GitHub</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<p>© 2025 EasyAccess. Проектная деятельность, Московский Политех</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html>
|