ASCII Art Catalog

Добро пожаловать в мир ASCII-арта! Этот шаблон представляет собой красиво оформленную коллекцию шедевров текстового искусства, созданную с использованием современного статического генератора сайтов Astro.

Особенности

🎨 Богатая коллекция

  • Более 100 уникальных ASCII-артов
  • Категоризация по темам и сложности
  • Поиск и фильтрация по тегам
  • Адаптивная галерея для всех устройств

⚡ Производительность

  • Статическая генерация с Astro
  • Оптимизированные изображения
  • Минимальный JavaScript
  • Быстрая загрузка страниц

🔍 SEO-оптимизация

  • Семантическая разметка
  • Open Graph метатеги
  • Структурированные данные
  • Sitemap генерация

Технические детали

Стек технологий

  • Astro - статический генератор сайтов
  • TypeScript - типизация и безопасность
  • CSS Grid - адаптивная сетка
  • Vanilla JS - минимальная интерактивность

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

src/
├── components/
│   ├── AsciiCard.astro
│   ├── Gallery.astro
│   └── SearchFilter.astro
├── pages/
│   ├── index.astro
│   ├── category/
│   └── art/
└── data/
    └── ascii-collection.json

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

Быстрый старт

# Клонирование репозитория
git clone https://github.com/temaprint/asciiart.pics.git

# Установка зависимостей
npm install

# Запуск dev сервера
npm run dev

Настройка контента

  1. Добавьте свои ASCII-арты в src/data/ascii-collection.json
  2. Настройте категории в src/config/categories.js
  3. Кастомизируйте стили в src/styles/

Возможности кастомизации

Темы оформления

  • Светлая и темная темы
  • Настраиваемая цветовая палитра
  • Адаптивная типографика
  • Анимации и переходы

Функциональность

  • Система тегов и категорий
  • Поиск в реальном времени
  • Сортировка по популярности
  • Экспорт в различные форматы

Примеры использования

Этот шаблон идеально подходит для:

  • Портфолио ASCII-художников
  • Образовательных ресурсов
  • Ретро-игровых сайтов
  • Технических блогов
  • Арт-галерей

Поддержка и сообщество

Лицензия

Проект распространяется под лицензией MIT. Вы можете свободно использовать, изменять и распространять код в коммерческих и некоммерческих целях.

Создано с ❤️ командой t3ma для сообщества Astro