YORU Anime Cinema — готовый многостраничный интерфейс для аниме-каталога, персональной коллекции или будущего онлайн-кинотеатра. В основе оформления — глубокие ночные оттенки, лавандовое свечение, стеклянные абстрактные формы и выразительная типографика.

Главная страница объединяет большой редакционный баннер, карусель популярных тайтлов, тематические подборки и блок личной коллекции. Каталог содержит 12 демонстрационных тайтлов с названиями, описаниями, жанрами и оценками. Поиск работает по русскому и английскому названию и жанру; жанровые фильтры помогают сузить подборку.

Отдельная страница аниме включает описание, информацию о сериале, кнопку избранного, список серий и локальные комментарии. Номер выбранной серии сохраняется, чтобы пользователь мог вернуться к отмеченному месту из истории. В карточке показан демонстрационный плеер без видео и внешних ссылок.

Избранное и история просмотра вынесены на самостоятельные страницы. Также предусмотрены расписание, поддержка, вход, регистрация и профиль с редактируемым именем. Формы проверяют заполнение и показывают демонстрационные состояния. Вход и регистрация моделируют будущий интерфейс без проверки учётных данных и без сохранения пароля.

Шаблон адаптирован для телефонов и компьютеров. Hover-эффекты, свечение, анимация появления блоков и реакции элементов создают единый визуальный характер. Карусели управляются вручную, без автоматической смены контента. Системная настройка уменьшения движения учитывается.

АРХИТЕКТУРА

10 отдельных HTML-файлов — каждый раздел имеет собственный URL.

style.css — общие стили, адаптивность и анимации.

app.js — разметка разделов, каталог и локальные взаимодействия.

routes.js — карта переходов между страницами.

assets/abstract-cinema.png — локальное абстрактное изображение, созданное ImageGen; оригинальных постеров аниме в шаблоне нет.

СТРАНИЦЫ

01. Главная — index.html.

02. Каталог — catalog.html.

03. Страница аниме — anime.html?id=1 (ID от 1 до 12).

04. Расписание — schedule.html.

05. Избранное — favorites.html.

06. История просмотра — history.html.

07. Поддержка — contact.html.

08. Вход — login.html.

09. Регистрация — register.html.

10. Профиль — profile.html.

ПРЕЗЕНТАЦИОННЫЕ МАТЕРИАЛЫ

cover.jpg — баннер-превью 1600 × 1100 px.

pages-overview.jpg — обзор всех десяти страниц.

preview/01–10*.jpg — реальные полностраничные скриншоты.

preview/cover-source.html и overview-source.html — редактируемые макеты презентационных изображений.

ГРАНИЦЫ ДЕМОВЕРСИИ

Это HTML-шаблон, не подключённый сервис видеопросмотра. Реальные аниме, трейлеры, эпизоды и ссылки на внешние видеоплатформы удалены. Оценки, количество серий и сведения каталога демонстрационные и не синхронизируются с источниками. Для точных дат нужна интеграция расписания.

Избранное, история, комментарии и имя хранятся в браузере на конкретном устройстве. Сервер, синхронизация аккаунтов, настоящая авторизация и доставка обращений не подключены. Форма поддержки подготавливает текст для копирования. Пароль не сохраняется и никуда не отправляется.