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

Веб-приложение с серверной частью для автоматической генерации и публикации дерзких гейских цитат от имени Дениса Шулепова с использованием искусственного интеллекта OpenRouter.

Features

🎯 Серверная генерация цитат - Node.js сервер с OpenRouter API
⏰ Автопубликация - Новые цитаты каждый час автоматически
📱 Адаптивный дизайн - Полностью адаптирован под мобильные устройства
💾 Серверное хранение - Цитаты сохраняются в JSON файле на сервере
🎨 Гейский дизайн - Розово-фиолетовый градиент и эпатажный стиль
🌙 Темная тема - Автоматически переключается при системной темной теме
📋 Копирование цитат - Удобное копирование в буфер обмена

Установка и настройка

Клонирование репозитория
```
git clone <repository-url>
cd denisgay
```
Установка зависимостей
```
npm install
```

Настройка OpenRouter API

Обновите файл .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

Получение API ключа OpenRouter
- Зарегистрируйтесь на OpenRouter.ai
- Получите API ключ в настройках профиля
- Добавьте ключ в файл .env

Запуск приложения

# Быстрый запуск (Windows)
start.bat

# Или вручную
npm start

# Для разработки с автоперезагрузкой
npm run dev

Приложение будет доступно по адресу: http://localhost:3000

Использование

Просмотр цитат - Все цитаты отображаются в виде ленты
Добавление новой цитаты - Нажмите кнопку "Новая цитата"
Копирование - Нажмите "📋 Копировать" для копирования цитаты
Удаление - Нажмите "🗑️ Удалить" для удаления цитаты

Структура проекта

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

4.3 KiB Raw Blame History Unescape Escape