Skip to content

Instantly share code, notes, and snippets.

@djfumberger
Last active March 2, 2016 05:53
Show Gist options
  • Save djfumberger/046ef1f1beb98b350ee2 to your computer and use it in GitHub Desktop.
Save djfumberger/046ef1f1beb98b350ee2 to your computer and use it in GitHub Desktop.
Walking Screen
- Change status bar to white. Transition it black when we show the details screen.
- Margins for close and music button probably weren’t quite right from the mockup. Change to 20px either side.
- Missing KM label on the marker once journey has started.
- Change pin markers to be the ones from the zeppelin (rather than the solid white)
- Should be able to pause even in the Ready State (so we can finish)
- Ready state
- Can we just show "00:00 Elapsed Time" instead of ‘Ready’
- Show the text + single pin marker + “Start walking to begin” label in the top map.
- Don’t display the map underneath until we’ve started walking (instead of showing Australia) that or the current location entered.
- Remove bottom border in the details area. Extend the middle line to be longer. So that when we pull up we just see the middle line stretch rather than the bottom border and white space. (The prototype should demonstrate this)
- Middle circle stroke line to be a gradient (7BDDFF to 008BF5).
- Middle circle stroke line caps to be rounded.
- Middle circle to be slightly larger and I think the stroke weight to be down 1px.
- Text tweaks
- Bring the big blue elapsed time number down a weight.
- Increase vertical spacing between time and ‘Elapsed’ label to be about 15 points
- Double check the gray color and spacing of the ‘Elapsed’ label (plus the other title labels in the detail area)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment