Современное приложение для чтения книг с Material Design интерфейсом, созданное на HTML, CSS и JavaScript.
- 📚 Поддержка форматов FB2, TXT
- 🎨 Material Design интерфейс
- 🌙 6 тем оформления (светлая, темная, черная, сепия, сине-зеленая, зеленая)
- ⚙️ Настройка размера шрифта и межстрочного интервала
- 📖 Навигация по главам
- 📊 Отслеживание прогресса чтения
- 💾 Автоматическое сохранение позиции и настроек
- 📱 Адаптивный дизайн для всех устройств
- 🗑️ Управление библиотекой книг
- Скачайте все файлы в одну папку
- Откройте
index.htmlв браузере - Начните добавлять книги!
- Нажмите кнопку "+" в правом верхнем углу
- Выберите файлы книг (FB2, TXT)
- Книги автоматически добавятся в библиотеку
- Нажмите на обложку книги для начала чтения
- Используйте кнопку списка глав для навигации
- Прогресс чтения отображается внизу экрана
- Нажмите на иконку настроек
- Измените размер шрифта и межстрочный интервал
- Выберите тему оформления
- На мобильных: удерживайте палец на обложке книги
- На ПК: правый клик по обложке книги
- Подтвердите удаление в появившемся окне
- FB2 - полная поддержка с извлечением обложек, метаданных и глав
- TXT - базовая поддержка с автоматическим разделением на главы
- Все данные сохраняются в localStorage браузера
- Приложение работает полностью офлайн
- Совместимо с WebView для создания нативных приложений
- Использует современные веб-технологии (ES6+, CSS Grid, Flexbox)
Book Reader/
├── index.html # Основная HTML структура
├── styles.css # CSS стили Material Design
├── script.js # JavaScript функциональность
├── img/
│ ├── book_logo.png # Логотип приложения
│ └── bookreader.png # Заглушка для книг без обложки
└── README.md # Документация
- Chrome 60+
- Firefox 55+
- Safari 12+
- Edge 79+
MIT License - свободно используйте и модифицируйте по своему усмотрению.