okfde / 2013.archiv.codefor.de Goto Github PK

View Code? Open in Web Editor NEW

153.0 40.0 142.0 323.13 MB

The old website for Code for Germany, 2013 edition. Includes the blog, projects list and basic info about the group.

Home Page: https://2013.archiv.codefor.de

License: Other

HTML 82.16% Ruby 0.02% Python 0.83% JavaScript 8.10% CSS 1.45% SCSS 7.44%

2013.archiv.codefor.de's Introduction

CodeFor.de

These are the source files for the Code for Germany Website.

Setup

You can easily do edits and preview changes on github. But if to want to preview your edits or do bigger changes, you need a local setup.

For that you first need to install git, Ruby and gem.

Then clone this repository by invoking the following in a terminal, presuming you know how to get there:

git clone https://github.com/okfde/codefor.de.git

Install Ruby and gem. Then get the dependencies:

sudo gem install bundler
bundler install

You can now build the site and serve it:

bundler exec jekyll serve

This command will give you a link where you can preview your changes in your browser. Make sure to call bundler update from time to time to keep the dependencies up to date.

Notes

Please use mobile friendly filesizes for images.
You can set a teaser for texts by defining it in the frontmatter: excerpt: "<TEXT>".
The teaser for an image can be set with imgname-teaser: "<[RELATIVE] PATH TO IMAGE>".

Update avatars

There's a python script to save all GitHub avatars into the repository:

virtualenv .env
source .env/bin/activate
pip install -r requirements.txt
python update_avatars.py
deactivate

License

Source Code: MIT

Blog Posts and Other Content: Creative Commons BY 3.0 DE

2013.archiv.codefor.de's People

Contributors

Stargazers

Watchers

Forkers

opendatalab-de marcel12bell milafrerichs marhem andylnd moklick stheophil lplotni mattfullerton netaction robtranquillo digisus codeforhamburg danster77 nikriek philippgeisler thomersch marcelloceschia bastire birgitfullerton nepomunich jo-fu furukama marhai johnjohndoe mwebtechnik kirel codeforpb macx halfbyte mazemilian elf-pavlik codeformuenster lhm christiansch notapirate j4m410 dirkschumacher stekhn happy-koala schnuko konstin felixkqb stkdiretto aliirz k-nut namnatulco vavoida ndldd choefele acidburn0zzz opendataffm kybernetik meriland chk1 metawops nucsum balzer82 kiliankoe obstschale ubergesundheit michael-k idna12 debvortex riedelwerk hanswashere sidrg efrane offenesjena webwurst zfhui opendatal lundelius kannes serofax karen-sch dataista marcoola narigo toxic2302 codeforfrankfurt jannefleischer codeforsweden cfleschhut weiland cknebel philninh mraerino jennyruhland sicaaa mechtecs hatorikibble nicolajkirchhof disegnovitruviano openknowledgelabhannover mandyr initiativedigitalethemen fuzzylogic2000 romika fuergestalten

2013.archiv.codefor.de's Issues

Links from projects to labs are broken

To reproduce:

Go to project overview: http://codefor.de/projekte/
Check out where the OK Lab links lead to: right back to http://codefor.de/projekte/ instead of the lab
Go to a project's page, e.g., http://codefor.de/projekte/2011-12-31-buergerbautstadt.html
Again, the link to the OK Lab leads nowhere.

That is, because the hrefs are empty.

assets/blog/muenchen

Bitte den Ordner assets/blog/muenchen anlegen.

Oder mir kurz sagen, wie das geht, konnte nichts finden, bin aber auch neu als aktiver github User. :-)

Danke,
Marcus

Afaik all projects are tagged with In progress ... which is misleading for visitors or even members of the labs. Finished projects such as the Tempelhofer Feld should be marked as finished and projects without active members should tell about what they are searching for such as developers, ...

Another option would be to display the latest activity of the project on GitHub such as: latest commit: 2 days ago or similar.

multilingual content

i would like to help with making it possible to besides publishing content in german also to have english version. IMO in software world english language acts as Lingua franca

Einzelseiten eines Blogpost werden nicht korrekt gerendert

Links sind nicht als solche umgewandelt (siehe http://codefor.de/blog/2014/04/14/Gruendung-OK-Lab-Chemnitz.html)

Ulm: Please add additional info

Is there a link to a finished Kita project?

Can we create individual projects for "PROJEKTE RUND UM ULM"?
@berb

Rendering der Blogübersicht falsch

Es werden keine einzelnen Absätze erstellt, sondern ein durchgehender Textblock. Deswegen musst ich in dem Blogpost von Chemnitz <br \> einfügen, um Absätze zu bekommen (mit <p> hat es in der Übersicht keine Links gerendert)

Siehe http://codefor.de/blog/

Anchors in Subsites

Es wäre schön, direkt mittels http://codefor.de/ulm/#projects auf unsere Projekte verlinken zu können. Die h3 sollten also mit Ankern versehen werden.

Sort "Termine" by date

Right now the events are unsorted/displayed as specified in https://github.com/okfde/codefor.de/blob/gh-pages/_data/events.yml. This leads to confusing arrangement of events, see screenshot.

Unfortunately this issue cannot be solved by the "standard" sorting way and would need some adaptions to the event-model.

day-nr and month should be merged into a yyyy-mm-dd formatted date
The events.html needs to be adapted to use this date format by
- splitting the date into $d, $m, $y
- and construction month from $m and $y using a lookup table for "month names"

Is this wanted? Will someone take over this issue?

I could start working on it myself but that would take some time ;)

