Embeddable trip status widget
- NodeJS
- S3 credentials in your ENV
- git clone
- npm install
- grunt
Try run by using grunt dry-run
Real deploy to production using grunt deploy
Tracks the journey of Guardian journalists on their voyage to Antarctica via an embeddable widget.
Uses an <iframe>
to embed the widget in a live-blog or article.
<iframe src="http://interactive.guim.co.uk/embed/antarctica-2013/" style="width: 100%; height: 560px; overflow: hidden;" seamless frameborder="0" scrolling="no"></iframe>
To choose a specific update to show add the query string update_id
and the desired entry to show.
http://interactive.guim.co.uk/embed/antarctica-2013/?update_id=2
There is a customise widget page that will generate the updated embed code: http://interactive.guim.co.uk/embed/antarctica-2013/embed.html
A Google spreadsheet: https://docs.google.com/a/guardian.co.uk/spreadsheet/ccc?key=0AkRR3zKqdlUHdDI1NzZ2RVJSdGNOek9WWTdiUUxyTEE
The spreadsheet is converted into JSONP and uploaded to S3 every minute.
The JSONP feed is located at http://interactive.guim.co.uk/spreadsheetdata/0AkRR3zKqdlUHdDI1NzZ2RVJSdGNOek9WWTdiUUxyTEE.jsonp