Giter VIP home page Giter VIP logo

landingpage-freifunkfranken's People

Contributors

mojoaxel avatar sebastian-schmid avatar stilgarbf avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Forkers

cheldt

landingpage-freifunkfranken's Issues

Impressum

Das Impressum sollte nicht auf eine Privatperson verweisen. Evtl. ist es möglich den "Freie Netze e.V." hier einzutragen?

Typografie

Ich bin kein Experte in Typografie, finde nur die Mischung aus Schrift mit und ohne Serifen unschön.
Die Hauptüberschrift ist mit, die untergeordneten Headlines ohne. Der Text wieder mit - außer im aside, wo wieder alles ohne Serifen ist.

Als Hauptschriftart wird font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", georgia, serif; angegeben. Ich nehme aber an, dass FF Tisa bei den wenigsten Nutzern installiert sein dürfte. Ebenso wie proxima nova als serifen lose Schrift.

Webfonts irgendwoher einbinden sollten wir meiner Ansicht nach sein lassen, da die Seite einen möglichst schlanken Footprint haben sollte.

Vorschlag: Analog zu den Freifunk-Seiten nur Serifenlos.
Fallbacks weg. einfach nur font-family: sans-serif; denn: http://css-tricks.com/sans-serif/

Landingpage nur im Browser anzeigen

Es gibt auf mobilen Geräten einige Apps die Ihre Daten über HTTP senden/empfangen. Falls dies unverschlüsselt auf Port 80 geschieht kommen die Daten nicht durch, bis der Benutzer den Browser geöffnet hat und den Access-Button betätigt hat.
Die Landingpage-Sperre sollte nur bei Browser-Anfragen kommen.

Nach Bestätigungsbutton unklar

Ich finde es ist unklar was nach dem klicken des Bestätigungsbuttons passiert.

Vllt sollte man da nicht nur schreiben "Sei einfach frei...."

Sondern auch explizit: Du kannst jetzt los surfen.

Der Benutzer soll auf die gewünschte Seite weitergeleitet werden

Der Benutzer wird durch die Landingpage beim Surfen unterbrochen. Wenn der Benutzer auf "Weitersurfen" klickt soll er automatisch zu der vorher gewünschten Seite weitergeleitet werden.

Eigentlich sollte das bereits funktionieren (siehe #24) aber es gibt im Realbetrieb noch Probleme.

Wozu die 2. Seite? bzw Optimierung Seite 1.

Mir ist nicht ganz klar wofür die 2. Seite gedacht ist.
Hier wird ja aktuell der Nutzer "im Internet begrüßt" (überspitzt)

Die landingpage erfüllt ja den Zweck, den Nutzer zu informieren, dass er sich im Freifunk-Netz befindet. Die sollte Infos anbieten was das bedeutet, Links zu detaillierten Texten.
Der Link "Weitersurfen" sollte den Nutzer eher auf die von ihm aufgerufene Seite weiter leiten.
Da noch was nachzulagern und mitzuteilen: Jetzt darfst du los legen - finde ich unnötig.

Vielmehr sollten wir planen

  1. was unbedingt auf die Startseite soll
  2. Welche Informationen direkt erreichbar sein sollten, also hier verlinkt werden müssen/sollten.

Den Image-Film auf Seite 2 sollten wir IMHO verlinken. Der bringt einem regelmäßigen Nutzer keinen Mehrwert.

zu 1. :

  • was ist FF?
  • Sicherheitshinweis

zu 2. :

  • Link zu FreifunkFranken - Startseite
  • ggf Link zu Rechtlichen Hinweisen
  • Link zu Detaillierten Sicherheitshinweisen (TOR, https, sicherer mailversand, Homebanking via FF? ....

All diese Zusatzinfos sollten meiner Ansicht nach auf die FreifunkFranken Seite, da sie auch für alle Nutzer dort relevant sind.

Positionsabhängige Inhalte

Es soll die (GPS) Position des Benutzers ermittelt werden. Entprechend der Position sollen dann zuätzliche Informationen über offizielle benachbarte Knoten und ggf. deren Sponsoren angezeigt werden.

Mesh Animation

Es wäre evtl. ganz nett die Seite durch eine Mesh-Animation aufzupeppen.

Domain unschön

Ich finde es unschön und unseriös wenn in der URL mojoaxel usw angezeigt wird.

Können wir das unter der Domain Freifunk-Franken hosten? Evtl n Job einrichten der immer den aktuellen Source aus dem Git holt?

Grüße
Johannes

Opt-Out Funktion

Der Benutzer (nennen wir ihn einfachkeitshalber "Tim") möchte gerne ein Häckchen setzen können "Nie wieder anzeigen" durch das das Einblenden der Landingpage für diesen Client deaktiviert wird. Wie könnten wir das realisieren?

Logo als SVG

Das Logo könnte als SVG-Grafik zusammen mit einem PNG-Fallback eingebunden werden.

Hinweis auf https everywhere

Als Vorschlag um möglichst viel https Traffic zu erreichen.

" Dies erreichst Du unter anderem indem Du https verwendest! Als einfache Hilfe kannst du Dir dieses [Link/Plugin] installieren um möglichst oft verschlüsselt zu surfen."

User-Statistik einbauen

Wäre toll, wenn wir User-Daten z.B. Piwik hätten. Frage ist nur ob wir das aus Datenschutzgründen wirklich alles sammeln wollen?

JS Fehler durch createAccessButton in script.js

in der script.js wird ein Fehler geworfen, "Uncaught TypeError: Cannot call method 'split' of undefined "

Auslöser ist das verarbeiten eines nicht vorhandenen hash aus der URL.
Ich kann das beheben, weiß aber nicht genau was das Ziel da ist.

Wo sollen die Parameter Access und req her kommen?

Ich vermute, dass da irgendwie die ursprüngliche URL durchgereicht werden soll. ist das korrekt?

Der Code in createAccessButton enthält ein log und kann auch noch optimiert werden. - würde ich auch übernehmen.

In jedem Fall verhindert der JS Fehler auch die Ausführung der restlichen Scripte.

Dreigliederung der Landingpage

Servus,

nur mal als abstrakte Idee: Vielleicht sollte man die Landingpage dreigeteilt machen. Sprich zum einen einen Platz für den Knotenbetreiber, zum anderen Platz für Freifunk, und zum dritten Platz für den der den Gateway bezahlt/betreibt.

Ist aber nur eine Idee, de facto könnte man ja für jeden Gateway die Seite entsprechend modifizieren.

Mehrsprachigkeit

Die Seite sollte mehrsprachig werde. Je nach dem wie der Browser des Benutzers eingestellt ist soll die entsprechende Sprache angezeigt werden.

Zu viel Text oder TLDNR

Es wurde kritisiert, dass die Seite zu viel Text enhällt, den sowiso keiner liest.
Die einzelnen Textblöcke sollten beim Laden "eingeklappt" sein und erst auf Wunsch des Benutzers "herausfahren".

Android feedly - Landingpage löst Fehler aus

Feedly bekommt die Landingpage verabreicht und präsentiert dann einen Fehler
screenshot_2013-08-26-12-54-55

Ich würde vorschlagen, wir legen eine WikiSeite an, auf der wir solche Fehlerfälle sammeln.
App, System, User-Agent etc

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.