<style>
html,body {
height:calc(100% - 16px);
background:rgba(145,145,137,1);
}
</style>
<div id=root><div>
<script>
var ox = 100;
var oy = 100;
var size = 25;
var gap = 10;
var grid = [];
for(var x=0;x<10;x++){
grid[x] = [];
for(var y=0;y<10;y++){
create(x,y);
}//for
}//for
function create(x,y){
var div = document.createElement('div');
(see full text)