München Defibrillatoren in OSM: Please add additional info

Add link (if there is a link)
Add photo
@MarHai

München How-To Datenjournalismus: Please add additional info

Missing picture
Missing description
Missing link
From "in progress" to "finished"?
@MarHai

Avatar Download

das Pythonscript mag es nicht, wenn da ein Member keinen Namen hat. Vielleicht kann man das ja abfangen.

DEBUG:root:Processing Lab giessen/index.html
DEBUG:root:Processing Lab Member None
DEBUG:root:Checking github for None
Traceback (most recent call last):
File "download_avatars.py", line 55, in
main()
File "download_avatars.py", line 45, in main
image_url = get_image(username)
File "download_avatars.py", line 14, in get_github
response = requests.get('https://api.github.com/users/' + username)
TypeError: cannot concatenate 'str' and 'NoneType' objects

No projects are shown for Stuttgart

Köln Trinkwasser: Status

status still "in progress"?
@marcel12bell

Progress Bar (Startseite)

Code for pakistan has a great counter on their homepage: http://codeforpakistan.org/
Would be great to also have something similar on our website: Counting Members, Repos etc.

Restructure HTML source

The HTML and CSS classes are a mess:

Most pages do not have any H1-Tags, but H2 and H3 as first headline. The oklabs-Page for example has none at all.
Bootstrap's structure is often violated. Bootlint may help to check the errors.
- There is no common theme defining the usage of the Bootstrap grid system
- Why do we only use 10 of 12 columns? (+1 offset)
- Sometimes jumbotrons are used, but under which conditions?
There are many useless divs
How about a sitemap?
IMHO the padding is too damn high, I scrolled to death :-(

Magdeburg: Please add additional info

Is Rechtegewalt still "in progress"?
@filter1

Blog pagination is enerving.

I'd like to get a quick overview about the last blog posts, without having to click, scroll, click, scroll and so forth.

München finder app: Please add additional info

Is the defibrilatoren app an add-on to the finder app? Should it be its own project?
@MarHai

Münster OffenerHaushalt: Please add additional info

-Missing picture
-Is the status still "in progress"?
@milafrerichs

Events of all cities on front page

The upcoming events of all cities should be displayed on the front page. This will make it easier to see what is going on in all the OK Labs.

Some broken links on projects page

I think the links are relative instead of explicit. Just filing a ticket now and I can go back later and fix them.

Beginners Info

Ich hab hier einen Link: https://docs.google.com/document/d/11zGFROsyVcHeJDA0YKJZQRZjZfCN4V_uCnTbu4rYgHg/edit

Da sollen laut @juliakloiber erstmal die Infos für Neulinge rein. Doch wo soll ich den Link jetzt auch die Webseite setzen? Es soll ja für generelle Fragen herhalten können und deshalb sehr präsent sein.

Berlin Weihnachstmärkte: Link + Status

-Status: 'In progress'?
-Link: Only to github
@tursics

München Transparent: Please add additional info

Missing link
Missing picture
From "in progress" to "finished"

http://codefor.de/projekte/2014-07-14-Muenchen-Transparent.html

the "Improve this map" link in the embedded mapbox leads to a 404

Add 'edit this page' link on codefor.de

I think it would be easier for new people to edit/create pull requests when there is an link to the coresponding file on github. For example on http://codefor.de/muenchen/ there should be a link to https://github.com/okfde/codefor.de/blob/gh-pages/muenchen/index.html

Scrolling unterhalb der Karte auf Smartphone nur schwer möglich

Mir ist vorhins aufgefallen, dass man nicht unterhalb der Karte kommt, wenn man mit dem Smartphone browst. Man kann nicht weiterscrollen, weil man in der Karte scrollt und zurück geht auch nicht, weil die Karte den ganzen Bildschirm einnimmt.

Wenn man schnell scrollt und die Karte überscrollt wird, geht es.

Presse Links adden

http://www.sz-online.de/nachrichten/studenten-helfen-bei-der-parkplatzsuche-3128007.html
http://www.tagesspiegel.de/berlin/architekturfestival-makecity-in-berlin-wie-aktivisten-die-stadtplanung-transparenter-machen/11920360.html

Hamburg: Kita Finder Photo

-Change photo for consistency

Münster Weihnachtsmarkt app: Please add additional info

-Status: still "in progress"?
-Missing photo
@milafrerichs

Berlin Vornamen: Add photo

-Missing photo

Advertise new projects

New projects are added to the cities at random times. Visitors of the website have a hard time noticing them. One could navigate to /projekte/alle/ and scroll to the end of the page to find new projects. But this requires the knowledge that the list of all projects is sorted this way. This is not obvious.

Room for improvement

New projects should be listed at the top of the page of all projects
The sorting order for the list of all projects must be made explicit
A list of recently added projects might make sense

tbc.

Clean the root?

It's a pain to look at the root, how about...

move oklabs into an own folder? E.g. /oklabs/paderborn/index.html
put all Pages into an subfolder? Maybe altering it from /pagename/index.html to /pages/pagename.html
move the Apple icons into a subfolder of img?
put all assets together? E.g. /assets/css/... and /assets/img/...

Search is missing.

Search will only work if GitHub's automatic deployment via gh-pages branch is abandoned and seperated (self-rendered) branches for source and gh-pages are being used.

As an intermediary, @jochenklar, I could offer to deploy some CI so we run the plugins ourselves, after a Post Receive Hook has been triggered.

What'cha think?

Replace gMaps with OSM

Ahoj,
how about replacing the proprietary Google Maps with OpenStreetMaps? Open Knowledge, free software and so on...

"Rückblick 2014" aus Header entfernen.

Jetzt ist schon 2016 aber im Header ist immer noch der Rückblick für 2014 verlinkt.

Ich finde, dass das ein bisschen unaktuell wirkt und wir es zumindest da oben entfernen sollten.

Meinungen?!

connect with cfapi

https://github.com/codeforamerica/cfapi

"The Code for America API. Tracks and motivates activity and participation across the civic technology movement. http://codeforamerica.org/api"

i would also like to try that participants of different brigades contribute to same projects, related issue: codeforamerica/cfapi#117

maybe not the top priority issue but if someone would like explore cfapi, i would happily sit down and take a look at it together!

Leipzig Kitas Verzeichnis: Link

-Demo Link not found
@RicardoUsbeck

Münster Wahlprogramm: Please add additional info

-Status is still "in progress"?
-Typo --> "WAHLPROGRGAMM"
@milafrerichs

Lizenz nicht im Repository angegeben, Lizenz für Code fehlt

Im Repository ist eine Lizenz nicht angegeben. Die Datei LICENSE.md im obersten Verzeichnis des Repositories ist die vom HTML5 Boilerplate. Das liegt daran, dass die Dateien des HTML5 Boilerplate einfach in das oberste Verzeichnis des Repositories abgekippt wurden. In der Datei impressum.html steht, dass die Inhalte der Seite unter einer Creative Commons CC by 4.0 Lizenz stehen.

Daraus ergeben sich verschiedene Probleme:

Alle Dateien einfach im obersten Verzeichnis des Repositories "abzukippen" macht es unübersichtlich und führt zu Problemen mit Lizenzen von Third-Party-Software, wie z.B. HTML5 Boilerplate. Die Dateien für die Site sollten also in ein Unterverzeichnis verschoben werden.
Die Lizenz für die Inhalte ist nur in impressum.html zu finden. Diese sollte aber auch mindestens in der README.md angegeben sein.
Es gibt keine Lizenz für den Code. Eine Creative Commons ist nicht gut für Code geeignet. Hier wäre eine Lizenz zu wählen, die mit denen der eingesetzen Third-Party-Software kompatibel ist.

Karte: Klick auf Label vs Pin (Gmap -> OSM Migration)

Auf der Karte ist es möglich, sowohl per Klick auf das Label als auch den Pin zum entsprechenden OK Lab zu gelangen. Komisch wird's aber an den Stellen, wo sich Labels und Pins überschneiden: Die Labels überlagern zwar die Pins, dennoch führt einen ein Klick auf den Überschneidungsbereich auf das Ziel des Pins. Bsp Label OK Lab Ulm, wo der Pin für München drunter liegt.

Oehm, ist das Problem klar geworden? ^^

Köln Defibrillatoren: Link + Status

-Status still "in progress"?
-Link doesn't work
@marcel12bell

Link zu 'Neues Mittglied hinzufügen' für Städte anpassen

Der Link hinter dem Button auf allen Städte-Subseiten führt zur Editor-Ansicht der Berliner index.html statt zur Index-Seite der jeweiligen Stadt

Typo im Code of Conduct

http://codefor.de/code-of-conduct/

Fehlerhaft:
Die Projektleitung von Code for Germany sollte informiert und einbezogen werden, um die ähnliche Konflikte in Zukunft besser lösen zu können.

Korrekt:

Die Projektleitung von Code for Germany sollte informiert und einbezogen werden, um ähnliche Konflikte in Zukunft besser lösen zu können.

(ein "die" ist zu viel).

Markdown links don't work in projects overview (but in single project page)

In a Lab's projects overview page, when the project description contains Markdown links, they don't work. See this screenshot:

The single project page, however, can display the Markdown link correctly, as shown here:

Add Slack to website

Add Slack to website so new people can find it easily.
https://openknowledgegermany.slack.com

How to create a Pressespiegel list

What's the best way to create a clean bullet point-style list of press links with date, title, and press organization? @RU-Alex