Position objects more compactly

Changes

2 changed files (+4/-4)

• script.js
  • @@ -10,10 +10,11 @@ let rad = 10 // Stroke radius
    let size = 200 // SVG width and height let A = [] // Objects let cnt = 0 + let rowsize = Math.floor(window.innerWidth / 1.1 / size) document.querySelectorAll("svg").forEach(function(svg) { // Move objects so they aren't overlapping - svg.style.left = 1.5 * size * (cnt % 2) + "px" - svg.style.top = 1.5 * size * Math.floor(cnt / 2) + "px" + svg.style.left = 1.1 * size * (cnt % rowsize) + "px" + svg.style.top = 1.1 * size * Math.floor(cnt / rowsize) + "px" cnt++ let a = { id: svg.id, // Unique ID
• style.css
  • @@ -1,6 +1,5 @@
    body { - overflow-y: hidden; - overflow-x: hidden; + overflow: hidden; touch-action: manipulation; }