There are a bunch of pages on the old Brigade site. We need to decide which ones can be removed.

I've already pulled almost all of the pages and content over and put it into a minimal html skeleton. http://codeforamerica.github.io/brigade-alpha/activities/ as an example.

Before we spend a bunch of time designing these to look better, we should remove the ones we don't need.

Tasks

• Check the Google Analytics for the Brigade site.
• Check with Brigade team which ones they want.
• Ask Captains which ones they use?
• Destroy nonuseful pages without remorse.

Description

The Brigade sign up form has check boxes for Government employee and Organizer. What do those mean?

Tasks

• Write short descriptions of what we mean
• Show helper text

The Brigade overlay spacing is all borked in the new Firefox

either just have the marker or use the Brigade icon.

Steps to reproduce:

1. Load a brigade e.g. http://codeforamerica.org/brigade/index/Open_Oakland
2. Navigate to a brigade event.
3. Use browser back button to return.
4. Click a different brigade map marker.

Expected: The other organization’s overlay is loaded into the side panel.

Observed: The entire page is loaded into the side panel.

Description

When visiting an individual Brigade such as http://brigade-alpha.codeforamerica.org/index.php/Code for Pakistan the geolocation rips you away from Pakistan back to where you're sitting.

Files

js/map.js

Tips

• Look at the URL to see if there is a Brigade name there.
• If no, do the geolocation.

The new Code for America site is really well designed. The new Brigade website should match this styling, especially as we will be changing the url to /brigade in #7.

The largest change would be using the map of Brigades instead of the large header photo.

At the least we could use the CfA header as it is when shrunken.

We could use the CfA footer too.

Needs work.
suggestion:
left align "Brigade Sponsor:" place logos horizontally next to it

make grey so it's not so stark?

I’m seeing references to js/brigade-signup.js but it doesn’t exist.

Should be consistent with the rest of the site.

I’m seeing references to js/brigade-signup.js but it doesn’t exist.

Details

The Brigade overlay should have all the info on it, no need for another smaller popup. have the Brigade name link to their website.

Files

js/map.js

Tasks

• Remove .brigade-pin-overlay
• Add Brigade link to the h2 on the overlay.

Manager Speak

We've been rocking the same basemap on the Brigade site foooorever. We need a new coat of paint, a fresh approach, a kick in the pants. Lets get something edgy, provacative, something that really pops. It could be Stameny and dark. It could minimal and show off the Brigades. It could be in your face. Whatever it is, lets make sure it follows the latest trends of the geonistas.

Who's with me? Who's got what it takes? Are you a wizard ninja?

Go to Mapbox and make your visions real for our market customers.
https://www.mapbox.com/editor/?id=codeforamerica.map-hhckoiuj#project

• Set up old-brigade.codeforamerica.org
• Set up redirects from brigade dot to /brigade
• Change DNS for brigade.codeforamerica.org to 54.234.33.69.
• Sign up forms will post to old-brigade.codeforamerica.org/members

Description

A Brigade member should be able to share a link to new Brigade website with their Brigade's overlay visible. Adding #Open Oakland to the url should then show.

Files

js/map.js

Tasks

• Decide what makes the prettiest urls. #Open Oakland or ?name=Open Oakland.
• Once the API call is loaded, parse out the Brigade name from the URL.
• Match the anchor tag to the Brigade name.
• Pass updateOverlay() the matching Brigade object.

Description

codeforamerica/cfapi#65
Need to check if Brigade is in the Type list.

Files

list-brigades.php

Tasks

• Change if ($feature['properties']['type'] == "Brigade") to look for Brigade in a comma separated list.

We should separate out the code, so that map.js never gets called on mobile.

The "Thanks for letting us know" text appears even when the user inserts no text on the front page.

Could we just make nothing happen if there is no data in both the email and location box?

My 5:30 deploy broke the mobile menu! It doesn't hamburger collapse anymore.

Hey good people.

