index.html
<!DOCTYPE html>
<html>
<head>
<title>Sol LeWitt Reproduction Vertical</title>
<style>
body {
margin: 0;
overflow: hidden;
}
</style>
</head>
<body>
<script>
const width = window.innerWidth;
const height = window.innerHeight;
const svg = document.createElementNS(
'http://www.w3.org/2000/svg',
'svg'
);
svg.setAttribute('width', width);
svg.setAttribute('height', height);
document.body.appendChild(svg);
const mask = document.createElementNS(
'http://www.w3.org/2000/svg',
'mask'
);
mask.setAttribute('id', 'circle-mask');
svg.appendChild(mask);
const maskRect = document.createElementNS(
'http://www.w3.org/2000/svg',
'rect'
);
maskRect.setAttribute('width', width);
