YORU Anime Cinema es una interfaz multipágina lista para usar en un catálogo de anime, una colección personal o un futuro cine online. El diseño se basa en tonos nocturnos profundos, un brillo lavanda, formas abstractas de cristal y una tipografía expresiva.

La página principal reúne un gran banner editorial, un carrusel de títulos populares, selecciones temáticas y un bloque de colección personal. El catálogo incluye 12 títulos de demostración con nombres, descripciones, géneros y valoraciones. La búsqueda funciona por título en ruso e inglés y por género; los filtros de género ayudan a acotar la selección.

La página individual de cada anime incluye la descripción, información de la serie, un botón de favoritos, la lista de episodios y comentarios locales. El número del episodio elegido se guarda para que el usuario pueda volver desde el historial al punto marcado. La ficha muestra un reproductor de demostración sin vídeo ni enlaces externos.

Los favoritos y el historial de visionado están en páginas independientes. También hay calendario, soporte, inicio de sesión, registro y un perfil con nombre editable. Los formularios comprueban que los campos estén rellenos y muestran estados de demostración. El inicio de sesión y el registro simulan la futura interfaz, sin comprobar credenciales ni guardar la contraseña.

La plantilla está adaptada a móviles y ordenadores. Los efectos hover, el brillo, la animación de aparición de bloques y la respuesta de los elementos crean un carácter visual coherente. Los carruseles se controlan a mano, sin cambio automático de contenido. Se respeta el ajuste del sistema para reducir el movimiento.

ARQUITECTURA

10 archivos HTML independientes: cada sección tiene su propia URL.

style.css: estilos comunes, diseño adaptable y animaciones.

app.js: maquetación de las secciones, catálogo e interacciones locales.

routes.js: mapa de navegación entre páginas.

assets/abstract-cinema.png: imagen abstracta local creada con ImageGen; la plantilla no incluye pósteres originales de anime.

PÁGINAS

01. Inicio: index.html.

02. Catálogo: catalog.html.

03. Página de anime: anime.html?id=1 (ID del 1 al 12).

04. Calendario: schedule.html.

05. Favoritos: favorites.html.

06. Historial de visionado: history.html.

07. Soporte: contact.html.

08. Inicio de sesión: login.html.

09. Registro: register.html.

10. Perfil: profile.html.

MATERIALES DE PRESENTACIÓN

cover.jpg: banner de vista previa de 1600 × 1100 px.

pages-overview.jpg: vista general de las diez páginas.

preview/01–10*.jpg: capturas reales de página completa.

preview/cover-source.html y overview-source.html: maquetas editables de las imágenes de presentación.

LÍMITES DE LA DEMO

Esto es una plantilla HTML, no un servicio conectado de visionado de vídeo. Se han eliminado los animes reales, tráileres, episodios y enlaces a plataformas de vídeo externas. Las valoraciones, el número de episodios y los datos del catálogo son de demostración y no se sincronizan con ninguna fuente. Para fechas exactas hace falta integrar un calendario.

Los favoritos, el historial, los comentarios y el nombre se guardan en el navegador de cada dispositivo. No hay servidor, sincronización de cuentas, autenticación real ni envío de mensajes. El formulario de soporte prepara el texto para copiarlo. La contraseña no se guarda ni se envía a ningún sitio.