We've started building a new Brigade website! It is still very much a work in progress, yet we share early and often around here. The site at this repository is intended to eventually replace the CfA Brigade site.

This site is hosted on GitHub Pages. It is entirely html, css, and javascript.

The data about the Brigades will soon come from the Civic Tech Movement API. The work on that project is happening under the civic-json-worker repository. A bunch of different Brigade's were all starting work on similar projects, all wanting to describe their activities using data from GitHub. We all talked and decided to combine efforts on the civic-json-worker code.

Check out the beginnings of an API we've made. http://civic-tech-movement.codeforamerica.org/api/projects. In addition to a /projects endpoint, we'll make some for /events and /stories too. See the README on civic-json-worker about how we're collecting the data. I'm really excited about this as we'll finally get a good look into participation and activity.

This API will allow us to build a few other cool tools as well. We can add the API into the most used Brigade template. We can also build a civic tech issue finder, a tool that lets you quickly find discrete tasks to work on for civic tech projects.

I wanted to show you this work as you were involved in the current version of the Brigade site. I want to invite you to help Code for America and the Brigades build the new Brigade website and make the Civic Tech Movement API super robust.

@annerynearson @arielcharney @BretFisher @davecap @daveism @fsargent @hannahyoung @jpmckinney @technicalpickles @jwhitlock @jpvelez @milafrerichs @mchung @michaelsergio @noneck @hale @philipn @rebeccawilliams @sethvincent @seanknox @DBNess @hotgazpacho

Description

The Brigade site is laid out like the Jekyll site that it used to be. We should redo the layout in the popular PHP template called Smarty.

Description

One of the main goals of the new website is to quickly get people to the Brigade's individual websites.

The link to those websites is greyed out and right next to a bright blue Join button.

Description

We'll be keeping the original Brigade site live to use the existing sign up forms. In the original Brigade site, there are three different forms. See #9

We can reduce it down to two! All we need to do is add a "I want to organize!" checkbox to the main sign up form (not the individual Brigade form).

Clues of how to do it

There is a line on the Organizer form that looks like <input type="hidden" name="source" value="organizer" />.

Description

Each Brigade overlay should have an inviting Join button. Once clicked, this will let you join the Brigade with either your Google, Twitter, or Github account. All we need is to capture your name, email, and Brigade you want to join. You should be able to easily log back in and edit these three fields.

This will need some close integration with the back end.

Description

While under development, the new Brigade site will live at http://codeforamerica.github.io/brigade-alpha/

When it is ready to release, by March 31st, we should should change the URL to http://codeforamerica.org/brigade.

Tips

• Set up a CNAME file for this project. At the very bottom of the page is a good example of how to use a subdomain.
• Change the current redirect of /brigade that goes to /about/brigade
• Also redirect http://brigade.codeforamerica.org to /brigade

"Activities," "Connections", "Events," "Tools" "About," links not working. Tumblr does though.

http://codeforamerica.org/logos

Line 22:

        <label for="source"><input id="organizer" value="organizer" type="checkbox">I want to Organize!</label>

change to

        <label for="source"><input id="organizer" value="organizer" type="checkbox">I want to lead a Brigade in my community!</label>

Details

We've got the api content loading into the Brigade overlay now, but we haven't designed it. Cyd suggested having projects and events above stories?

Map links do not set correct URLs for organization names with unicode content.

Steps to reproduce:

1. Visit http://www.codeforamerica.org/brigade/index/Code-for-Warsaw
2. Pan to the west and slightly south, to the city of Łódź, click the marker.
3. The URL incorrectly changes to http://www.codeforamerica.org/brigade/index/Code-for-%25C5%2581%25C3%25B3d%25C5%25BA instead of http://www.codeforamerica.org/brigade/index/Code-for-%25C5%2581%25C3%25B3d%25C5%25BA

Related behavior:

