------------------------------------------------------------
commit 54c94184f80282342998531d021d84751c905b27
Author: ffff:72.234.190.31 <ffff:72.234.190.31@hub.scroll.pub>
Date: Sat Nov 30 19:51:26 2024 +0000
updated claude.html
diff --git a/claude.html b/claude.html
index 4f17bf9..ccf4b93 100644
--- a/claude.html
+++ b/claude.html
@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Cancel Subscription</title>
+ <title>Click Here to Cancel</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
------------------------------------------------------------
commit a4582793871a9e8bdc2c42e1e8021f22f0dd44ce
Author: ffff:72.234.190.31 <ffff:72.234.190.31@hub.scroll.pub>
Date: Sat Nov 30 19:50:50 2024 +0000
updated claude.html
diff --git a/claude.html b/claude.html
index 6ef8b41..4f17bf9 100644
--- a/claude.html
+++ b/claude.html
@@ -66,7 +66,9 @@
But we value your time and want to make this process as simple as
possible. You can cancel your subscription with just one click.
</p>
- <button id="actualButton" class="cancel-btn">Click here to Cancel</button>
+ <button id="actualButton" onclick="alert('You win!')" class="cancel-btn">
+ Click here to Cancel
+ </button>
</div>
<script>
------------------------------------------------------------
commit ea99a1e35f905a219fd14d6bbe43bea15c7efb78
Author: ffff:72.234.190.31 <ffff:72.234.190.31@hub.scroll.pub>
Date: Sat Nov 30 19:50:16 2024 +0000
updated claude.html
diff --git a/claude.html b/claude.html
index 97ee0cd..6ef8b41 100644
--- a/claude.html
+++ b/claude.html
@@ -61,7 +61,7 @@
</head>
<body>
<div class="container">
- <h1>We're Sorry to See You Go Breck!</h1>
+ <h1>We're Sorry to See You Go!</h1>
<p>
But we value your time and want to make this process as simple as
possible. You can cancel your subscription with just one click.
------------------------------------------------------------
commit cd958c11efa1cecf90217338b9aee65aabb13e3b
Author: ffff:72.234.190.31 <ffff:72.234.190.31@hub.scroll.pub>
Date: Sat Nov 30 19:49:21 2024 +0000
updated claude.html
diff --git a/claude.html b/claude.html
index 132bdf6..97ee0cd 100644
--- a/claude.html
+++ b/claude.html
@@ -66,7 +66,7 @@
But we value your time and want to make this process as simple as
possible. You can cancel your subscription with just one click.
</p>
- <button id="actualButton" class="cancel-btn">Cancel with 1 Click</button>
+ <button id="actualButton" class="cancel-btn">Click here to Cancel</button>
</div>
<script>
------------------------------------------------------------
commit 1927df70bfe1a0cd5cbfb274d40fad8c2b9c2c96
Author: ffff:72.234.190.31 <ffff:72.234.190.31@hub.scroll.pub>
Date: Sat Nov 30 19:39:55 2024 +0000
updated claude.html
diff --git a/claude.html b/claude.html
index 7f8bfce..132bdf6 100644
--- a/claude.html
+++ b/claude.html
@@ -61,7 +61,7 @@
</head>
<body>
<div class="container">
- <h1>We're Sorry to See You Go!</h1>
+ <h1>We're Sorry to See You Go Breck!</h1>
<p>
But we value your time and want to make this process as simple as
possible. You can cancel your subscription with just one click.
------------------------------------------------------------
commit 24f90d845d046b4192e9a953082212e8d5372307
Author: ffff:72.234.190.31 <ffff:72.234.190.31@hub.scroll.pub>
Date: Sat Nov 30 19:39:50 2024 +0000
updated claude.html
diff --git a/claude.html b/claude.html
index 335afe7..7f8bfce 100644
--- a/claude.html
+++ b/claude.html
@@ -24,6 +24,7 @@
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
max-width: 500px;
width: 90%;
+ position: relative;
}
h1 {
@@ -38,7 +39,6 @@
}
.cancel-btn {
- position: relative;
padding: 12px 24px;
background-color: #ff4444;
color: white;
@@ -53,7 +53,7 @@
background-color: #ff0000;
}
- #actualButton {
+ .cancel-btn.moving {
position: fixed;
transform: translate(-50%, -50%);
}
@@ -71,6 +71,7 @@
<script>
const button = document.getElementById("actualButton");
+ let hasStartedMoving = false;
let mouseX = 0,
mouseY = 0;
@@ -79,6 +80,8 @@
mouseX = e.clientX;
mouseY = e.clientY;
+ if (!hasStartedMoving) return;
+
// Get button dimensions and position
const rect = button.getBoundingClientRect();
const buttonCenterX = rect.left + rect.width / 2;
@@ -97,6 +100,11 @@
});
function moveButton() {
+ if (!hasStartedMoving) {
+ hasStartedMoving = true;
+ button.classList.add("moving");
+ }
+
// Generate new random position
const newX = Math.random() * (window.innerWidth - 100);
const newY = Math.random() * (window.innerHeight - 100);
@@ -106,11 +114,19 @@
button.style.top = `${Math.min(Math.max(newY, 100), window.innerHeight - 100)}px`;
}
- // Initial position
- moveButton();
+ // Start moving only when user first tries to click
+ button.addEventListener("mouseenter", () => {
+ if (!hasStartedMoving) {
+ moveButton();
+ }
+ });
// Handle window resize
- window.addEventListener("resize", moveButton);
+ window.addEventListener("resize", () => {
+ if (hasStartedMoving) {
+ moveButton();
+ }
+ });
</script>
</body>
</html>
------------------------------------------------------------
commit 67a8d3d93bf4be22910f298f3d7d3fc87596c56a
Author: ffff:72.234.190.31 <ffff:72.234.190.31@hub.scroll.pub>
Date: Sat Nov 30 19:38:41 2024 +0000
updated index.scroll
diff --git a/index.scroll b/index.scroll
index 4442ed6..8e7cd22 100644
--- a/index.scroll
+++ b/index.scroll
@@ -1,4 +1,2 @@
buildHtml
-theme roboto
-
-Hello World my name is
\ No newline at end of file
+claude.html
------------------------------------------------------------
commit a20930515e006847aa05b36814395ac50bf3be2f
Author: ffff:72.234.190.31 <ffff:72.234.190.31@hub.scroll.pub>
Date: Sat Nov 30 19:38:38 2024 +0000
updated claude.html
diff --git a/claude.html b/claude.html
index e69de29..335afe7 100644
--- a/claude.html
+++ b/claude.html
@@ -0,0 +1,116 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>Cancel Subscription</title>
+ <style>
+ body {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+ sans-serif;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ min-height: 100vh;
+ margin: 0;
+ background-color: #f5f5f5;
+ }
+
+ .container {
+ text-align: center;
+ background: white;
+ padding: 2rem;
+ border-radius: 8px;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+ max-width: 500px;
+ width: 90%;
+ }
+
+ h1 {
+ color: #333;
+ margin-bottom: 1rem;
+ }
+
+ p {
+ color: #666;
+ line-height: 1.6;
+ margin-bottom: 2rem;
+ }
+
+ .cancel-btn {
+ position: relative;
+ padding: 12px 24px;
+ background-color: #ff4444;
+ color: white;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ font-size: 16px;
+ transition: all 0.2s ease;
+ }
+
+ .cancel-btn:hover {
+ background-color: #ff0000;
+ }
+
+ #actualButton {
+ position: fixed;
+ transform: translate(-50%, -50%);
+ }
+ </style>
+ </head>
+ <body>
+ <div class="container">
+ <h1>We're Sorry to See You Go!</h1>
+ <p>
+ But we value your time and want to make this process as simple as
+ possible. You can cancel your subscription with just one click.
+ </p>
+ <button id="actualButton" class="cancel-btn">Cancel with 1 Click</button>
+ </div>
+
+ <script>
+ const button = document.getElementById("actualButton");
+ let mouseX = 0,
+ mouseY = 0;
+
+ // Track mouse position
+ document.addEventListener("mousemove", (e) => {
+ mouseX = e.clientX;
+ mouseY = e.clientY;
+
+ // Get button dimensions and position
+ const rect = button.getBoundingClientRect();
+ const buttonCenterX = rect.left + rect.width / 2;
+ const buttonCenterY = rect.top + rect.height / 2;
+
+ // Calculate distance between mouse and button center
+ const distance = Math.sqrt(
+ Math.pow(mouseX - buttonCenterX, 2) +
+ Math.pow(mouseY - buttonCenterY, 2),
+ );
+
+ // If mouse gets too close, move the button
+ if (distance < 100) {
+ moveButton();
+ }
+ });
+
+ function moveButton() {
+ // Generate new random position
+ const newX = Math.random() * (window.innerWidth - 100);
+ const newY = Math.random() * (window.innerHeight - 100);
+
+ // Ensure button stays within viewport
+ button.style.left = `${Math.min(Math.max(newX, 100), window.innerWidth - 100)}px`;
+ button.style.top = `${Math.min(Math.max(newY, 100), window.innerHeight - 100)}px`;
+ }
+
+ // Initial position
+ moveButton();
+
+ // Handle window resize
+ window.addEventListener("resize", moveButton);
+ </script>
+ </body>
+</html>
------------------------------------------------------------
commit 36140aaee2105c97bd4163c1e171928140fa3e62
Author: ffff:72.234.190.31 <ffff:72.234.190.31@hub.scroll.pub>
Date: Sat Nov 30 19:38:35 2024 +0000
created claude.html
diff --git a/claude.html b/claude.html
new file mode 100644
index 0000000..e69de29
------------------------------------------------------------
commit 93e43037b7794c5d3de89eaf6afe3e3d561d8df3
Author: root <root@hub.scroll.pub>
Date: Sun Nov 10 20:12:15 2024 +0000
initial blank_template template
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..bd1a52d
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,8 @@
+.DS_Store
+*.html
+*.txt
+*.xml
+*.css
+*.js
+*.csv
+requests.scroll
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..4442ed6
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,4 @@
+buildHtml
+theme roboto
+
+Hello World my name is
\ No newline at end of file