Die neue Website des FGZ ist modern, schlicht und extrem performant. ​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌‍‌​‌‍​‌‌‌​‌‍‌‍​‌‍‌‌​​‍‍‌‍​‌‍‌‍‌​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌‍​‌‍‌‌​​‍‍‌‍‌‌​‍‌‍‍‌‌‍‌​‌‍‌‍‍‌‍‍‌‌‍​​‍‍‌‍​‌‍‍​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​‌‍‌​‍​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌‌‌‌​‌‍‌‌​​‌‍‌‌‌​​‍‌‌‌​‌​​‌​​‌‌​‌​‌‍‌‍‍‌‌​​‌​‍​‌‌​‌‍‍‌​​​‍‌‌‌​​‌​​‌‌‌‍‌‌‌‍‌‍‌​​‌‌​‌​‌‌​‍‌‌​​‌​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌​​‍‌​‍​‍‌‌‍​‌​‌​‌‌‍‌​‍‌​​‌‌‍​‌‌​‌‌‌‌​‌‌‌​‌‌​‌‌​‍‌‌​‍​‌​‍‌‌​‌‌‌‌​​‍‌‌‌​‍‌​​‌​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍​‌‍‌‍‌‍‍‌‌‍‌‌‌‍​‌‍‌​‌‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​‌‌‌‍‌‌‍‌‍‌​‌‌‌‌‍​‌‍‌‌‌​​‍‍‌‍‌​‌‍‌‌​‍‍​​‌​‍‍‌‌​‌‍‌‌‌‍​‌‌​​‍​‍‌‌

Mockuuups App auf einem Smartphone​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌‍‌​‌‍​‌‌‌​‌‍‌‍​‌‍‌‌​​‍‍‌‍​‌‍‌‍‌​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌‍​‌‍‌‌​​‍‍‌‍‌‌​‍‌‍‍‌‌‍‌​‌‍‌‍‍‌‍‍‌‌‍​​‍‍‌‍​‌‍‍​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​‌‍‌​‍​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌‌‌‌​‌‍‌‌​​‌‍‌‌‌​​‍‌‌‌​‌​​‌​​‌‌​‌​‌‍‌‍‍‌‌​​‌​‍​‌‌​‌‍‍‌​​​‍‌‌‌​​‌​​‌‌‌‍‌‌‌‍‌‍‌​​‌‌​‌​‌‌​‍‌‌​​‌​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌​​‍‌​‍​‍‌‌‍​‌​‌​‌‌‍‌​‍‌​​‌‌‍​‌‌​‌‌‌‌​‌‌‌​‌‌​‌‌​‍‌‌​‍​‌​‍‌‌​‌‌‌‌​​‍‌‌‌​‍‌​​‌​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍​‌‍‌‍‌‍‍‌‌‍‌‌‌‍​‌‍‌​‌‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​‌‌‌‍‌‌‍‌‍‌​‌‌‌‌‍​‌‍‌‌‌​​‍‍‌‍‌​‌‍‌‌​‍‍​​‍​‍‍‌‍​‌‌​‌​‌‍‌‌‌‌​​‍​‍‌‌

Der digitale Auftritt des FGZ inszeniert den idyllischen Standort im Seefeld zusammen mit den Schülerinnen und Schülern.​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌‍‌​‌‍​‌‌‌​‌‍‌‍​‌‍‌‌​​‍‍‌‍​‌‍‌‍‌​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌‍​‌‍‌‌​​‍‍‌‍‌‌​‍‌‍‍‌‌‍‌​‌‍‌‍‍‌‍‍‌‌‍​​‍‍‌‍​‌‍‍​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​‌‍‌​‍​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌‌‌‌​‌‍‌‌​​‌‍‌‌‌​​‍‌‌‌​‌​​‌​​‌‌​‌​‌‍‌‍‍‌‌​​‌​‍​‌‌​‌‍‍‌​​​‍‌‌‌​​‌​​‌‌‌‍‌‌‌‍‌‍‌​​‌‌​‌​‌‌​‍‌‌​​‌​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌​​‍‌​‍​‍‌‌‍​‌​‌​‌‌‍‌​‍‌​​‌‌‍​‌‌​‌‌‌‌​‌‌‌​‌‌​‌‌​‍‌‌​‍​‌​‍‌‌​‌‌‌‌​​‍‌‌‌​‍‌​​‌​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍​‌‍‌‍‌‍‍‌‌‍‌‌‌‍​‌‍‌​‌‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​‌‌‌‍‌‌‍‌‍‌​‌‌‌‌‍​‌‍‌‌‌​​‍‍‌‍‌​‌‍‌‌​‍‍​​​‍‍‌‌​‌‍‌‌‌‍​‌‌​​‍​‍‌‌

