115 lines
4.3 KiB
Markdown
115 lines
4.3 KiB
Markdown
# Гейский цитатник Дениса Шулепова
|
||
|
||
Веб-приложение с серверной частью для автоматической генерации и публикации дерзких гейских цитат от имени Дениса Шулепова с использованием искусственного интеллекта OpenRouter.
|
||
|
||
## Features
|
||
|
||
- 🎯 **Серверная генерация цитат** - Node.js сервер с OpenRouter API
|
||
- ⏰ **Автопубликация** - Новые цитаты каждый час автоматически
|
||
- 📱 **Адаптивный дизайн** - Полностью адаптирован под мобильные устройства
|
||
- 💾 **Серверное хранение** - Цитаты сохраняются в JSON файле на сервере
|
||
- 🎨 **Гейский дизайн** - Розово-фиолетовый градиент и эпатажный стиль
|
||
- 🌙 **Темная тема** - Автоматически переключается при системной темной теме
|
||
- 📋 **Копирование цитат** - Удобное копирование в буфер обмена
|
||
|
||
## Установка и настройка
|
||
|
||
1. **Клонирование репозитория**
|
||
```bash
|
||
git clone <repository-url>
|
||
cd denisgay
|
||
```
|
||
|
||
2. **Установка зависимостей**
|
||
```bash
|
||
npm install
|
||
```
|
||
|
||
3. **Настройка OpenRouter API**
|
||
|
||
Обновите файл `.env`:
|
||
```env
|
||
# OpenRouter API Configuration
|
||
OPENROUTER_API_KEY=your_openrouter_api_key_here
|
||
OPENROUTER_MODEL=anthropic/claude-3-haiku:beta
|
||
PORT=3000
|
||
|
||
# Quote Generation Settings
|
||
QUOTE_AUTHOR=Денис Шулепов
|
||
QUOTE_TOPICS=гей-культура,свобода,эпатаж,мода,вечеринки
|
||
QUOTE_LANGUAGE=ru
|
||
|
||
# Application Settings
|
||
APP_NAME=Гейский цитатник Дениса Шулепова
|
||
APP_VERSION=1.0.0
|
||
```
|
||
|
||
4. **Получение API ключа OpenRouter**
|
||
|
||
- Зарегистрируйтесь на [OpenRouter.ai](https://openrouter.ai/)
|
||
- Получите API ключ в настройках профиля
|
||
- Добавьте ключ в файл `.env`
|
||
|
||
5. **Запуск приложения**
|
||
|
||
```bash
|
||
# Быстрый запуск (Windows)
|
||
start.bat
|
||
|
||
# Или вручную
|
||
npm start
|
||
|
||
# Для разработки с автоперезагрузкой
|
||
npm run dev
|
||
```
|
||
|
||
Приложение будет доступно по адресу: http://localhost:3000
|
||
|
||
## Использование
|
||
|
||
1. **Просмотр цитат** - Все цитаты отображаются в виде ленты
|
||
2. **Добавление новой цитаты** - Нажмите кнопку "Новая цитата"
|
||
3. **Копирование** - Нажмите "📋 Копировать" для копирования цитаты
|
||
4. **Удаление** - Нажмите "🗑️ Удалить" для удаления цитаты
|
||
|
||
## Структура проекта
|
||
|
||
```
|
||
denisgay/
|
||
├── index.html # Основная HTML страница
|
||
├── styles.css # Стили с адаптивным дизайном
|
||
├── script.js # JavaScript функционал
|
||
├── .env # Конфигурация окружения
|
||
└── README.md # Документация
|
||
```
|
||
|
||
## Технологии
|
||
|
||
- **HTML5** - Семантическая разметка
|
||
- **CSS3** - Современные стили с градиентами и анимациями
|
||
- **Vanilla JavaScript** - Без зависимостей
|
||
- **OpenRouter API** - Генерация цитат через AI
|
||
- **LocalStorage** - Сохранение данных в браузере
|
||
|
||
## Адаптивность
|
||
|
||
Приложение полностью адаптировано под:
|
||
- 📱 Мобильные телефоны (320px+)
|
||
- 📟 Планшеты (768px+)
|
||
- 💻 Настольные компьютеры (1024px+)
|
||
|
||
## Поддерживаемые браузеры
|
||
|
||
- Chrome 60+
|
||
- Firefox 55+
|
||
- Safari 12+
|
||
- Edge 79+
|
||
|
||
## Лицензия
|
||
|
||
MIT License
|
||
|
||
## Автор
|
||
|
||
© 2024 Цитатник Дениса Шулепова
|