From 933ebb8ce7a4c693f016c06d056533213a490b1c Mon Sep 17 00:00:00 2001 From: Richard Zink Date: Wed, 7 Oct 2026 11:30:26 +0200 Subject: [PATCH] Make 12/3/6/9 hour markers longer and thicker --- index.html | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) 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); }