JSFiddle - React, Tailwind, and code Playground

by edskeizer

CSS

body {
    width: 100%;
    height: 100%;
    margin: 0;
}

CoffeeScript

$ ->
    paintTiles = () ->
        $('body').html('')
        winHeight = $(window).innerHeight();
        winWidth = $(window).innerWidth();
        uniquegreys = []
        
        for j in [1..5]
            for i in [1..10]
                rndgray = Math.floor(Math.random() * 255)
                while rndgray in uniquegreys
                    rndgray = Math.floor(Math.random() * 255)
                $div = $('<div>'+''+'</div>')
    
                
                uniquegreys.push rndgray
                $div.css
                    width: Math.floor(winWidth/10) + 'px'
                    height: Math.floor(winHeight/5) + 'px'
                    background: 'rgb('+rndgray+','+rndgray+','+rndgray+')'
                    float:'left'
                    
                $('body').append($div)
    

     
    paintTiles();
    
    $(window).on 'resize', paintTiles