Für die rein digitale Anmeldungen der Schüler und Schülerinnen haben wir die REST API and die schulNetz Software von Centerboard angebunden. ​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌‍‌​‌‍​‌‌‌​‌‍‌‍​‌‍‌‌​​‍‍‌‍​‌‍‌‍‌​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌‍​‌‍‌‌​​‍‍‌‍‌‌​‍‌‍‍‌‌‍‌​‌‍‌‍‍‌‍‍‌‌‍​​‍‍‌‍​‌‍‍​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​‌‍‌​‍​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌‌‌‌​‌‍‌‌​​‌‍‌‌‌​​‍‌‌‌​‌​​‌​​‌‌​‌​‌‍‌‍‍‌‌​​‌​‍​‌‌​‌‍‍‌​​​‍‌‌‌​​‌​​‌‌‌‍‌‌‌‍‌‍‌​​‌‌​‌​‌‌​‍‌‌​​‌​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌​​‍‌​‍​‍‌‌‍​‌​‌​‌‌‍‌​‍‌​​‌‌‍​‌‌​‌‌‌‌​‌‌‌​‌‌​‌‌​‍‌‌​‍​‌​‍‌‌​‌‌‌‌​​‍‌‌‌​‍‌​​‌​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍​‌‍‌‍‌‍‍‌‌‍‌‌‌‍​‌‍‌​‌‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​‌‌‌‍‌‌‍‌‍‌​‌‌‌‌‍​‌‍‌‌‌​​‍‍‌‍‌​‌‍‌‌​‍‍​‌​​‍‍‌‌​‌‍‌‌‌‍​‌‌​​‍​‍‌‌

Mockuuups Projekt auf einem Bildschirm​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌‍‌​‌‍​‌‌‌​‌‍‌‍​‌‍‌‌​​‍‍‌‍​‌‍‌‍‌​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌‍​‌‍‌‌​​‍‍‌‍‌‌​‍‌‍‍‌‌‍‌​‌‍‌‍‍‌‍‍‌‌‍​​‍‍‌‍​‌‍‍​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​‌‍‌​‍​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌‌‌‌​‌‍‌‌​​‌‍‌‌‌​​‍‌‌‌​‌​​‌​​‌‌​‌​‌‍‌‍‍‌‌​​‌​‍​‌‌​‌‍‍‌​​​‍‌‌‌​​‌​​‌‌‌‍‌‌‌‍‌‍‌​​‌‌​‌​‌‌​‍‌‌​​‌​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌​​‍‌​‍​‍‌‌‍​‌​‌​‌‌‍‌​‍‌​​‌‌‍​‌‌​‌‌‌‌​‌‌‌​‌‌​‌‌​‍‌‌​‍​‌​‍‌‌​‌‌‌‌​​‍‌‌‌​‍‌​​‌​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍​‌‍‌‍‌‍‍‌‌‍‌‌‌‍​‌‍‌​‌‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​‌‌‌‍‌‌‍‌‍‌​‌‌‌‌‍​‌‍‌‌‌​​‍‍‌‍‌​‌‍‌‌​‍‍​‌‌​‍‍‌‍​‌‌​‌​‌‍‌‌‌‌​​‍​‍‌‌

