JSFiddle - React, Tailwind, and code Playground

HTML

<a id="bookmark" href="javascript:(function(c,n){function r(){a=n.getElementById('OneMonthOfCodeTime');a.parentNode.removeChild(a)}var a;if(c.a)r();else{var k,s,p=[],g=c.innerWidth,h=c.innerHeight,e=h/2,f=g/2;a=n.createElement('canvas');var b=a.getContext('2d'),q=n.documentElement;a.id='OneMonthOfCodeTime';a.style.cursor='pointer';a.style.display='block';a.style.left=(c.pageXOffset||q.scrollLeft)-(q.clientLeft||0)+'px';a.style.position='absolute';a.style.top=(c.pageYOffset||q.scrollTop)-(q.clientTop||0)+'px';a.style.zIndex='9999';a.onclick=r;n.body.appendChild(a);c.requestAnimationFrame=c.requestAnimationFrame||c.mozRequestAnimationFrame||c.webkitRequestAnimationFrame||c.msRequestAnimationFrame;c.onresize=u;var t=function(){var a=new Date,a=3600*a.getHours()+60*a.getMinutes()+a.getSeconds();a!=k&&p.push({x:f+95-Math.floor(200*Math.random()),y:e-50});k=a;s=k/86400;b.clearRect(0,0,g,h);b.fillStyle='rgba(26,26,26,.5)';b.fillRect(0,0,g,h);b.fillStyle='#d6c02e';var d=196*s,l=196-d,a=e+2+l;b.fillRect(f-98,e-248+d,196,l);b.fillRect(f-98,a,196,d);d=0;for(l=p.length;d<l;d++){var m=p[d];b.fillRect(m.x,m.y,10,10);m.y<a?m.y+=5:(p.splice(d,1),d--,l--)}b.fillStyle='rgba(77,103,152,.5)';b.fillRect(f-100,e-250,200,200);b.fillRect(f-100,e,200,200);b.fillStyle='rgba(0,0,0,.5)';b.font='65px arial';b.textAlign='center';b.fillText(86400-k,f,e-60,200);b.fillText(k,f,e+190,200);c.requestAnimationFrame(t)},u;(function(){g=c.innerWidth;h=c.innerHeight;e=h/2;f=g/2;a.width=g;a.height=h})();t()}})(window,document);"><span>One Month Of Code [Time]</span></a><p>Bookmarklet - Drag into bookmarks and click on any side!<br>by Raphael Rauwolf <a href="https://twitter.com/RaphiRau">@raphirau</a></p>

CSS

#bookmark{
    width: 200px;
    height: 70px;
    display: table-cell;
    border-radius: 10px;
    background-color: rgba(0,176,255,0.8);
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    text-decoration: none;
    font-family: Arial,sans-serif;
    font-size: 35px;
    font-weight: bold;
}
p{
    font-family: Arial,sans-serif;
    font-size: 30px;
    margin: 20px 0;
    
}