JSFiddle - React, Tailwind, and code Playground

by Lachlan Arthur

HTML

<pre id="text">(function(a,b){function cy(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cu(a){if(!cj[a]){var b=c.body,d=f(&quot;&lt;&quot;+a+&quot;&gt;&quot;).appendTo(b),e=d.css(&quot;display&quot;);d.remove();if(e===&quot;none&quot;||e===&quot;&quot;){ck||(ck=c.createElement(&quot;iframe&quot;),ck.frameBorder=ck.width=ck.height=0),b.appendChild(ck);if(!cl||!ck.createElement)cl=(ck.contentWindow||ck.contentDocument).document,cl.write((f.support.boxModel?&quot;&lt;!doctype html&gt;&quot;:&quot;&quot;)+&quot;&lt;html&gt;&lt;body&gt;&quot;),cl.close();d=cl.createElement(a),cl.body.appendChild(d),e=f.css(d,&quot;display&quot;),b.removeChild(ck)}cj[a]=e}return cj[a]}function ct(a,b){var c={};f.each(cp.concat.apply([],cp.slice(0,b)),function(){c[this]=a});return c}function cs(){cq=b}function cr(){setTimeout(cs,0);return cq=f.now()}function ci(){try{return new a.ActiveXObject(&quot;Microsoft.XMLHTTP&quot;)}catch(b){}}function ch(){try{return new a.XMLHttpRequest}catch(b){}}function cb(a,c){a.dataFilter&amp;&amp;(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g&lt;i;g++){if(g===1)for(h in a.converters)typeof h==&quot;string&quot;&amp;&amp;(e[h.toLowerCase()]=a.converters[h]);l=k,k=d[g];if(k===&quot;*&quot;)k=l;else if(l!==&quot;*&quot;&amp;&amp;l!==k){m=l+&quot; &quot;+k,n=e[m]||e[&quot;* &quot;+k];if(!n){p=b;for(o in e){j=o.split(&quot; &quot;);if(j[0]===l||j[0]===&quot;*&quot;){p=e[j[1]+&quot; &quot;+k];if(p){o=e[o],o===!0?n=p:p===!0&amp;&amp;(n=o);break}}}}!n&amp;&amp;!p&amp;&amp;f.error(&quot;No conversion from &quot;+m.replace(&quot; &quot;,&quot; to &quot;)),n!==!0&amp;&amp;(c=n?n(c):p(o(c)))}}return c}function ca(a,c,d){var e=a.contents,f=a.dataTypes,g=a.responseFields,h,i,j,k;for(i in g)i in d&amp;&amp;(c[g[i]]=d[i]);while(f[0]===&quot;*&quot;)f.shift(),h===b&amp;&amp;(h=a.mimeType||c.getResponseHeader(&quot;content-type&quot;));if(h)for(i in...

CSS

body {
    margin: 0;
    color: white;
    background: black;
}

#text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    font: 10px/10px consolas;
    white-space: pre-line;
    letter-spacing: 5px;
}
#text::before {
    position: absolute;
    content: ' ';
    top: 0;
    left: 10px;
    width: 10px;
    height: 10px;
    background: rgba(255,255,255,.5);
}
#text::after {
    position: absolute;
    content: ' ';
    top: 0;
    left: 30px;
    width: 10px;
    height: 10px;
    background: rgba(255,255,255,.5);
}

JavaScript

//var text = '(function(a,b){function cy(a){return f.isWindow(a)?';
var text = document.querySelector('#text').innerText;
var newText = '';

for(var i = 0; i < text.length; i++) {
    newText += text[i] + '\u200B';
}

document.querySelector('#text').innerText = newText;