YORU Anime Cinema ist eine fertige mehrseitige Benutzeroberfläche für einen Anime-Katalog, eine persönliche Sammlung oder ein künftiges Online-Kino. Das Design setzt auf tiefe Nachttöne, lavendelfarbenes Leuchten, abstrakte Glasformen und ausdrucksstarke Typografie.

Die Startseite vereint ein großes redaktionelles Banner, ein Karussell beliebter Titel, thematische Sammlungen und einen Bereich für die persönliche Sammlung. Der Katalog enthält 12 Demotitel mit Namen, Beschreibungen, Genres und Bewertungen. Die Suche funktioniert nach russischem und englischem Titel sowie Genre; Genrefilter helfen, die Auswahl einzugrenzen.

Die einzelne Anime-Seite enthält eine Beschreibung, Serieninformationen, eine Favoritenschaltfläche, eine Episodenliste und lokale Kommentare. Die Nummer der ausgewählten Episode wird gespeichert, damit Nutzer über den Verlauf zur markierten Stelle zurückkehren können. Die Detailansicht zeigt einen Demo-Player ohne Video und externe Links.

Favoriten und Wiedergabeverlauf haben eigene Seiten. Außerdem gibt es einen Zeitplan, Support, Anmeldung, Registrierung und ein Profil mit bearbeitbarem Namen. Die Formulare prüfen die Eingaben und zeigen Demozustände. Anmeldung und Registrierung simulieren die künftige Oberfläche, ohne Zugangsdaten zu prüfen oder Passwörter zu speichern.

Die Vorlage ist für Smartphones und Computer angepasst. Hover-Effekte, Leuchten, Einblendeanimationen und Elementreaktionen schaffen ein einheitliches Erscheinungsbild. Die Karussells werden manuell gesteuert, ohne automatischen Inhaltswechsel. Die Systemeinstellung für reduzierte Bewegung wird berücksichtigt.

ARCHITEKTUR

10 separate HTML-Dateien: Jeder Bereich hat eine eigene URL.

style.css: gemeinsame Stile, responsives Layout und Animationen.

app.js: Bereichs-Markup, Katalog und lokale Interaktionen.

routes.js: Zuordnung der Navigation zwischen den Seiten.

assets/abstract-cinema.png: lokales abstraktes Bild, erstellt mit ImageGen; die Vorlage enthält keine Original-Anime-Poster.

SEITEN

01. Startseite: index.html.

02. Katalog: catalog.html.

03. Anime-Seite: anime.html?id=1 (IDs von 1 bis 12).

04. Zeitplan: schedule.html.

05. Favoriten: favorites.html.

06. Wiedergabeverlauf: history.html.

07. Support: contact.html.

08. Anmeldung: login.html.

09. Registrierung: register.html.

10. Profil: profile.html.

PRÄSENTATIONSMATERIAL

cover.jpg: Vorschaubanner mit 1600 × 1100 px.

pages-overview.jpg: Übersicht aller zehn Seiten.

preview/01–10*.jpg: echte Screenshots der vollständigen Seiten.

preview/cover-source.html und overview-source.html: bearbeitbare Layouts der Präsentationsbilder.

GRENZEN DER DEMOVERSION

Dies ist eine HTML-Vorlage ohne angebundenen Videodienst. Echte Anime, Trailer, Episoden und Links zu externen Videoplattformen wurden entfernt. Bewertungen, Episodenzahlen und Kataloginformationen sind Demodaten und werden nicht mit Quellen synchronisiert. Für genaue Termine ist eine Zeitplanintegration erforderlich.

Favoriten, Verlauf, Kommentare und Name werden im Browser auf dem jeweiligen Gerät gespeichert. Server, Kontosynchronisierung, echte Authentifizierung und die Übermittlung von Anfragen sind nicht angebunden. Das Supportformular bereitet Text zum Kopieren vor. Das Passwort wird weder gespeichert noch irgendwohin gesendet.