created a user-facing page

frontend.py

@@ -76,6 +76,13 @@ def login_post():
     return dict(error='Authentication failed.')
 
 
+@get('/city/<city>')
+@view('/template/user-facing.tpl')
+def city_page(city):
+    # :todo how can we transfer the city name to the wrapper template?
+    pass
+
+
 @get('/settings')
 @view('template/settings.tpl')
 def settings(user):
@@ -92,6 +99,11 @@ def static(filename):
     return bottle.static_file(filename, root='static')
 
 
+@get('/guides/<filename:path>')
+def guides(filename):
+    return bottle.static_file(filename, root='guides')
+
+
 @get('/logout/')
 def logout():
     # clear auth cookie

template/user-facing.tpl

@@ -0,0 +1,114 @@
+% rebase('template/wrapper.tpl')
+
+<h1>Wie funktioniert Ticketfrei?</h1>
+<p>
+    Willst du mithelfen, Ticketkontrolleure zu überwachen? Willst du einen
+    Fahrscheinfreien ÖPNV erkämpfen?
+</p>
+<h2>Ist es gerade sicher, schwarz zu fahren?</h2>
+<p>
+    Schau dir einfach das Profil unseres Bots an:
+    <a class="https" href="https://twitter.com/nbg_ticketfrei">https://twitter.com/nbg_ticketfrei</a>
+</p>
+<p>Hat jemand vor kurzem etwas über Kontrolleur*innen gepostet?</p>
+<ul>
+    <li>
+        Wenn ja, dann kauf dir vllt lieber ein Ticket. In Nürnberg haben wir
+        die Erfahrung gemacht, dass Kontis normalerweile ungefähr ne Woche
+        aktiv sind, ein paar Stunden am Tag. Wenn es also in den letzten
+        Stunden einen Bericht gab, pass lieber auf.
+    </li>
+    <li>
+        Wenn nicht, ist es wahrscheinlich kein Problem :)
+    </li>
+</ul>
+<p>
+    Also, wenn du weniger Glück hast, und der erste bist, der einen Kontrolleur
+    sieht:
+</p>
+<h2>Was mache ich, wenn ich Kontis sehe?</h2>
+<p>Ganz einfach, du schreibst es den anderen. Das geht entweder</p>
+<ul>
+    <li>
+        mit Mastodon
+    </li>
+    <li>
+        über Twitter
+    </li>
+    <li>
+        oder per Mail, falls ihr kein Social Media habt.
+    </li>
+</ul>
+<p>
+    Schreibe einfach einen Toot oder einen Tweet, der den Bot mentioned, und
+    gib an
+</p>
+<ul>
+    <li>
+        Wo du die Kontis gesehen hast
+    </li>
+    <li>
+        Welche Linie sie benutzen und in welche Richtung sie fahren.
+    </li>
+</ul>
+<p>Zum Beispiel so:</p>
+
+<img src="/guides/tooting_screenshot.png" alt="Screenshot of writing a toot" />
+<img src="/guides/toot_screenshot.png" alt="A toot ready to be boosted" />
+
+<p>
+    Der Bot wird die Nachricht dann weiterverbreiten, auch zu den anderen
+    Netzwerken. Dann können andere Leute das lesen und sicher vor Kontis sein.
+</p>
+
+<p>Danke, dass du mithilfst, öffentlichen Verkehr für alle sicherzustellen!</p>
+
+<h2>
+    Kann ich darauf vertrauen, was random stranger from the Internet mir da
+    erzählen?
+</h2>
+<p>Aber natürlich! Wir haben Katzenbilder!</p>
+<p>
+    Glaubt besser nicht, wenn jemand postet, dass die Luft da und da gerade
+    rein ist. Das ist vielleicht sogar gut gemeint - aber klar könnte die VAG
+    sich hinsetzen und einfach lauter Falschmeldungen posten.
+</p>
+<p>
+    Aber Falschmeldungen darüber, dass gerade Kontis i-wo unterwegs sind?
+    Das macht keinen Sinn. Im schlimmsten Fall kauft jmd mal eine Fahrkarte
+    mehr - aber kann sonst immer schwarz fahren.</p>
+<p>
+    Also ja - es macht Sinn, uns zu vertrauen, wenn wir sagen, wo gerade Kontis
+    sind.
+</p>
+<h2>Was ist Mastodon und warum sollte ich es benutzen?</h2>
+<p>
+    Mastodon ist ein dezentrales soziales Netzwerk - so wie Twitter, nur ohne
+    Monopol und Zentralismus. Ihr könnt Kurznachrichten (Toots) über alles
+    mögliche schreiben, und euch mit anderen austauschen.
+</p>
+<p>
+    Mastodon ist Open Source, Privatsphäre-freundlich und relativ sicher vor
+    Zensur.
+</p>
+<p>
+    Um Mastodon zu benutzen, könnt ihr euch einen Account zB bei einer dieser
+    Websiten besorgen:
+</p>
+<ul>
+    <li>
+        <a href="https://queer.party/about">https://queer.party/about</a>
+    </li>
+    <li>
+        <a href="https://soc.ialis.me/about">https://soc.ialis.me/about</a>
+    </li>
+    <li>
+        <a href="https://kitty.town/about">https://kitty.town/about</a>
+    </li>
+    <li>
+        <a class="https" href="https://social.coop/about">https://social.coop/about</a>
+    </li>
+    <li>
+        <a class="https" href="https://awoo.space/about">https://awoo.space/about</a>
+    </li>
+</ul>