Storify Test

HTML

<div id="story">
  <div id="header">
    <h1>Story title</h1>
    <h2>Story description</h2>
    <img id="byline" width=16 height=16 src="" border=0 />
    <h3>Byline</h3>
  </div>
</div>

JavaScript

var storyurl = 'http://storify.com/Flevoland';

// We use this so that you can override the storyurl by appending it after the hash
// e.g. index.html#http://storify.com/xdamman/why-do-you-do-what-you-do
if (window.location.hash && window.location.hash.match(/http:\/\/storify\.com\//)) storyurl = window.location.hash.substr(1);

// We fetch the JSON. 
$.getJSON(storyurl + '.json?callback=?', function(json) {
    renderStory(json);
});

// We render the story
function renderStory(story) {

    $('#story #header h1').html(story.title);
    $('#story #header h2').html(story.description);
    $('#story #header h3').html('By ' + story.author.name);
    $('#story #header img#byline').attr("src", story.author.avatar);

    // And so on...

    // You can check in the console all the available properties from the JSON
    console.log("Story: ", story);
}