c3wien / poke-that-gmeind

About

Dieses Repository beinhaltet den Code der Kampagne "Luftfilterbegehren" auf luftfilterbegehren.at.

Setup

See below for dependencies.

• copy config/template.py to config/__init__.py
• fill in your database settings
• run ./run.py to start the local development server

Dependencies

• python >= 3.10 (!)
• Flask 1.X https://flask.palletsprojects.com/en/1.1.x/
• SQLAlchemy https://docs.sqlalchemy.org/en/14/
• PyMySQL https://pymysql.readthedocs.io/en/latest/

virtualenv

virtualenv -p python3 .
source bin/activate
pip install -r requirements.txt

SMTP-Service

use the following to mock the smtp service for development:

docker run --rm -it -p 3000:80 -p 25:25 rnwood/smtp4dev

Includes

• jQuery Core (C) jQuery Foundation, Inc. [MIT]
• Normalize.css (C) Nicolas Gallagher, Jonathan Neal [MIT]
• OpenSans (C) Steve Matteson [Apache]
• Oswald (C) Vernon Adams [OFL]
• cities.json from https://github.com/bresu/oe_gemeinden (C) 2020 bresu [CC-BY-SA]

poke-that-gmeind's Issues

Dinge, die so aufgefallen sind

Bei der Durchsicht der Website sind mir folgende Punkte aufgefallen:

