OPUS4 / application

OPUS 4 application.
Other
15 stars 21 forks source link

Neues Layout für OPUS 4 #896

Open j3nsch opened 2 years ago

j3nsch commented 2 years ago

Das Layout, der "Look" von OPUS 4 ist mittlerweile etwas in die Jahre gekommen und sollte modernisiert werden. Vieles kann dabei durch Änderungen am CSS aufgefrischt werden. Es muss aber auch darum gehen das erzeugte HTML zu prüfen und das Design insgesamt, HTML + CSS + Javascript, aufzuräumen und zu dokumentieren, so daß Anpassungen für Repositorien in Zukunft noch einfacher umgesetzt werden können.

Standardanpassungen wie das Logo oder der Name des Repositories sollten ohne Eingriffe in die Layout-Dateien möglich sein. Basierend auf dem neuen Layout sollten "Themes" möglich sein, die z.B. das Umschalten zwischen verschiedenen Farbgebungen für OPUS, ermöglichen.

Diese Aufgaben sollten nicht alle im Rahmen dieses einen Tickets umgesetzt, sondern in Teilaufgaben zerlegt werden.

j3nsch commented 2 years ago

Die Farbe #eaedf2 wird in opus.css gleich 11 Mal angegeben. Sie wird unter anderem für den Text auf der Startseite verwendet. Es wäre schön wenn die Farbe des Textes in OPUS an einer Stelle beeinflusst werden könnte.

j3nsch commented 2 years ago

Auf der folgenden Seite wird beschrieben wie Support für Themes in Zend Framework 1 umgesetzt werden kann.

https://aaronsaray.com/2011/themetemplate-system-in-zend-framework

Zend Framework 2 hat eingebauten Support für Themes. Da der Aufwand überschaubar scheint, denke ich es würde sich auch jetzt schon lohnen.

christgau commented 2 years ago

Ich würde eine solche Entwicklung sehr begrüßen. Für den "hier" z.T. angedachten Einsatzzweck von OPUS ("schmöckern") wäre auch eine halbwegs responsive Gestaltung wünschenswert. Aktuell sind die Seiten auf Tablets (Smartphones auch, aber nur sekundär relevant) kaum zu lesen, u.a. weil Schriftgrößen in px angegeben sind.

j3nsch commented 2 years ago

Das alte HTML und CSS musste noch IE6 kompatibel sein. Das ist heute zum Glück kein Thema mehr. Das HTML sollte so einfach wie möglich sein und Anforderungen zur Barrierefreiheit berücksichtigen. Die Optik soll über CSS definiert werden, so dass die Anzeige skalierbar ist. Mit Javascript können weiter Komfortfunktionen hinzugefügt werden, aber das User Interface sollte nach Möglichkeit auch vollständig ohne Javascript bedienbar sein. Der Fokus liegt hier erst einmal auf folgenden Seiten:

Auf der folgenden Seite stehen Hinweise zur Accessibility mit CSS und Javascript. Es gibt zu dem Thema aber auch noch viele andere Ressourcen.

https://developer.mozilla.org/en-US/docs/Learn/Accessibility/CSS_and_JavaScript

Die Angabe der Schriftgrößen mit Pixeln kann vielleicht schon vorab im alten CSS behoben werden. Dafür wurde Issue #968 angelegt.