todo list step 1

added the basic step 1 functionality.

my design skills suck by the way, so if anyone wants to tidy up the css I'd be happy ;)

I'll be continuing on this with the main steps, and then outline some ideas for people to work on the additional steps in the md.