JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<title>Test Page</title>
<link rel = "stylesheet" href = "style.css">

<div class = "wrap">
	<script type="text/javascript">
	var blocks = [0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,1,0,0,0,0,0,1,1,1,1,1,1,1,0,0,0,1,1,0,1,1,1,0,1,1,0,1,1,1,1,1,1,1,1,1,1,1,1,0,1,1,1,1,1,1,1,0,1,1,0,1,0,0,0,0,0,1,0,1,0,0,0,1,1,0,1,1,0,0,0];
	for(p in blocks) {
		if (blocks[p]==1) {
			document.write('<div class = "white-block"></div>')
		} else {
			document.write('<div class = "black-block"></div>')
		}
	}
	</script>>
</div>

CSS

body {
	background: black;
}

.wrap {
	width: 110px;
	height: 80px;
}

.black-block {
	background: black;
	width: 10px;
	height: 10px;
	float: left;
}

.white-block {
	background: white;
	width: 10px;
	height: 10px;
	float: left;
}