JSFiddle - React, Tailwind, and code Playground

by OwenMelbz

HTML

<div id="tweetcontainer"></div>

JavaScript

var daurl = 'http://pipes.yahoo.com/pipes/pipe.run?_id=1d3dbc55c0c81c1e7f3d587606d8010b&_render=json';
$.getJSON(daurl, function(json) {
$.each(json.value.items, function(i, tweet) {
    var author = tweet.author.split('(')[1].replace(')','');
    var avatar = tweet['media:content'].url;
    var datweet = tweet['y:title'];
    datweet = datweet.replace('talk_design:',' ');
    if (author == "Talk.Design"){
    $('#tweetcontainer').append('<img src="'+avatar+'" width="16" height="16" /> '+author+': '+datweet+'<br/>');
    }
    else {
    $('#tweetcontainer').append('<img src="'+avatar+'" width="16" height="16" /> '+datweet+'<br/>');  
    }
});   
});