Eine interaktive persönliche Homepage. Im Mittelpunkt steht ein Schreibtisch-Foto — darauf befinden sich leuchtende Punkte (Hotspots), die zu verschiedenen Themen führen.
🖱️
Maus-Bedienung
Hover über einen Hotspot → Spotlight-Effekt + Label
Klick auf einen Hotspot → öffnet Info-Panel + Zoom
Klick außen oder × → schließt das Panel
✨
Zoom-Effekt
Wenn du auf einen Hotspot klickst, zoomt das Bild in das jeweilige Objekt hinein. Beim Schließen des Panels zoomt es wieder heraus.
Alle Hotspots auf dem Schreibtisch und was sich dahinter verbirgt:
🖥️
iMac Projekte & Arbeit
⌨️
Tastatur Blog & Artikel
📚
Bücher Lesen & Wissen
✏️
Stifte Design & Kreatives
🕐
Uhr Über mich
📻
Radio Medien & Ton
☕
Kaffeebecher Kontakt
🌍
Globus Welt & Reisen
🕯️
Kerze Inspiration
Tipp: Beim Hover über einen Hotspot erscheint ein kleines Label mit dem Namen des Bereichs.
Der Header oben enthält die wichtigsten Navigationspunkte:
📰
Blog
Führt zum Blog „Der frühe Vogel kriegt den Mittelsitz" — Artikel und Gedanken von Sascha Hebold im Zeitungs-Design.
🧭
Projekte · Über mich · Kontakt
Links zu weiteren Bereichen — öffnen sich ebenfalls als Panel direkt auf der Seite.
🔐
Handbuch · Roadmap · Admin
Diese Links erscheinen nur nach dem Einloggen. Sie führen zu technischen Dokumenten und dem Blog-Editor.
🔑
Anmelden
Klick auf „Anmelden" oben rechts öffnet das Login-Formular. Nach erfolgreichem Login erscheinen zusätzliche Bereiche in der Navigation.
✍️
Was nach dem Login sichtbar wird
Admin — Blog-Artikel schreiben und verwalten
Handbuch — technische Dokumentation
Roadmap — Entwicklungsplan mit Status
What's New — Versionshinweise
⚙️
Benutzerverwaltung
Nach dem Login erscheint ein ⚙-Symbol. Darüber können Benutzer angelegt und verwaltet werden.
📰
„Der frühe Vogel kriegt den Mittelsitz"
Der Blog von Sascha Hebold. Artikel erscheinen im klassischen Zeitungs-Design mit Masthead, Spalten und Bildunterschriften.
👆
Artikel lesen
Klick auf einen Artikel-Teaser öffnet den vollständigen Text im Overlay — ohne die Seite zu verlassen. Schließen mit ×, ESC oder Klick neben den Artikel.
🗞️
Zeitungs-Testseite
blog_test.html zeigt den Blog auf einem echten Zeitungsbild als Hintergrund — die Artikel überlagern die Zeitungssektion.
Tastaturkürzel für schnellere Bedienung:
ESCPanel schließen · Tour beenden · Modal schließen
→EnterNächster Tour-Schritt
←Vorheriger Tour-Schritt
Noch Fragen?
📖
Vollständiges Handbuch
Das Handbuch (nach Login erreichbar) erklärt alle technischen Details — Hotspots anpassen, Bilder wechseln, Artikel schreiben.
Diese Seite verwendet technisch notwendige Cookies für die Login-Funktion sowie Google Fonts.Mehr erfahren
