htw-imi-showtime / showtime-website

The official IMI showtime website
10 stars 105 forks source link

Langer claim ändert Bildgröße #347

Closed JonasTrenkler closed 2 months ago

JonasTrenkler commented 2 months ago

Die länge des claims beeinflusst die Anzeigegröße des Vorschaubilds. Ist das so gedacht? Die einfache Lösung ist einen sehr kurzen claim zu nehmen, der sagt aber nichts über das Projekt aus. Hätte hier eingentlich das Abstract erwartet.

Ohne claim:

image

Mit langem claim:

image

bkleinen commented 2 months ago

Interessante Beobachtung, das CSS dieser Seite (nicht von mir) ist immer wieder überraschend….

unabhängig davon ist inhaltlich eigentlich “Exercise in Harmony with your cycle” der claim. dann fehlt Ihnen aber ein subtitle (etwa: "App für Zyklusabhängiges Training" (bei menstruierenden Menschen) oder so wenn ich das richtig verstanden habe. Da fällt Ihnen bestimmt etwas besseres ein.

das was Sie hier als Claim haben würde ich eher abstract nennen (=trockene knappe inhaltliche zusammenfassung, siehe https://github.com/htw-imi-showtime/showtime-website/blob/main/doc/project_metadata.md ).

Gerne noch schicken, ich kümmere mich eh noch eher später am Abend darum.

JonasTrenkler commented 2 months ago

Ja, “Exercise in Harmony with your cycle” hatten wir als (sehr gelungenen =)) Claim. Ich hatte testweise in meinem Fork mal alles eine Ebene "hochgeschoben", jetzt wo die Sachen im Template berücksichtigt werden. Also Claim -> Untertitel, Abstract -> Claim. Wollte schauen ob es sich lohnt die Texte entsprechend anzupassen.

Deshalb hab ich mich ein bisschen gewundert, dass auf der Übersichtsseite der Claim auftaucht. Der ist ja normalerweise sehr kurz und sagt nicht zwangsläufig, worum es genau geht. Fand das zwei Sätze lange Abstract füllt den Bereich besser als nur sechs Wörter Claim.

Auf den einzelnen Projektseiten ist der Claim ja recht groß, oben über der Beschreibung. Da wären die 6 Wörter wieder super vom Platz, anstatt einem langen Text. Das scheinen fast alle Projekte ähnlich zu sehen. Die Master Projekte benutzen z.B. keinen Claim, sondern noch die card description mit einem Absatz in Abstract Länge. Auf der Übersichtsseite weiß man dann direkt worum es geht.


Das überraschende CSS würde ich inzwischen als Bug einstufen. In Chromium / Vivaldi sieht es ganz anders aus und das Skalieren funktioniert wie erwartet. In Firefox hat die Flexbox eine andere Aufteilung. In schmalen Fenstern, vor Umbrechen per media query sieht man das sehr deutlich. hier mal der Vergleich mit 900px Breite und der Flexbox eingezeichnet. Bin bisher nicht dahinter gekommen woran es liegen könnte:

Vivaldi (Chromium): image

Firefox (v127.0.1, abgesicherter Modus): image

bkleinen commented 2 months ago

https://jonastrenkler.github.io/showtime-website/

bkleinen commented 2 months ago

It's not a bug, it's a feature: die Bildgröße wird dynamisch abhängig vom Platz angepasst, siehe Zeile 645 in ./themes/showtime-theme-2021/assets/sass/main.template :

image