Seedwave — готовый HTML-шаблон сайта для обмена свободно распространяемыми файлами: открытым софтом, дистрибутивами, музыкой и видео под Creative Commons, книгами из общественного достояния, ресурсами для дизайнеров и учебными курсами.

Тёмный дизайн с кислотно-лаймовым акцентом, крупная выразительная типографика и много аккуратной анимации: страницы мягко всплывают при открытии, блоки проявляются при прокрутке, а обложки раздач живые — они двигаются, как GIF.

Шаблон статический: только HTML, CSS и JavaScript. Не нужны сервер, база данных, сборщик и npm — распакуйте архив и загрузите файлы на любой хостинг.

СТРАНИЦЫ (7)

• Главная — первый экран с анимацией «роя» пиров, поиском и быстрыми категориями, счётчики, бегущая лента активности, плитки категорий, блоки «Новое на сайте» и «Самое популярное» (топ с полосами скачиваний), призыв добавить раздачу.

• Каталог — фильтры по категориям, лицензиям, размеру и числу сидов, поиск, 5 вариантов сортировки, вид плиткой и списком, активные фильтры «чипсами», бесконечная подгрузка при прокрутке. На телефоне фильтры выезжают снизу.

• Страница раздачи — большая обложка, характеристики, кнопки «.torrent», «Magnet» (копируется в буфер), «В избранное», «Поделиться», индикатор здоровья раздачи, вкладки «Описание», «Файлы», «Комментарии» с формой отзыва, автор и похожие раздачи.

• Профиль — анимированный баннер, кольцо рейтинга (ratio), статистика, карта активности за год, вкладки «Мои раздачи», «Загрузки» с прогрессом, «Избранное», «Настройки» с переключателями.

• Обратная связь — выбор темы обращения, проверка полей, счётчик символов, анимация успешной отправки, контакты, раскрывающиеся частые вопросы с подгрузкой.

• Добавление раздачи — мастер из трёх шагов, загрузка файлов перетаскиванием, теги, живой предпросмотр карточки, проверка данных и подтверждение прав на файлы.

• Страница 404.

АНИМАЦИЯ И ДЕТАЛИ

• Плавное появление страниц и блоков с каскадом; скорость меняется одной переменной в CSS.

• 8 зацикленных анимированных обложек категорий (animated WebP) — терминал, редактор кода, пиксельная игра, пластинка с эквалайзером, киноплёнка, книга, слои, атом.

• Подгрузка при прокрутке с мерцающими заглушками на всех страницах со списками.

• Наклон карточек за курсором с инерцией, подсветка за курсором, волна при нажатии на кнопки, скользящая подложка меню и вкладок.

• Анимированные счётчики, график здоровья раздачи, всплывающие уведомления.

• Учитывается системная настройка «уменьшить движение»: крупные фоновые движения отключаются, мягкие появления остаются.

ТЕХНИЧЕСКОЕ

• HTML5, CSS3 (переменные, Grid, Flexbox), чистый JavaScript без библиотек и фреймворков.

• Адаптивная вёрстка: от 360 px до широких мониторов, мобильное меню.

• Все данные — в одном файле data.js: раздачи, категории, комментарии, вопросы, профиль. Легко заменить на запрос к своему API — места отмечены комментариями.

• Шапка и подвал общие для всех страниц и задаются в одном месте.

• Значок сайта, описания страниц для поисковиков и соцсетей, robots.txt, страница 404.

• Шрифты Unbounded, Manrope и JetBrains Mono (Google Fonts, лицензия OFL).

• Проверено в Chrome; рассчитано на современные браузеры (Chrome, Edge, Firefox, Safari).

ЧТО В АРХИВЕ

• 7 HTML-страниц, стили, скрипты, 8 анимированных обложек, значок, robots.txt.

• README с инструкцией по публикации и списком того, что заменить для настоящего сайта.

ВАЖНО

• Это шаблон интерфейса (фронтенд). Формы, кнопка скачивания и комментарии работают как демонстрация и ничего не отправляют — для настоящего трекера нужен свой серверный обработчик и торрент-трекер.

• Все раздачи, авторы и комментарии в демо вымышлены, обложки нарисованы кодом — чужих материалов в шаблоне нет.

• Шаблон рассчитан на раздачу только того, что разрешено распространять: собственных работ, открытого ПО, материалов под свободными лицензиями и общественного достояния. При добавлении раздачи пользователь указывает лицензию и подтверждает права.