Die Struktur ist bewusst schlank und simpel gehalten. Im Menü zeigen wir nur eine 2nd Level Navigation, welche die Inhalte der Webseite abbildet. ​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌‍‌​‌‍​‌‌‌​‌‍‌‍​‌‍‌‌​​‍‍‌‍​‌‍‌‍‌​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌‍​‌‍‌‌​​‍‍‌‍‌‌​‍‌‍‍‌‌‍‌​‌‍‌‍‍‌‍‍‌‌‍​​‍‍‌‍​‌‍‍​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​‌‍‌​‍​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌‌‌‌​‌‍‌‌​​‌‍‌‌‌​​‍‌‌‌​‌​​‌​​‌‌​‌​‌‍‌‍‍‌‌​​‌​‍​‌‌​‌‍‍‌​​​‍‌‌‌​​‌​​‌‌‌‍‌‌‌‍‌‍‌​​‌‌​‌​‌‌​‍‌‌​​‌​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌​​‍‌​‍​‍‌‌‍​‌​‌​‌‌‍‌​‍‌​​‌‌‍​‌‌​‌‌‌‌​‌‌‌​‌‌​‌‌​‍‌‌​‍​‌​‍‌‌​‌‌‌‌​​‍‌‌‌​‍‌​​‌​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍​‌‍‌‍‌‍‍‌‌‍‌‌‌‍​‌‍‌​‌‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​‌‌‌‍‌‌‍‌‍‌​‌‌‌‌‍​‌‍‌‌‌​​‍‍‌‍‌​‌‍‌‌​‍‍​‌‍​‍‍‌‌​‌‍‌‌‌‍​‌‌​​‍​‍‌‌

Die Webseite ist headless mit DatoCMS und unserem bewährten Tech Stack mit Nuxt und Vue umgesetzt.​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌‍‌​‌‍​‌‌‌​‌‍‌‍​‌‍‌‌​​‍‍‌‍​‌‍‌‍‌​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌‍​‌‍‌‌​​‍‍‌‍‌‌​‍‌‍‍‌‌‍‌​‌‍‌‍‍‌‍‍‌‌‍​​‍‍‌‍​‌‍‍​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​‌‍‌​‍​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌‌‌‌​‌‍‌‌​​‌‍‌‌‌​​‍‌‌‌​‌​​‌​​‌‌​‌​‌‍‌‍‍‌‌​​‌​‍​‌‌​‌‍‍‌​​​‍‌‌‌​​‌​​‌‌‌‍‌‌‌‍‌‍‌​​‌‌​‌​‌‌​‍‌‌​​‌​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌​​‍‌​‍​‍‌‌‍​‌​‌​‌‌‍‌​‍‌​​‌‌‍​‌‌​‌‌‌‌​‌‌‌​‌‌​‌‌​‍‌‌​‍​‌​‍‌‌​‌‌‌‌​​‍‌‌‌​‍‌​​‌​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍​‌‍‌‍‌‍‍‌‌‍‌‌‌‍​‌‍‌​‌‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​‌‌‌‍‌‌‍‌‍‌​‌‌‌‌‍​‌‍‌‌‌​​‍‍‌‍‌​‌‍‌‌​‍‍​‍​​‍‍‌‌​‌‍‌‌‌‍​‌‌​​‍​‍‌‌

Mockuuups Computer​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌‍‌​‌‍​‌‌‌​‌‍‌‍​‌‍‌‌​​‍‍‌‍​‌‍‌‍‌​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌‍​‌‍‌‌​​‍‍‌‍‌‌​‍‌‍‍‌‌‍‌​‌‍‌‍‍‌‍‍‌‌‍​​‍‍‌‍​‌‍‍​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​‌‍‌​‍​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌‌‌‌​‌‍‌‌​​‌‍‌‌‌​​‍‌‌‌​‌​​‌​​‌‌​‌​‌‍‌‍‍‌‌​​‌​‍​‌‌​‌‍‍‌​​​‍‌‌‌​​‌​​‌‌‌‍‌‌‌‍‌‍‌​​‌‌​‌​‌‌​‍‌‌​​‌​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌​​‍‌​‍​‍‌‌‍​‌​‌​‌‌‍‌​‍‌​​‌‌‍​‌‌​‌‌‌‌​‌‌‌​‌‌​‌‌​‍‌‌​‍​‌​‍‌‌​‌‌‌‌​​‍‌‌‌​‍‌​​‌​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍​‌‍‌‍‌‍‍‌‌‍‌‌‌‍​‌‍‌​‌‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​‌‌‌‍‌‌‍‌‍‌​‌‌‌‌‍​‌‍‌‌‌​​‍‍‌‍‌​‌‍‌‌​‍‍​‍‌​‍‍‌‍​‌‌​‌​‌‍‌‌‌‌​​‍​‍‌‌
Middle
Gridonic Debug Panel
Dastro v3.2.1
stage Environment
Large Viewport
Small Viewport
Variables
Small Viewport --vs
Large Viewport --vl
        
        
        
      
Info Overlays
Layout Tools
Draft Mode
enabled (env default)
disabled
Draft Mode*