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-шаблон, а не підключений сервіс відеоперегляду. Реальні аніме, трейлери, епізоди та посилання на зовнішні відеоплатформи видалено. Оцінки, кількість серій і відомості каталогу демонстраційні та не синхронізуються з джерелами. Для точних дат потрібна інтеграція розкладу.

Обране, історія, коментарі та ім'я зберігаються в браузері на конкретному пристрої. Сервер, синхронізація акаунтів, справжня авторизація та доставка звернень не підключені. Форма підтримки готує текст для копіювання. Пароль не зберігається і нікуди не надсилається.