The transit-future from jpvelez

Priority for Launch - darken ART lines, make them stop flickering

The ART lines are too faint, and they were flickering in and out as a scroll on my (admittedly crappy) work machine.
@jpvelez I'm assigning you on these things, because I don't know who else to assign, or if I'm capable of doing these myself.

Scrolling map quickly gets map and text out of sync

There are several manifestations of this problem, that are likely the same problem:

Scrolling up/down too fast within a map section - i.e. West Suburbs or Chicago - freezes the map until the next section break. By "freeze" I mean the view stays on a certain project but the copy keeps scrolling.
Also, hitting page up and page down completely fucks everything up. It makes the map get lost, somehow. It bewilders the machine.
Clicking on the navigation tabs at the top of the screen often take you to the wrong section of map, particularly if you click on them after their section has already appeared - for example, when I click on the South Suburbs when I'm looking at the north suburbs

Figure out correct right of ways for Downtown Circulator

And make a shapefile using using geojson.io

Display CartoDB projects map in the scroll

For posts with a mapcontainer div in them, the cartodb map should show up in the back. Show only the map - no zooming, no legand / zoom button ui, maybe panning.

Map states for transition pages like 'chicago' 'north suburbs' etc

When we transition from chicago projects to south suburban projects, we need to pick mapstates for those transitions

Edit copy on the projects, make things shorter

A lot of the projects are too long. Let's remove copy. Specifically:

Gold line - remove one o the messages
BRT - figure out a shorter way to talk about neighborhood connections
*BRT - cut something
*Lime line - cut something...

Add flickering arrow, so people don't have to scroll

People will be able to click on the glowing arrow to go to the next slide, instead of having to scroll. Inspired by the arrow on the map of the Code for America report - we can probably reuse that code and just make the arrow a little bigger.

This will also prompt people to "scroll down" when they first load the page.

Make first draft of map in Carto DB

So we can display it in the project.

Make site a subdomain of transitfuture.org

Making it a subdomain of transitfuture.org is the goal. Something like vision.transitfuture.org - I have literally no idea how to do this. It's probably some form of magic that makes it possible. Dark, evil magic

When you scroll back up, the first map view isn't loaded.

If I scroll down to the Gold Line, then back up to the initial map view, instead of showing the initial map view, the map still shows the zoomed-in Gold Line view.

Get map state-specific Carto layers working

The last piece to getting the fully map working in index.html is to make it possible to show different carto db layers + views (lat/lon/zoom) for each map state.

@mapmeld , is there an elegant way to do this, so "views" are defined by lat/lon/zoom/layer? That way, changing the order of the projects in index is as easy as renaming the jekyll post name, and changing the order of the views.

Map state transition events don't always trigger when scrolling back up

Try scrolling until the lime line, then scrolling back up. Something looks weird with the transitions, like its triggering too late? @mapmeld can you take a look and see if this looks natural to you?

E and J

Get easing working in the map

Once you hit the map, once you scroll past a certain point, map should ease to the specified lat/lon/zoom. If page scrolls in the opposite direction, map should easy back to previous lat/lon/zoom.

Eventually, this needs to work for every transit projects, and each project might have several states.

Put connector beads on Lime Line where it meets other transit lines

Fix first map state

Text will give context for the whole Transit Future project, map should be centered on the whole region, then it should zoom to the first state

Gather open city and cartografika logos

I'll do this, Juan will lay them out.

add highlight to blue line west

The blue line north is currently highlighted. In reality, the blue line west should be highlighted.

Change supporter font color to black

It's currently white and hard to read on the new white background

Priority for launch - scrolling issues

Scrolling up/down too fast within a map section (ie West Suburbs or Chicago) freezes the map until the next section break.
Pageup/pagedown freezes the map

Edit projects copy

Once the lines are displaying correctly on the whole map, do another edit of the copy.

Add ART files to cartodb, style them

The ART files are in the GIS file on the Google shared drive

Figure out how to highlight track reconstruction

@blackstash , how should we visually distinguish portions of track that are being fixed, not built from scratch?

