search

ilifau / ili-fau-templates

Landing Page Template for FAU.de
1 stars 1 forks source link

Styling Slides: Größerer Titel, größerer Slogan #31

Closed xwolfde closed 4 years ago

xwolfde commented 6 years ago

Der Titel soll deutlich vergrößert werden. (Etwa verdoppelt). Ebenso der Slogan darunter.

Zudem soll der Hintergrund hinter der Schrift von Titel und Slogan entfallen. Stattdessen bitte die Schriftfarbe in Weiß und der Schrift einen text-shadow: 1px 2px 2px black geben, damit dieser auch vor wechselnden Hintergrund erkannbar ist.

Für die Hover/Focus-Eigenschaft ggf. die Schriftfarbe wechseln oder eine andere geeignete Optik nutzen.

SebastianHonert commented 6 years ago

Done. Bei der weißen Schrift bin ich etwas skeptisch, da müssen die Motive schon relativ dunkel sein.

xwolfde commented 6 years ago

Hm... ist die Überschrift wirklich größer geworden oder ging was im COmmit verloren?

Auf deiner Seite war es so:

46668652-5f282200-cbcd-11e8-8f5f-493dc0839be5

Also die Schrift von der Höhe ein stückchen über der vertikalen Mitte und etwa fast so hoch wie der Pfeil.

Die aktuellste Version hingegen: 2018-10-11-17-21-www beta wordpress rrze fau de

Siehe Beta-Webauftritt. https://www.beta.wordpress.rrze.fau.de/templates/landingpages-pero/

Die Positionierung des Titels fällt auch gerade bei anderen AUflösungen auf. Nehm mal die SMartphone-Auflösung bei einem

SebastianHonert commented 6 years ago

Ist dieselbe Schriftgröße, bloß die Auflösung ist bei Dir höher. In Relation zur Breite des Container ist die Schrift gleich groß. Ich würde einfach noch Media Queries für >=1600 und/oder >= 1920 einbauen.

xwolfde commented 6 years ago

ah...

[ok. Notiere: ILI und UL muss verpflichtend mit großen bzw. neuen Bildschirmen/Laptops mit großen Auflösungen ausgestattet werden. >:) ]

SebastianHonert commented 6 years ago

Oder wir machen die Schriftgröße gleich abhängig vom Viewport mit vw? Oder ist das zu fortschrittlich? https://caniuse.com/#feat=viewport-units

EDIT: Vergiss das mit den viewport units. Ich habe jetzt testhalber noch eine Media Query für >=1920px hinzugefügt.

Es macht auch einen Unterschied, ob der Titel der Seite "People" oder "Das Studienangebot der FAU im Überblick" oder so ist. Dann ist die Schrift womöglich schnell zu groß. Da müssen wir einen geeigneten Kompromiss finden.

xwolfde commented 5 years ago

Indirekte Antwort: Bei dem Theme lassen wir den Autoprefixer das CSS um Vendorcodes ergänzen. Dabei haben wir eingestellt, daß wir Browserversionen nur bis maximal 3 Jahre zurück unterstützen. In anderen Worten: Leute, die Browser nutzen, welche länger als 3 Jahre nicht aktuallisiert wurden, müssen mit Problemen rechnen. Die nehmen wir in Kauf, zumal mangelhafte Browserupdates ein Fall für die IT Sicherheit sind :P

xwolfde commented 4 years ago

Ich glaub dieser Issue kann zu? (auch wenn ich Issues angestoßen hab, ist es IMHO an den Repo-Besitzer zu entscheiden, ob/wann er sie schließt; da mag ich nicht einfach zumachen, wenn es nicht mein Repo ist.)