JSFiddle - React, Tailwind, and code Playground

by Oski Krawczyk

HTML

<div id="wrapper">
    
</div>

CSS

body {
    font-family: "Helvetica Neue";
    background: #2e363e url(http://getcampapp.com/assets/body-tile-bg.png);
    color: #FDFDFD;
    text-shadow: 0 -1px 1px #0d1012;
    padding: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 4.2em
}

span {
    font-size: .2em;
    display: block;
}

JavaScript

var el = document.id('wrapper');
var req = function() {
    new Request.JSONP({
        url: 'http://getcampapp.com/newsletters.json',
        data: {
            token: 'dongalicious1234'
        },
        onRequest: function() {
            el.fade(0);
        },
        onSuccess: function(response) {
            el.set('html', response.length + '<span>Subscribers</span>');
            el.fade(1);
        }
    }).send();
};

req.periodical(50000);