JSFiddle - React, Tailwind, and code Playground

by Kai

HTML

<div id="stream"></div>
<button onclick="jsonFlickrFeed.fetch();">Fetch</button>

CSS

a img {

}

a:hover img {
    -webkit-transform: scale(1.5); 
       -moz-transform: scale(1.5);
         -o-transform: scale(1.5); 
            transform: scale(1.5);
    
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
            box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}

JavaScript

function jsonFlickrFeed (data) {

}

var fetch = function () {
    var url = "http://api.flickr.com/services/feeds/photos_public.gne?tags=food&format=json",
        head = document.getElementsByTagName("head")[0],
        script = document.createElement("script");

    script.src = url;
    head.appendChild(script); 
}
    
fetch();