EVC - API test

by AaronLayton

HTML

<script src="https://raw.github.com/janl/mustache.js/master/mustache.js"></script>
<div id="output"></div>


<script type="text/html" id="issue-project">
    {{#.}}
        <div class="atweet">
            <span class="user"><a href="http://twitter.com/{{user.screen_name}}"><img src="{{user.profile_image_url}}"> {{user.screen_name}}</a></span>
            <span class="thetext">{{text}}</span>
        </div>
    {{/.}}
</script>

CSS

body { padding:20px }
.atweet { background:#eee;margin:0 0 15px 0;border-radius:3px;border:1px solid #ddd; padding:10px; }

JavaScript

$.getJSON("https://api.twitter.com/1/statuses/public_timeline.json?callback=?", function(data){
    $('#output').append(  Mustache.render( $('#issue-project').text() , data) );  
});