YORU Anime Cinema est une interface multipage prête à l'emploi pour un catalogue d'anime, une collection personnelle ou un futur cinéma en ligne. Le design repose sur de profondes teintes nocturnes, une lueur lavande, des formes abstraites en verre et une typographie expressive.

La page d'accueil réunit une grande bannière éditoriale, un carrousel de titres populaires, des sélections thématiques et un bloc de collection personnelle. Le catalogue contient 12 titres de démonstration avec noms, descriptions, genres et notes. La recherche fonctionne par titre russe ou anglais et par genre ; les filtres de genre permettent de restreindre la sélection.

La page dédiée à chaque anime comprend la description, les informations sur la série, un bouton favoris, la liste des épisodes et des commentaires locaux. Le numéro de l'épisode choisi est conservé afin que l'utilisateur puisse revenir depuis l'historique à l'endroit marqué. La fiche affiche un lecteur de démonstration sans vidéo ni liens externes.

Les favoris et l'historique de visionnage ont leurs propres pages. Sont également prévus un calendrier, le support, la connexion, l'inscription et un profil avec nom modifiable. Les formulaires vérifient que les champs sont remplis et affichent des états de démonstration. La connexion et l'inscription simulent la future interface, sans vérification des identifiants ni enregistrement du mot de passe.

Le modèle est adapté aux téléphones et aux ordinateurs. Les effets hover, la lueur, l'animation d'apparition des blocs et la réaction des éléments créent une identité visuelle cohérente. Les carrousels se commandent manuellement, sans changement automatique de contenu. Le réglage système de réduction des animations est pris en compte.

ARCHITECTURE

10 fichiers HTML distincts : chaque section a sa propre URL.

style.css : styles communs, adaptabilité et animations.

app.js : structure des sections, catalogue et interactions locales.

routes.js : carte des transitions entre les pages.

assets/abstract-cinema.png : image abstraite locale créée avec ImageGen ; le modèle ne contient aucune affiche originale d'anime.

PAGES

01. Accueil : index.html.

02. Catalogue : catalog.html.

03. Page d'anime : anime.html?id=1 (ID de 1 à 12).

04. Calendrier : schedule.html.

05. Favoris : favorites.html.

06. Historique de visionnage : history.html.

07. Support : contact.html.

08. Connexion : login.html.

09. Inscription : register.html.

10. Profil : profile.html.

MATÉRIAUX DE PRÉSENTATION

cover.jpg : bannière d'aperçu de 1600 × 1100 px.

pages-overview.jpg : vue d'ensemble des dix pages.

preview/01–10*.jpg : vraies captures d'écran pleine page.

preview/cover-source.html et overview-source.html : maquettes modifiables des images de présentation.

LIMITES DE LA DÉMO

Il s'agit d'un modèle HTML, pas d'un service de visionnage vidéo connecté. Les vrais animes, bandes-annonces, épisodes et liens vers des plateformes vidéo externes ont été supprimés. Les notes, le nombre d'épisodes et les données du catalogue sont fictifs et ne sont synchronisés avec aucune source. Pour obtenir des dates exactes, il faut intégrer un calendrier.

Les favoris, l'historique, les commentaires et le nom sont stockés dans le navigateur de l'appareil concerné. Le serveur, la synchronisation des comptes, l'authentification réelle et l'envoi des messages ne sont pas connectés. Le formulaire de support prépare un texte à copier. Le mot de passe n'est ni enregistré ni envoyé nulle part.