JSFiddle - React, Tailwind, and code Playground

by Tio Crg

JavaScript

<script>

			
			
			
			  var snowsrc="http://arti.master.irhamna.googlepages.com/snow.gif";
			  // Configure below to change number of snow to render
			  var no = 20;
			  // Configure whether snow should disappear after x seconds (0=never):
			  var hidesnowtime = "0";
			  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
			  var snowdistance = "pageheight";
			
			///////////Stop Config//////////////////////////////////
			
			  var ie4up = (document.all) ? 1 : 0;
			  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
			
				function iecompattest(){
				return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
				}
			
			  var dx, xp, yp;    // coordinate and position variables
			  var am, stx, sty;  // amplitude and step variables
			  var i, doc_width = 800, doc_height = 400; 
			  
			  if (ns6up) {
				doc_width = self.innerWidth;
				doc_height = self.innerHeight;
			  } else if (ie4up) {
				doc_width = iecompattest().clientWidth;
				doc_height = iecompattest().clientHeight;
			  }
			
			  dx = new Array();
			  xp = new Array();
			  yp = new Array();
			  am = new Array();
			  stx = new Array();
			  sty = new Array();
			  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
			  for (i = 0; i < no; ++ i) {  
				dx[i] = 0;                        // set coordinate variables
				xp[i] = Math.random()*(doc_width-50);  // set position variables
				yp[i] = Math.random()*doc_height;
				am[i] = Math.random()*20;         // set amplitude variables
				stx[i] = 0.02 + Math.random()/10; // set step variables
				sty[i] = 0.7 + Math.random();     // set step variables
					if (ie4up||ns6up) {
				  if (i == 0) {
					document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://wpplugins.info\"><img src="+snowsrc+"...