• Hauptseite:
  • Header -> "Luftfilterbegehren" schwebt ein bisschen zu hoch. (Im vergleich zu den Buttons "Weitersagen!", "Gemeinden anschreiben"!, usw.
  • Text - 1 - 2 Zeilenumbrüche wären nett
  • Text "In der Bundespolitik fehlt es an Plänen, Schulen, " - kommt da nach Plänen wirklich ein Beistrich? (Frage für einen Freund)
  • Text "Sie können selbst aktiv werden und Luftfilteranlagen installieren. " und "schreib jetzt deine Gemeinde an!" - maybe unterstreichen ?
  • Nach "Bisher haben 0 von 2117 ..." sollte ein Trennstrich oder sowas wie "Und Los geht's" stehen. (Hab am Anfang nicht gewusst warum da plötzlich ein gelber Pfeil kommt.)
• "Gemeide Anschreiben":
  • Filter funktioniert - wäre aber noch schön wenn die Möglichkeiten in eine Reihe angezeigt werden und nicht "einfach" die anderen Möglichkeiten ausgeblendet werden. (Endloses Scrollen vermeiden)
  • Reihenfolge der Gemeinden scheinen willkührlich. Kann man die noch aufsteigend zählen lassen?
  • Die PLZ zu den Ortschaften/Gemeinden/Bezirke wäre denk ich auch ein Pluspunkt.*
  • Welche Bedeutung haben die gelben Felder ? Erschließt sich mir nicht ganz. (Ukraine Krieg?)

[cities] make city tiles single-color?

currently, the yellow/blue color combination might raise the question of "what has this to do with ukraine" or "why niederösterreich".
making the tiles single-color would prevent confusion.

from #79

burger menu not usable

When reducing the browser window width, the top navigation folds to a burger menu in the top right.
Moving the mouse over the burger menu shows a list of the navigation entries.
Attempting to select one of the navigation entries with the mouse seems not possible, because as soon as the mouse leaves the burger menu the list with navigation entries vanishes.

OS: Linux, Browser: Chromium 102

adapt privacy statement

by default, we don't log anything.

apart from that, we only keep the email address and contacted gemeinde(n), nothing else.

new banner for landingpage

new banner for landingpage

[index] revise content

needs

• fancy header img? (if yes, needs to be smaller)
• abstract, followed by buttons for action: gemeinde + weitersagen (kinda like a flowchart)
• drop everything else (yt-link, überwachungspaket contents, action items for politicians)

[mail] missing >from< headers

headers appear to be incomplete for both the validation and the confirmation email.

adapt landingpage

the landingpage should be adapted from "Überwachungspaket" to "Luftfilterbegehren"

provide tooltips in german

should be self-explanatory, e.g. "please enter an email address" on /city.html

Wollen wir jetzt >du< oder >Sie<

Wollen wir konsequent "du" oder "Sie" verwenden? Bisher wurde auf der Website überall "du", aber in den E-Mails "Sie" verwendet.

old contact routes in the database

There are still old contact routes in the database.
To be more precise: Phone, Twitter, Facebook.
These should be removed.

adapt/reduce content in /weitersagen

• which share-options do we want to keep?
  • adapt text for sharing with friends
• keep "termine" and link to c3w events?
• keep "abonnieren" and link to c3w public subscribe?

Kaputter Link zur geminden.csv

Der Link zum csv der Gemeinden ist auf "gemeinden anschreiben" sowie in der "Hall of Fame" kaputt.

Layout, nachdem man gesendet hat

Nachdem man Name + E-Mailadresse eingetragen und auf den Button "Senden" gedrückt hat, wird auf der Oberfläche weitere $Dinge angezeigt.

Diese sind:

• "Beachte:" + Text. MMn sollte nach einen Zeilenumbruch nach "Danke für dein Engagement." sein.
• Warum hat die Überschrift "Beachte:" einen Doppelpunkt? kommt sonst nirgends vor.
• Text "Falls diese Gemeinde bereits Luftfilter installiert ..." ist relativ klein. Vl könnte man das auf die Größe vom Text "Bitte gib deinen Namen sowie deine E-Mail-Adresse.." ändern.

Was noch aufgefallen ist:

• Braucht man die Input-Felder/E-Mailvorlage noch einmal nachdem die E-Mail schon an eine bestimmte Gemeinde rausgegangen ist ?
  Mein Vorschlag: Diese Felder entfernen und durch einen Button "Eine weitere Gemeinde anschreiben" ersetzen. Diese verlinkt auf "https://luftfilterbegehren.at/gemeinden/"
  Vorteil: Webseite ist übersichtlicher und man übersieht den letzten Absatz nicht.

remove link to /kontakt in FAQ

In the last question of the FAQ "Und spammt ihr mich dann zu und verkauft meine Daten?" is a link to the non existing /kontakt. Please change this to an information about our mail address.

[cities] sorting and display

• Liste alphabetisch aufsteigend sortieren statt zufällig
• PLZ zum Gemeindenamen dazu (z.B. 4020 Linz)

aus #79

adapt texts in share.html

e.g. the subject for the email is still "stoppen wir das überwachungspaket", and other passages still refer to überwachungspaket, too.

[CSS] fill full height of browser with BG color

/gemeinden/ search filter empties after pressing enter

expected behaviour: nothing (or filtering) happens.

mail.py : adapt email contents

self-explanatory

/gemeinden/ : remove dummy picture for gemeinden

replace with grey tile.

Code scanning

• static and dynamic analysis (f.e. codeQL)
• linting

[faq] remove target=_blank from links

because obviously since 1999 people have been discouraged from using it. because 1999 was yesterday. ugh.

Verlinkung zur Corona Warn App

Es fehlt noch die Verlinkung zur Corona Warn App

support smtp server other than localhost and with authentication

[footer] add link to github repo

for the nerds (hi there 👋 ) in case they want to open issues or fork the project for their own country (pls do!)

Hall of Fame

Optional, aber den Begriff "Hall of Fame" kennt man außerhalb der Gaming-Szene in Österreich nicht wirklich. Eventuell finden wir dafür einen sprechenderen Begriff. Wenn nicht, kann die Kampagne dennoch starten.

citiespage pictures / colourtheme

Change the presentation of the municipalities on the Citiespage. Drafts are already available in Paint. :D
Look at the attached colourtheme and please match the colours.

feature request: option for take-down

provide description on how to get a community removed from the tool.

where? in FAQ and city detail view
what? "Falls Ihre Gemeinde bereits Luftfilter installiert hat, oder plant, dies zu tun, entfernen wir den Eintrag gerne aus dieser Plattform. Senden Sie uns dafür eine formlose Nachricht an ."

note: we could move these entries to a "hall of fame" (list of communities that already provide CMVs).

Fortschrittsbalken

Aus UI Perspektive würde auf der Frontpage ein Fortschrittsbalken Sinn ergeben, der angibt wie viel Prozent der Gemeinden bereits das Begehren umgesetzt haben. Aus der UX-forschung wissen wir, dass solche Balken stark beim Engagement helfen.

Nicht Teil von #28 weil IMHO nur optional.

use correct contact for Vienna

it's probably MA19, neither stadtschulrat nor bezirksvorstehung(en).

needs to be checked though:
https://www.wien.gv.at/stadtentwicklung/architektur/aufgaben.html

move corona consequences from faq to gesprächsleitfaden

and link to GLF from FAQ.

confirmation mail subject uses formal german

says:

Vielen Dank für Ihre Teilnahme auf luftfilterbegehren.at

should say:

Vielen Dank für deine Teilnahme auf luftfilterbegehren.at

Menü Highlightning

Das Highlighting von "Gemeinden anschreiben" sowie "Hall of Fame" im Menü ist kaputt. Diese Seiten sollten markiert sein, wenn man sich auf ihnen bedindet.

adapt/reduce content in /faq

pretty much self-explanatory.

[faq] different typefaces?

as far as I can tell, the font size and maybe even type are different in the question and answer sections (see screenshot). looks a bit strange, should be adjusted.

Favicon

Change the Favicon.

post-mail pages layout

visual style elements (buttons, arrows) and text clash w.r.t. alignment - buttons and arrows are centered while text is aligned left (with different paddings none the less 😅 )

IMO, all items should be centered to have a coherent layout.

remove picture from detailpage

On the detail page "Municipalities" the picture is to be removed.

[navigation/title bar] site title out of line

"Luftfilterbegehren" is out of alignment when looking at the navbar.

use color scheme with proper contrast

e.g. on act/city.html, currently text in the box is light gray on white background. too little contrast.

support postgresql

feature request: hall of fame

as mentioned in #8 : add a flag to the city model that can be used for entry in hall of fame and as a switch for the city list.

flag = "has_cmv"
false = "negative" color in city list, email form in detail view; has no entry in hall of fame
true = "positive" color in city list, no email form in detail view (rather, info that they state they already have CMV in place); has entry in hall of fame

flabbering on cities-page

After searching something on the cities-page the page flabbers and the cities-table seems defect. Please fix.

Texte Gesprächsleitfaden

Die Texte im Gesprächsleitfaden müssen noch angepasst werden.

Dritter Wert für den Fortschrittsbalken

Fortschrittsbalken: Dritten Wert einführen (zusätzlich zu "haben schon" und "haben noch nicht") nämlich "wollen nicht" ?

missing link on homepage

Auf der Startseite sollte unter "schreib jetzt deine Gemeinde an!" ein link auf Gemeinden kontaktieren hinterlegt werden. Durch die optische hervorhebung und den Text wirkt es nämlich als starker aufruf sofort etwas zu klicken.

[gemeinde] add information on sending mail

• unter "E-Mail senden:" Infotext, dass bitte alle Felder ausfüllen und Mailversand erst wenn Link in Validierungsmail geklickt wurde.
• "Deine E-Mail-Adresse" statt "E-Mail"
• schließendes Anführungszeichen fehlt bei "wenn gemeinde schon cmv hat"

Kaputte Links auf Startseite

Die Links "Gemeinde kontaktieren" und "Weitersagen" funktionieren nicht.

[unterstützer] remove page

• has no additional information value (covered in FAQ)
• drop it like it's hot.