Update to CSS, Views and XML

 base.css

Few new classes added  MCQ and narrative. No-touch events no sets up
narrative properly with overflow:hidden.

data.xml
XML for hot graphic and narrative are the same. This makes me feel as
though it should be snapped down for mobile.

index.html
Templates in index.html have been updated to include 'items'

app.js
All the data for models has been updated to use 'items' and 'item'.

views.js
MCQ view needed events sorting out.
Added new functionality to hot graphic and narrative. When image is
clicked on no matter how much the person scrolls they will be directed
back to the current component widget.