html design, first finished prototype

TODO: refactor, dry, cleanup, etc. =)