# Гейский цитатник Дениса Шулепова

Веб-приложение с серверной частью для автоматической генерации и публикации дерзких гейских цитат от имени Дениса Шулепова с использованием искусственного интеллекта 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 Цитатник Дениса Шулепова