JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/Article">
<head>
<meta charset="utf-8">
<title>INK361 - Gi &amp; Sy</title>


<link rel="stylesheet" href="/static/css/packed.css?r=48.33" type="text/css" media="screen" charset="utf-8">

<link rel="shortcut icon" href="/static/images/favicon.ico" type="image/x-icon">
<script type="text/javascript" charset="utf-8" src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.2/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

<script type="text/javascript" charset="utf-8" src="/static/js/packed.js?r=48.33"></script>
<script type="text/javascript" charset="utf-8" src="/static/js/ads.js?r=48.33"></script>

<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-24509885-1']);
_gaq.push(['_setDomainName', 'ink361.com']);

_gaq.push(['_setCustomVar', 1, 'userid', '189435883', 1]);

_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript" charset="utf-8">

IG_USER = {"interests": null, "surname": null, "twitter": {}, "counts": {}, "id": "189435883", "city": null, "image": "http://images.instagram.com/profiles/profile_189435883_75sq_1345761022.jpg", "followers": [], "type": null, "email": null, "website": null, "bio": null, "permission": false, "facebook": {}, "date_created": "2012-09-03 14:54:21.596000", "isprivate": false, "ink_id": "5044c49d294a070ea0000454", "name": "Gi & Sy", "settings": {}, "access_token":...