Add bubble with filled in color for sidebar navigation

[shawon-crosen]

The Opportunity Project site has a sidebar with bubbles for each step that are filled in blue when you are on that step: https://opportunity.census.gov/toolkit.html

We'd like to replicate that functionality so the sidebar looks the same and the bubble fills in based on where you've scrolled.

[shawon-crosen]

I believe this is the code where this is created lives here: https://github.com/uscensusbureau/opportunity/blob/master/js/playbook-nav.js

[pubby]

Potential feature: the URL should change as the user scrolls, adding a # text to the end of the URL depending on each section. e.g. page.html/#section1

[bganglia]

The links above did not work when I tried them, so here are the ones that worked for me

Opportunity Project Toolkit https://opportunity.census.gov/toolkit/ Code https://github.com/uscensusbureau/opportunity/blob/master/assets/js/playbook-nav.js

[pubby]

Implemented by Samson