2. Purplyx Hub – Spielebereich
Übersicht
Purplyx Hub ist eine Plattform, auf der du Spiele spielen, Dateien hochladen, Sounds anhören und verschiedene Tools nutzen kannst. Die Seite ist in Header, Sidebar, Hauptbereich (Spiele) und Footer gegliedert.
Header
- Logo: Oben links zeigt das Purplyx Hub Logo.
- Menü-Icon: Öffnet die Sidebar auf kleinen Bildschirmen.
- Suche: Rechts oben kannst du Spiele direkt suchen.
- Anmelde-Button: Meldet dich an oder zeigt deinen Benutzernamen, wenn du schon angemeldet bist.
Sidebar (Seitenleiste)
Die Sidebar enthält alle Hauptbereiche der Webseite:
Hauptdienste
- Hauptseite – Zur Startseite der Webseite.
- Spiele – Öffnet die Sammlung aller Spiele.
- Sounds – Zugriff auf die Soundbibliothek.
Subs / Subdomains
- Cloud – Persönliche Cloud-Dateien.
- Docs – Entwicklerdokumentation.
- Changelog – Alle Änderungen & Updates.
- Wer sind wir? – Infos über Purplyx.
Dateiendienste
- Private – Geschützte Bereiche nur für angemeldete Nutzer.
- Dateien – Eigene Dateien hochladen und verwalten.
Links
- Mach was Sinnvolles! – Link zur Online-Schule Saarland.
- Visual Studio Code (Browser) – VS Code im Browser.
- Netpurple – Externe Purplyx Partnerseite.
Tools
- Purplyx Serverstatus – Zeigt den Status der Purplyx Server.
- Allgemeiner Serverstatus – Zeigt Status externer Server.
Weiteres
- Datenschutz – Informationen zur Datenverarbeitung.
- Impressum – Rechtliche Angaben.
Hinweis: Über die Sidebar-Icons oder Menü-Button kann die Sidebar auf- und zugeklappt werden.
Spielebereich
- Die Spiele werden als Liste mit Bild und Titel angezeigt.
- Ein Klick auf ein Spiel öffnet ein Popup mit Spielbeschreibung, Entwickler und „Spielen“-Button.
- Spiele, die externe Ressourcen benötigen, haben einen Hinweis ⚠️.
Suche
- Gib den Spielnamen in die Suche oben ein, um Spiele zu filtern.
- Drücke Enter oder warte auf die automatische Filterung.
- Wenn kein Spiel gefunden wird, erscheint die Meldung: „Es wurde kein Spiel gefunden.“
Popup-Funktion
- Zeigt Bild, Titel, Beschreibung und Entwickler eines Spiels.
- Klick auf „Spielen“ startet das Spiel.
- Klick außerhalb des Popups schließt es.
Footer
- Enthält Informationen zur Webseite, Navigation, Rechtliches und Partner.
- Responsives Design: Passt sich automatisch an Desktop und Mobilgeräte an.
- Hinweis: Die angezeigten Spiele gehören den jeweiligen Entwicklern.
Footer-Spalten
- Purplyx Hub – Kurze Beschreibung.
- Navigation – Startseite, Spiele, Changelog, Dokumentation.
- Rechtliches – Datenschutz, Impressum.
- Partner – GitHub, Discord, Netpurple.
Animationen & Effekte
- Seitenwechsel: Sanftes Hoch- und Herunterscrollen beim Navigieren zwischen Seiten.
- Particles-Hintergrund: Leicht animierter Hintergrund für visuelles Erlebnis.
- Hover-Effekte: Tooltips und Buttons reagieren auf Mausbewegungen.
Schnellstart für Nutzer
- Anmelden über den Button oben rechts.
- Spiele durchsuchen über die Sidebar oder die Suche.
- Spiel auswählen → Popup öffnen → „Spielen“-Button klicken.
- Weitere Bereiche nutzen: Cloud, Docs, Sounds, Tools, Links.
- Footer nutzen für Navigation, Rechtliches und Partner-Infos.