PDF & Image Suite — Темная Панель (Static UI)

Запуск

Вариант 1 — просто открыть файл:

• Откройте index.html двойным кликом или перетащите в окно браузера.

Вариант 2 — через локальный сервер (рекомендуется):

• Python 3:
  • В терминале в папке проекта выполните:
    • python3 -m http.server 8000
  • Откройте http://localhost:8000 и перейдите к index.html.
• Node.js (без установки, через npx):
  • npx serve . --single
  • Откройте адрес из вывода (обычно http://localhost:3000).

Никаких бэкенд-зависимостей не требуется — это статический UI.

Структура

• index.html — разметка секций и карточек инструментов
• styles.css — тёмная тема, сетки, карточки, превью, модалки
• script.js — поиск, предпросмотры, модальное окно и UI масштабирования изображений

Особенности UI

• Современная тёмная палитра с акцентами: синий (#18a0fb) и бирюзовый (#2bd3c6)
• Адаптивная сетка карточек, hover-приподнятость и мягкие тени
• Предпросмотр: миниатюры страниц, вырезы (пунктир), нумерация, повороты, N-up и оверлеи
• Раздел «Конвертировать изображения» с управлением форматами и масштабированием по пикселям

Заметки по иконкам

Иконки реализованы как лёгкие inline SVG (линейный стиль с небольшими плоскостями). Для реального проекта рекомендуется подключить системный набор иконок или экспорт из Figma.