Refactoring CUBE CSS


Wir nutzen als Ausgangsbasis das Assignment welches über diesen Einladungslink erreichbar ist.

Aufgabe 1 - Refactoring mit CUBE CSS

Refactoren Sie den Code auf Basis der CUBE CSS Methodologie. Hier wird kein vollständiges Ergebnis erwartet, aber ein Anfang und eine ernsthafte Auseinandersetzung mit der Methodologie.

Aufgabe 2 - Layout Switcher

Erweitern Sie den Code dahingend, dass beim Betätigen der Schaltfläche rechts oberhalb der Projektübersicht, das Layout der Projektübersicht geändert wird. Das vorgebene Layout befindet sich in der Datei /_stuff/layout-rows.png

Die JavaScript Logik für die Schaltfläche ist bereits implementiert. Nutzen Sie als Selektor für die CSS Regeln die CUBE Exception [data-state="rows"]

Aufgabe 3 - Dark Mode

Impementieren Sie einen Darkmode für die gesamte Seite. Dieser soll beim Betätigen des bereits erstellten Toggle-Button aktiviert werden.