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 з інструкцією з публікації та списком того, що замінити для справжнього сайту.

ВАЖЛИВО

• Це шаблон інтерфейсу (фронтенд). Форми, кнопка завантаження та коментарі працюють як демонстрація й нічого не надсилають: для справжнього трекера потрібен власний серверний обробник і торент-трекер.

• Усі роздачі, автори та коментарі в демо вигадані, обкладинки намальовано кодом: чужих матеріалів у шаблоні немає.

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