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

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

Features

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

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

1. Клонирование репозитория

   git clone <repository-url>
   cd denisgay
   

2. Установка зависимостей

   npm install
   

3. Настройка 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
   

4. Получение API ключа OpenRouter

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

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

   # Быстрый запуск (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 Цитатник Дениса Шулепова