diff --git a/index.html b/index.html index ffb5f44..9d4984f 100644 --- a/index.html +++ b/index.html @@ -550,17 +550,20 @@ var effect = (VANTA.CLOUDS2 || VANTA.CLOUDS)({ // Generate hour marks for (var i = 0; i < 12; i++) { var angle = (i * 30) * Math.PI / 180; - var x1 = 140 + Math.sin(angle) * 122; - var y1 = 140 - Math.cos(angle) * 122; - var x2 = 140 + Math.sin(angle) * 128; - var y2 = 140 - Math.cos(angle) * 128; + var isMain = i % 3 === 0; + var innerR = isMain ? 116 : 122; + var outerR = isMain ? 134 : 128; + var x1 = 140 + Math.sin(angle) * innerR; + var y1 = 140 - Math.cos(angle) * innerR; + var x2 = 140 + Math.sin(angle) * outerR; + var y2 = 140 - Math.cos(angle) * outerR; var line = document.createElementNS('http://www.w3.org/2000/svg', 'line'); line.setAttribute('x1', x1); line.setAttribute('y1', y1); line.setAttribute('x2', x2); line.setAttribute('y2', y2); line.setAttribute('stroke', '#e6dfd1'); - line.setAttribute('stroke-width', i % 3 === 0 ? 4 : 3); + line.setAttribute('stroke-width', isMain ? 5 : 3); hourMarks.appendChild(line); }