code-for-all/codeforall.org

Code for All Website

Code for All is a network of civic technology groups across the world.

Goals

There a few goals with this website:

1. Show the collected activites of the Code for All network.
2. Promote the work of the Code for All partners.
3. Host tools needed by the network.
4. Attract people to the Code for All network

Development

This site is built with HTML, CSS, Javascript. It runs on jekyll and is hosted by GitHub Pages.

1. Create a fork of this project
2. Clone the fork to your computer
3. cd codeforall.org into the directory
4. Install Ruby (we recommend version 2.5.3) and bundler (gem install bundler)
5. Run bundle install
6. run jekyll serve . from the root of the project
7. Open the site at http://localhost:4000
8. You can now manipulate the files and refresh your browser to see the results
9. When finished, commit your changes and push them to your fork
10. Create a pull request

Resources

The data about the Code for All groups is pulled from the Code for America API. The work on that project is happening under the cfapi repository.

Map data available from Natural Earth Data

Contacts

• Krzysiek Madejski (KrzysztofMadejski)
• Milo van der Linden (milovanderlinden)

Submitting an Issue

We use the GitHub issue tracker to track bugs and features. If you're not used to that, here's a quick video intro.

Before submitting a bug report or feature request, check to make sure it hasn't already been submitted. You can indicate support for an existing issue by voting it up. When submitting a bug report, please include a Gist that includes a stack trace and any details that may be necessary to reproduce the bug.

codeforall.org's Issues

The Civic Tech Playbook for Canadian Municipalities: A guide to engaging with your local civic tech community

Code for Canada just published an alpha version of a civic tech playbook for Canadian municipalities. It’s designed to help municipal governments understand how to engage with their local civic tech communities. Check it out here!
https://docs.google.com/document/d/1x0DY-VPnai2Fx1eyjItqp5oi6sTet0HJOVm5VSwAmHo/edit

Apolitical: Digital Government Atlas

https://apolitical.co/solution_article/the-digital-government-atlas-the-worlds-best-tools-and-resources/

Code for Australia fellowship case studies

Nesta DIY toolkit

https://states-of-change.org/resources/diy-toolkit

Add https://mattermost.com/nonprofit/

Remove "Stories" page from webpage

Remove page Stories from the menu

Fixxx methodology

Johan said

"Fixxx" method (fast innovation Amsterdam, a design thinking + lean startup + agile development method), we start with 2 weeks discovery (documenting people, process, products), then 2 weeks ideation (generating a lot of minimum viable solutions), and only then start iterative prototyping/agile development 'in situ' (in the actual process context); we do all steps with the full team (designer + coders + product strategist + scrum master). We use a model in which there is a go-no go at the end of each phase and each sprint

@jgroenen do you have this process documented. Could you share the link?

Re-structure the website (change page tabs/sections)

Please check out the mock-up below to see how we'd like to clean up / re-structure the website:

https://www.figma.com/file/aVjcg5XjkCwqwvVvAZwE0Q/Mockup?node-id=3%3A120

With this new structure, we'd like to add in a new section under 'Programs' for our new Communities of Practice (CoP) program (you can see an example of this on the mock-up above)

Projects: add disaster relief toolkit

CfAmerica webinars

https://www.youtube.com/playlist?list=PL65XgbSILalVt7-keqNs83uNhq0-usIJe

Ciudadania Inteligente as new affiliate

Make a PR that includes:

• Add your organization to https://github.com/Code-for-All/codeforall.org/blob/gh-pages/_data/organizations.json using tags Code for All and Code for All Affiliate
• Put your logo under /assets/images/partner logos/<your-organization-name-slug>.jpg. If you choose png or other format please use logo_url attribute in organizations.json to specify absolute path (like above) to logo. Example: /assets/images/partner logos/code-for-france.png
• Add your country to _data/countries.json

Remove section in the Home Page

Code for All Home Page currently contains the following sections:
-About us (image and text)
-Learn how we work
-Our partners (map)
-Our supporters
-What we had been up to
-Footer

Remove section "Our supporters".

Update Civic Tech Sweden's logo on the Members page.

Please change Civic Tech Sweden's logo on the world map and under the 'Affiliate Members' section on the Members page of the website.

World Map:

Affiliate Members section:

New Logo:

Create per-page descriptions

main Code for All logo is low resolution

https://codeforall.org/assets/images/homepage/logo.png should be made 2x in size so it doesn't look blurry on "retina" screens

Text on the map should be a different color

When moving the map around and the text lands over a partner country, it becomes unreadable:

Updated logos in the gh-pages branch, change not visible

I have changed the gh-pages branch; added 2 logos and changed the code slightly that gets the logos. But the change is not visible. Is something wrong or are the pages hosted elsewhere then on github pages?

Update the link to "Propose new resource"

So it goes to issue template

Resources

@KrzysztofMadejski what kind of resources are you looking for, and what do you want to do with them?

Add resource: https://grants.g0v.tw/power/en/

Resource: https://intact.gitbook.io/intact/

Add new page "Programs" on the website

Code for All webpage has the current pages:

• About us
• Members
• Projects
• Stories
• Resources
• Contact Us

Add a new page called Programs

Waag

https://waag.org/en/our-toolkits

digital-outreach-playbook

https://www.codeforamerica.org/resources/digital-outreach-playbook

Reporting: http://stephanieevergreen.com/the-1-3-25-reporting-model/

This one actually http://stephanieevergreen.com/why-no-one-is-reading-your-report/

Edit world map

Please edit the world map so that the Crimean Peninsula is not coupled with Russia

https://thelivinglib.org/

to put in Digital Government section

Code for Eindhoven fellowship evaluation

17 09 19 Code for Eindhoven Evaluation.pdf

Add resource: alidade.tech

Section: assesing needs for tech

http://selfcare.tech/

Blank website

Click on any menu item on top. When page loads click on the same menu item again. The content will be moved and the top will be blank.

Change description in Our Supporters section

Change the description of “Our supporters” section.

Before: Our awesome grant-givers

New text: Our main strategic partner and awesome grant-givers

Add footnote

Add footnote: Code for All is supported by ePaństwo Foundation

Text color: #126491

Code for Hungary as new affiliate

Make a PR that includes:

• Add your organization to https://github.com/Code-for-All/codeforall.org/blob/gh-pages/_data/organizations.json using tags Code for All and Code for All Affiliate

• Put your logo under /assets/images/partner logos/<your-organization-name-slug>.jpg. If you choose png or other format please use logo_url attribute in organizations.json to specify absolute path (like above) to logo. Example: /assets/images/partner logos/code-for-france.png

• Add your country to _data/countries.json

• Add link to organization website (when present)

More resources:

• OpenUp course
• Onboarding and government trello cfaus
• Commons. Africa
• Civic commons

More explanations about How we work

• LEARN MORE HOW WE WORK - explanations + links

Add sections in "Program" page

The page "Program" will have two sections:

-Communities of Practice
-Exchanges

The sections will have the same structure as the Resources page.