Reorder and regroup projects geographically

City

gold
lime
ashland
red ext
brown ext
red rehab
orange
additional possible projects include

South Suburbs

SES
ART

West Suburbs

IC
Oak Brook
ART

North Suburbs

Blue-Schaumburg
purple
yellow
Dempster
ART

add new "call to action" post after funding post

We've said "lots of projects", "we can fund them like LA does" .. and we just end it there

We need another post that says "here's the what the state of play is in cook county, and how you can act'

Get subway map to always show up in the left 1/3rd of the screen

We need the subway maps that show up when you first open the project to always show up in the left 1/3rd of the screen, and to always show the full height of the system.

Add mapcontainer div to new post

So the mapping code can inject the map into it.

Gameplan for the week until the demo

EO                          JPV                 Nick           Adam

s reorder reorder view fix ART
m Logos Views ART
w Copy, talk to CNT IT Talk to CNT IT
th bottom copy

Change base map from dark to light

A light base map will give more clarity and pull more attention to new projects

For now, we'll use map box light basemap

That means we might need to change the color of the text so it sands out- from light to dark so it stands out against the dark background

Fix title transitions?

Right now, the titles on posts with pagetype: story, they come in from the left everytime a new card loads. Most of the transit projects have several posts each, making the title come in and out when it shouldn't.

We can fix this by disabling that effect. Or by consolidating each project into a single long post.

Change line styles on every view

On the first view, all lines are highlighted.

On every following view, the current line is highlighted and all others are faded out with line-opacity: .4.

Fix text spacing on loading screen

"Transit future" text is all squished together on the loading page. We should fix this - or use the initiative's logo.

Finalize copy on the funding slide

Say how much it'll cost.

Make copy snappier.

Address how long it'll take.

Make sure map and text layout works on multiple screens.

Right now, for the project posts, the map and the text only fit together visually at certain screen widths. We need to ensure that the elements are positioned correctly for different screen widths.

@mapmeld can you explain how this will work?

Adjust views of the specific lines

Second view of the Gold Line should go to the end of the line
First view of Ashland BRT should focus on the entire line.
Add little dots to show where the Lime Line connects to the blue, pink and green lines
The second view of the Lime Line should have Midway at the top of the screen and show how it connects to the Red Line
We can combine the Orange and Yellow extensions into one slide, showing both of them highlighted really bright on a widescale map saying that these extensions connect people to education/shopping/jobs
second redline view should move down to focus on the terminus at Altgeld
The Blue Line Oak Brook extension needs to focus on the extension.
Blue Line Schaumburg needs to move north
Blue line rebuild needs to show the whole line. Now the view is too far south
Inner circumferential view needs to zoom out and move west
First view for brown line should move north and zoom in a bit.
Second view for brown line should zoom in more closely.
Red purple should show the entire line.
West Loop Transportation Center should just focus on a point in the loop.

Finalize order of the projects

We need to experiment and figure out the best order for the projects.

Map bugs and visualizations - lesser, but still important priority

Existing transit lines flicker and disppear intermittently when scrolling through the map
Highlighting schools on BRT slide
Put connector beads on Lime Line where it meets other transit lines
Make text easier to read on additional projects
Purple Line shows up as red

Inner circumferential sometimes doesn't show up

Nick fixed this.

Add navigation "menu" to first map slide

@jpvelez is going add a navigation menu to the first map slide.

right after it says "meet the transit lines that will transform Chicagoland" it will say "skip to section" and let you skip to a region or maybe project.

Make the nav bar font bigger

Make it easier to read and snappier

Drop roadway project pins for the roadway projects

@mapmeld - there's one more project that's actually not about trains, it's a bunch of road projects that will build tunnels and bridges for freight trains so you dont have to wait in your car for the train to pass.

a good way to show these on the map would just be to drop a bunch of pins down, the way they do it in the CfA annual report. Do you think this would be possible?

I have the intersection where they are, and I'm going to use geojson.io to drop the pins in the right locations. I'll export the resulting geojson file for you, and email it to you.