JSFiddle - React, Tailwind, and code Playground

by Mike Rispoli

HTML

<!-- Photorank Automatic Widget Code -->
<script type="text/javascript">
(function() {
	for(identifier=0; document.getElementById("olapic-widget-"+identifier) != null; identifier++){}
	var elementId = "olapic-widget-"+identifier;
	var customer_id = 216308;
	var tags = "sale-earrings";
	if(document.getElementsByName("photorank:tags").length != 0)
	tags = document.getElementsByName("photorank:tags")[0].content;
	var widget_config = 403695085;
	var tag_based = false;
	var cat_based = true;
	var collection = false;
	var Olapic_ob = document.createElement("script");
	var canonicalUrl = "";
	var linkElements = document.getElementsByTagName("link");
	for(i in linkElements){ if(linkElements[i].rel == "canonical") canonicalUrl = linkElements[i].href; }
	var url = canonicalUrl == "" ? document.domain+document.location.pathname : canonicalUrl;
	Olapic_ob.async = true;
	Olapic_ob.type = "text/javascript";
	Olapic_ob.src = encodeURI("http://widgets.photorank.me/automator?e="+elementId+"&customer_id="+customer_id+"&url="+encodeURIComponent(url)+"&title="+encodeURIComponent(document.title)+"&widget="+widget_config+"&tags="+tags+"&tag_based="+tag_based+"&cat_based="+cat_based+"&collection="+collection);
	(document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(Olapic_ob);
	document.write('<div id="'+elementId+'"></div>');
})();
</script>
<!-- Photorank Automatic Widget Code End -->