JSFiddle - React, Tailwind, and code Playground

by Oski Krawczyk

HTML

<div id="widget">
    <ul>
        <li><strong>All users:</strong> <span id="all">0</span></li>
        <li><strong>Today:</strong> <span id="today">0</span></li>
        <li><strong>Yesterday:</strong> <span id="yesterday">0</span></li>
        <li><strong>Affiliates:</strong> <span id="affiliates">0</span></li>
    </ul>
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);

#widget {
    color: #fff;
    font-family: 'Gloria Hallelujah';
    font-size: .9em;
    width: 277px;
    height: 220px;
    background:...

JavaScript

var request = new Request.JSONP({
    url: 'http://positionly.com/beta/status.json',
    callbackKey: 'callback',
    onComplete: function(response){
        document.id('all').set('text', response.all);
        document.id('today').set('text', response.today);
        document.id('yesterday').set('text', response.yesterday);
        document.id('affiliates').set('text', response.affiliates);
    }
});

request.send();

(function(){
    this.send();
}).periodical(10000, request);