This looks great!
I'm curious why they chose to use the "data-role" attribute on divs to denote page structure, like this:
<div data-role="page">
<div data-role="header">...</div>
<div data-role="content">...</div>
<div data-role="footer">...</div>
</div>
instead of using the html5 elements already designated for those purposes (since they're using html5 anyway):
<section>
<header>...</header>
<article>...</article>
<footer>...</footer>
</section>
This was due to the fact that we're targeting a lot of platforms - many of which may not be able to support those elements. For the first alpha we wanted to pick something that would absolutely work - we can absolutely re-examine using those elements, though.
instead of using the html5 elements already designated for those purposes (since they're using html5 anyway): <section> <header>...</header> <article>...</article> <footer>...</footer> </section>
(see the "NEW SEMANTIC ELEMENTS IN HTML5" section of http://diveintohtml5.org/semantics.html )