------------------------------------------------------------
commit c1694b94f455a687a26881f57bb06e87f3325f3d
Author: ffff:12.186.22.250 <ffff:12.186.22.250@hub.scroll.pub>
Date: Fri Dec 13 18:40:25 2024 +0000
updated index.scroll
diff --git a/index.scroll b/index.scroll
index b3830ba..fc21e4b 100644
--- a/index.scroll
+++ b/index.scroll
@@ -1,5 +1,4 @@
buildHtml
-theme roboto
-Hello World my name is Slot machine.
+claude.html
------------------------------------------------------------
commit 0e27fce0cb675cf5ee0e2118a1e1dc7a3971e383
Author: ffff:12.186.22.250 <ffff:12.186.22.250@hub.scroll.pub>
Date: Fri Dec 13 18:40:19 2024 +0000
updated claude.html
diff --git a/claude.html b/claude.html
index e69de29..8d61a63 100644
--- a/claude.html
+++ b/claude.html
@@ -0,0 +1,161 @@
+<!doctype html>
+<html>
+ <head>
+ <style>
+ .container {
+ max-width: 600px;
+ margin: 20px auto;
+ text-align: center;
+ font-family: Arial, sans-serif;
+ }
+
+ .slot-machine {
+ background: #2c3e50;
+ padding: 20px;
+ border-radius: 10px;
+ margin: 20px auto;
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
+ }
+
+ .reels {
+ display: flex;
+ justify-content: center;
+ gap: 10px;
+ margin: 20px 0;
+ }
+
+ .reel {
+ width: 100px;
+ height: 100px;
+ background: white;
+ border-radius: 5px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 40px;
+ border: 3px solid #gold;
+ }
+
+ #spinButton {
+ background: #e74c3c;
+ color: white;
+ border: none;
+ padding: 15px 30px;
+ font-size: 20px;
+ border-radius: 5px;
+ cursor: pointer;
+ transition: background 0.3s;
+ }
+
+ #spinButton:hover {
+ background: #c0392b;
+ }
+
+ #spinButton:disabled {
+ background: #95a5a6;
+ cursor: not-allowed;
+ }
+
+ .credits {
+ font-size: 24px;
+ color: white;
+ margin: 10px 0;
+ }
+
+ .message {
+ font-size: 20px;
+ color: #2ecc71;
+ min-height: 30px;
+ margin: 10px 0;
+ }
+ </style>
+ </head>
+ <body>
+ <div class="container">
+ <div class="slot-machine">
+ <div class="credits">Credits: <span id="credits">100</span></div>
+ <div class="reels">
+ <div class="reel" id="reel1">🍒</div>
+ <div class="reel" id="reel2">🍋</div>
+ <div class="reel" id="reel3">🍇</div>
+ </div>
+ <button id="spinButton">SPIN (10 credits)</button>
+ <div class="message" id="message"></div>
+ </div>
+ </div>
+
+ <script>
+ const symbols = ["🍒", "🍋", "🍇", "🍎", "7️⃣", "💎"];
+ const reels = [
+ document.getElementById("reel1"),
+ document.getElementById("reel2"),
+ document.getElementById("reel3"),
+ ];
+ const spinButton = document.getElementById("spinButton");
+ const creditsDisplay = document.getElementById("credits");
+ const messageDisplay = document.getElementById("message");
+ let credits = 100;
+ let isSpinning = false;
+
+ function updateCredits(amount) {
+ credits += amount;
+ creditsDisplay.textContent = credits;
+ }
+
+ function getRandomSymbol() {
+ return symbols[Math.floor(Math.random() * symbols.length)];
+ }
+
+ function checkWin(results) {
+ if (results[0] === results[1] && results[1] === results[2]) {
+ const multiplier = symbols.indexOf(results[0]) + 2;
+ return 20 * multiplier;
+ }
+ return 0;
+ }
+
+ async function spinReel(reel, delay) {
+ return new Promise((resolve) => {
+ let spins = 0;
+ const maxSpins = 20 + Math.floor(Math.random() * 10);
+ const interval = setInterval(() => {
+ reel.textContent = getRandomSymbol();
+ spins++;
+ if (spins >= maxSpins) {
+ clearInterval(interval);
+ resolve(reel.textContent);
+ }
+ }, 100);
+ });
+ }
+
+ async function spin() {
+ if (isSpinning || credits < 10) return;
+
+ isSpinning = true;
+ spinButton.disabled = true;
+ messageDisplay.textContent = "";
+ updateCredits(-10);
+
+ const results = await Promise.all([
+ spinReel(reels[0], 1000),
+ spinReel(reels[1], 2000),
+ spinReel(reels[2], 3000),
+ ]);
+
+ const winAmount = checkWin(results);
+ if (winAmount > 0) {
+ messageDisplay.textContent = `Winner! +${winAmount} credits!`;
+ updateCredits(winAmount);
+ } else {
+ messageDisplay.textContent = "Try again!";
+ }
+
+ isSpinning = false;
+ spinButton.disabled = false;
+ }
+
+ spinButton.addEventListener("click", spin);
+ </script>
+ </body>
+</html>
------------------------------------------------------------
commit 13146bb14f4d70739bd177c8954ab26dcb2773b3
Author: ffff:12.186.22.250 <ffff:12.186.22.250@hub.scroll.pub>
Date: Fri Dec 13 18:40:17 2024 +0000
created claude.html
diff --git a/claude.html b/claude.html
new file mode 100644
index 0000000..e69de29
------------------------------------------------------------
commit 9676dec5655b0d9561f0d7fbb6982201d8fdd413
Author: ffff:12.186.22.250 <ffff:12.186.22.250@hub.scroll.pub>
Date: Fri Dec 13 18:38:17 2024 +0000
updated index.scroll
diff --git a/index.scroll b/index.scroll
index 4442ed6..b3830ba 100644
--- a/index.scroll
+++ b/index.scroll
@@ -1,4 +1,5 @@
buildHtml
theme roboto
-Hello World my name is
\ No newline at end of file
+Hello World my name is Slot machine.
+
------------------------------------------------------------
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