1. Visit http://www.codeforamerica.org/brigade/index/Code-for-Łódź
2. Note that brigade info panel is correct, but map does not navigate to Poland.

Note that these both work:

• http://www.codeforamerica.org/api/organizations/Code-for-Łódź
• http://www.codeforamerica.org/api/organizations/Code-for-%C5%81%C3%B3d%C5%BA

Also, http://www.codeforamerica.org/brigade/index/Code-for-%C5%81%C3%B3d%C5%BA should be a synonym for http://www.codeforamerica.org/brigade/index/Code-for-Łódź

Tested in Safari 7, Chrome 32, and Firefox 27.

See also #22 and comments on #24.

• Edit the about page language
• Add descriptions for what it means to be a municipal partner and organizer
• Add activities to toolkit page
• Make an FAQ
• Edit two sentence description on homepage
• Get captains info
• Moar freedom!

Lets revise the description of what a Brigade is!

The About page has an FAQ on it with one question.
http://brigade.codeforamerica.org/pages/about

Let's write more!

Harlan from Code for Boston couldn't get the site to render in Firefox.

Not sure how to reproduce yet.

The README says this is gh-pages hosted repo. But now its on Heroku and uses php.

We need to gather names and emails from people interested in joining the Brigade. There are few different types of interest.

1. Joining a local Brigade.
2. The Brigade in general.
3. Organizing a new Brigade.

The old Brigade site has options for all three of these.

Join a local Brigade

To join a local Brigade, you click on a map pin, then you see

If you fill out that form, you get an email like:

Which is great! It connects you to their Meetup again as well as their website. The problem is that "Your local leader will be in touch soon" part. The Brigade leader doesn't actually get a notification. Its a lie.

Join the national Brigade

To sign up for notifications about the Brigade in general, you click the "No thanks, but keep me in the loop" link.

Then you receive an email like:

Not sure about the follow up after that.

Organize a new Brigade

There is a nice big call to action for creating new Brigades on the main page.

That red button brings you to a page with a bunch of info about starting a Brigade, then has you fill out this form.

Notice you again need to check the box to tell us you do want to organize a Brigade.
The response to that form is another email with detailed information about the next Organizers hangout.

Add tests so the site can be deployed via travis continually from master, rather than manual deploys.

Details

Someone interested in the Brigade should be able to visit this page and find their local group.

List of Brigades with just links to their websites?

A great Wordpress theme a friend showed me.
http://www.elegantthemes.com/demo/?theme=Explorable

Hi team,

Where did the awesome metrics go on the new site? I'm thinking # of Brigades, # of Captains, etc.

Best,
Matt

Thanks @ondrae!

Description

When signing up for an individual Brigade, there are dueling dual Join buttons.

Description

We want to combine the useful info from the Activities page into a more general About page. Write a more general description of Brigade activities into the format of the About page.

Relevant Trello card is at https://trello.com/c/oaRWRvCE

After removing unneeded pages in #11 we need to design the remaining pages so that they are usable. Design as in how they look but also where they live and what content is on them

Description

The mobile view doesn't have a sign up form at the moment. We should add one.

Task

• Copy the form from overlay-home.php
• Add it to brigades-list.php under the #brigade-list-mobile element.
• Hide it behind a join button.

Can't see Oakland at all until you zoom way in- hides behind SF icon.

Description

In metro areas with multiple Brigades, its hard to see and click on the specific Brigades.
Here is the Bay Area, with San Francisco being hidden by Oakland.

Files

js/map.js

Tasks

• Find location of the user.
• Figure out how far in we can zoom and still see a Brigade somewhere.

Details

Using this sample API response add in stories, events, and projects onto the Brigade overlay. Make up data for anything missing.

Files

js/map.js

Tasks

• Use the "lastest_story" attribute for a story. It should have a headline and a link.
• Use the "next_event" attribute for an event. It should be the name and a link.
• Use the "two_active_projects" to show two projects. They'll be the names and links to live sites or GitHub.