deinklima.ch Design

[innosmith]

Bitte das Design gemäss Attachments mit Decidim Awesome und HTML-Blöcken auf der Startseite umsetzen. Für den Footer benötigt es vermutlich noch mehr als nur Decidim Awesome, muss aber Tenant-spezifisch bleiben und sollte ebenfalls einfach durch Plattform-Admins anpassbar sein.

Startseite

HTML-Block 1

Das Startbild soll in einem HTML-Block durch ein Karussell oder Slider mit folgenden Eigenschaften umgesetzt werden:

• Wir liefern drei vorgefertigte Bilder, welche über die Zeit durch einen Plattform-Admin einfach ersetzt werden können
• Die drei Bilder sind in vordefinierter Reihenfolge 1, 2, 3 abzuspielen
• Der Bildwechsel geschieht entweder automatisch alle 3 Sekunden (im HTML-Block konfigurierbar) oder manuell durch Klicken (nächstes Bild mit Pfeil oder drei runde Icons unterhalb der Bilder, welche angewählt werden können und damit den automatischen Bildlauf stoppen)
• Nach Einblendung des letzten Bildes stoppt das Karussell, sodass das letzte Bild ewig angezeigt wird
• Diese Funktion sollte auch auf mobilen Geräten einfach nutzbar sein
• Die drei vorgefertigten Bilder werden sehr wahrscheinlich am 12.08. geliefert. Im Mockup ein Beispielbild.

HTML-Block 2

In einem zweiten HTML-Block werden die drei Icons für Projekte, Organisationen und Veranstaltungen mit Link auf die Hauptnavigation umgesetzt. Darunter kurze Texte gemäss Mockup, durch einen Plattform-Admin veränderbar im HTML-Block. Die Links sind einfach anpassbar, sodass der HTML-Block einfach auf INT und PROD genutzt werden kann.

Footer

Wir verzichten auf einen durch Plattform-Admins anpassbaren Footer und benötigen demzufolge auf der Startseite auch keinen HTML-Block dafür. Der Footer soll auf allen Seiten wie folgt aufgebaut sein:

Links

• Ganz links angeordnet kommt das Wyss Academy Logo, Link https://www.wyssacademy.org/
• Gerade rechts davon das Logo des Kantons Bern, Link https://www.be.ch/aue

Mittig

• Mittig das Logo "powered by decidim.swiss" mit Link auf https://decidim.swiss

Rechts von oben nach unten

• Rechtliche Hinweise und Nutzungsbedingungen
• Impressum
• Open Source Software mit Link auf https://decidim.org/
• Creative Commons cc by-sa 4.0 mit Link zu https://creativecommons.org/licenses/by-sa/4.0/deed.de

Attachments

dein Klima - Home Vorlage v5.pdf

dein Klima - Typografie und Farben v2.pdf

Nachfolgend das Logo des Kantons in Bern weiss auf transparentem Hintergrund!

[innosmith]

@carlobeltrame : wir haben uns für einen statischen Footer entschieden, siehe angepasste Anforderungsbeschreibung.

[carlobeltrame]

@innosmith in der Anforderungsbeschreibung fehlt wie es aussieht noch ein Mockup für den statischen Footer, kann das sein? Oder soll es einfach einer der beiden im PDF sein?

[innosmith]

@carlobeltrame : Footerdesign siehe Attachment "dein Klima - Home Vorlage v5.pdf" auf Seite 2 mit nur einer Zeile von Logos, ohne das Wort "Trägerschaft". Logo Kanton Bern und Wyss Academy tauschen gemäss Textanforderungen Footer oben.

[carlobeltrame]

Alle Punkte aus Saschas Mail sind jetzt auf der Integrationsumgebung umgesetzt. Einzig das Überblenden des Karussells habe ich nicht gemacht, weil ich dafür wie besprochen quasi das Karussell nochmals neu programmieren müsste. @innosmith Bitte melden wenn noch etwas auffällt das geändert werden soll. Somit bin ich gleichzeitig ready für das produktive Deployment.

[innosmith]

Im Review durch Kunden, siehe Email. Das Wyss Academy Logo fehlt noch. Rest sieht sehr gut aus, danke @carlobeltrame !

[innosmith]

@carlobeltrame : bitte beim Kanton Bern Logo den Link gemäss GitHub-Ticket Spez. einfügen, welcher direkt auf das AUE des Kantons Bern zeigt.

[carlobeltrame]

@innosmith ist auf Integration gemacht. Du musst die Kanton Bern Adresse noch im Admin-Backend als erlaubten externen Link eintragen.