------------------------------------------------------------
commit 67f74035eb9248565a2345fac3777304517cf46a
Author: ffff:72.234.190.31 <ffff:72.234.190.31@alarms.breckyunits.com>
Date: Mon Dec 2 16:47:09 2024 +0000
Reverted to acfaa945d53ac9792c492f51f98c4b31bc91f635
diff --git a/claude.html b/claude.html
index 78b8dc3..8a1b395 100644
--- a/claude.html
+++ b/claude.html
@@ -19,8 +19,8 @@
.time-slot {
position: absolute;
- width: DOT_SIZEpx;
- height: DOT_SIZEpx;
+ width: 8px;
+ height: 8px;
background: #d1d5db;
border-radius: 50%;
cursor: pointer;
@@ -134,7 +134,7 @@
const clock = document.querySelector(".clock");
for (let hour = 0; hour < 24; hour++) {
- for (let minute = 0; minute < 60; minute += INCREMENT) {
+ for (let minute = 0; minute < 60; minute += 10) {
const angle = ((hour * 60 + minute) / (24 * 60)) * 360 - 90;
const radius = 184;
const x = 200 + radius * Math.cos((angle * Math.PI) / 180);
diff --git a/index.scroll b/index.scroll
index 10a83a6..2534a12 100644
--- a/index.scroll
+++ b/index.scroll
@@ -1,6 +1,4 @@
buildHtml
-replace INCREMENT 10
-replace DOT_SIZE 10
center
## A New Alarm Clock UI
Inspired by this tweet
------------------------------------------------------------
commit c5114ca391c86395362664854fcdc1b6a34a8db8
Author: ffff:72.234.190.31 <ffff:72.234.190.31@alarms.breckyunits.com>
Date: Mon Dec 2 16:46:24 2024 +0000
updated index.scroll
diff --git a/index.scroll b/index.scroll
index 9e05d2f..10a83a6 100644
--- a/index.scroll
+++ b/index.scroll
@@ -6,4 +6,4 @@ center
Inspired by this tweet
https://x.com/rauchg/status/1863457463242039562 this tweet
font Helvetica
-import claude.html
+claude.html
------------------------------------------------------------
commit 4ee494d98cd99d67e61820985122a8990e53135f
Author: ffff:72.234.190.31 <ffff:72.234.190.31@alarms.breckyunits.com>
Date: Mon Dec 2 16:46:21 2024 +0000
updated index.scroll
diff --git a/index.scroll b/index.scroll
index 10a83a6..9e05d2f 100644
--- a/index.scroll
+++ b/index.scroll
@@ -6,4 +6,4 @@ center
Inspired by this tweet
https://x.com/rauchg/status/1863457463242039562 this tweet
font Helvetica
-claude.html
+import claude.html
------------------------------------------------------------
commit bd2284a281ef886ad3db002d30b0b930471e1da4
Author: ffff:72.234.190.31 <ffff:72.234.190.31@alarms.breckyunits.com>
Date: Mon Dec 2 16:45:59 2024 +0000
updated claude.html
diff --git a/claude.html b/claude.html
index 3be97c8..78b8dc3 100644
--- a/claude.html
+++ b/claude.html
@@ -19,8 +19,8 @@
.time-slot {
position: absolute;
- width: 8px;
- height: 8px;
+ width: DOT_SIZEpx;
+ height: DOT_SIZEpx;
background: #d1d5db;
border-radius: 50%;
cursor: pointer;
------------------------------------------------------------
commit 23a6fe8c8b59b7c661b557db063db0052216e564
Author: ffff:72.234.190.31 <ffff:72.234.190.31@alarms.breckyunits.com>
Date: Mon Dec 2 16:45:39 2024 +0000
updated claude.html
diff --git a/claude.html b/claude.html
index 8a1b395..3be97c8 100644
--- a/claude.html
+++ b/claude.html
@@ -134,7 +134,7 @@
const clock = document.querySelector(".clock");
for (let hour = 0; hour < 24; hour++) {
- for (let minute = 0; minute < 60; minute += 10) {
+ for (let minute = 0; minute < 60; minute += INCREMENT) {
const angle = ((hour * 60 + minute) / (24 * 60)) * 360 - 90;
const radius = 184;
const x = 200 + radius * Math.cos((angle * Math.PI) / 180);
------------------------------------------------------------
commit a293bad2ce881440f1a8f6df091cc678fca79a42
Author: ffff:72.234.190.31 <ffff:72.234.190.31@alarms.breckyunits.com>
Date: Mon Dec 2 16:45:35 2024 +0000
updated index.scroll
diff --git a/index.scroll b/index.scroll
index 2534a12..10a83a6 100644
--- a/index.scroll
+++ b/index.scroll
@@ -1,4 +1,6 @@
buildHtml
+replace INCREMENT 10
+replace DOT_SIZE 10
center
## A New Alarm Clock UI
Inspired by this tweet
------------------------------------------------------------
commit acfaa945d53ac9792c492f51f98c4b31bc91f635
Author: ffff:72.234.190.31 <ffff:72.234.190.31@hub.scroll.pub>
Date: Mon Dec 2 16:15:06 2024 +0000
updated claude.html
diff --git a/claude.html b/claude.html
index d62493e..8a1b395 100644
--- a/claude.html
+++ b/claude.html
@@ -19,8 +19,8 @@
.time-slot {
position: absolute;
- width: 4px;
- height: 4px;
+ width: 8px;
+ height: 8px;
background: #d1d5db;
border-radius: 50%;
cursor: pointer;
------------------------------------------------------------
commit b27a481a319c39cadeaea8cd44d67b804653a9aa
Author: ffff:72.234.190.31 <ffff:72.234.190.31@hub.scroll.pub>
Date: Mon Dec 2 16:14:43 2024 +0000
updated claude.html
diff --git a/claude.html b/claude.html
index 020a2c1..d62493e 100644
--- a/claude.html
+++ b/claude.html
@@ -134,7 +134,7 @@
const clock = document.querySelector(".clock");
for (let hour = 0; hour < 24; hour++) {
- for (let minute = 0; minute < 60; minute += 5) {
+ for (let minute = 0; minute < 60; minute += 10) {
const angle = ((hour * 60 + minute) / (24 * 60)) * 360 - 90;
const radius = 184;
const x = 200 + radius * Math.cos((angle * Math.PI) / 180);
------------------------------------------------------------
commit 71bf14305785c71c96627bf5346c7f75cefdbe44
Author: ffff:72.234.190.31 <ffff:72.234.190.31@hub.scroll.pub>
Date: Mon Dec 2 16:13:42 2024 +0000
updated claude.html
diff --git a/claude.html b/claude.html
index b24cd00..020a2c1 100644
--- a/claude.html
+++ b/claude.html
@@ -6,7 +6,6 @@
position: relative;
width: 400px;
height: 400px;
- border: 4px solid #e5e7eb;
border-radius: 50%;
margin: 20px auto;
}
------------------------------------------------------------
commit 196cef424da4056727552d853ae1e7c0cb6fa63d
Author: ffff:72.234.190.31 <ffff:72.234.190.31@hub.scroll.pub>
Date: Mon Dec 2 16:13:18 2024 +0000
updated claude.html
diff --git a/claude.html b/claude.html
index 5afd80f..b24cd00 100644
--- a/claude.html
+++ b/claude.html
@@ -26,7 +26,7 @@
border-radius: 50%;
cursor: pointer;
transform: translate(-50%, -50%);
- transition: background-color 0.2s;
+ transition: all 0.2s;
}
.time-slot:hover {