changes

AQuadic · Aug 4, 2024 · 5b1adab · 5b1adab
1 parent a5ad425
commit 5b1adab
Show file tree

Hide file tree

Showing 8 changed files with 202 additions and 247 deletions.
diff --git a/images/899baf164402339.Y3JvcCw2NjI3LDUxODQsNTc0LDA.jpg b/images/899baf164402339.Y3JvcCw2NjI3LDUxODQsNTc0LDA.jpg
diff --git a/images/Gradient-Background.webp b/images/Gradient-Background.webp
diff --git a/images/image 1783.png b/images/image 1783.png
diff --git a/images/image 1872.png b/images/image 1872.png
diff --git a/...yan-paper-cut-minimalist-background-for-brochure-poster-banner-image_405384.jpg b/...yan-paper-cut-minimalist-background-for-brochure-poster-banner-image_405384.jpg
diff --git a/index.html b/index.html
@@ -3,30 +3,30 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>Spin Wheel</title>
     <link rel="stylesheet" href="./styles.css">
+
 </head>
 <body>
-  <div class="deal-wheel">
-    <img src="./images/watania.png" style="width: 70px; height: 70px; z-index: 2; margin-left: 42%;" alt="">
-
-    <div class="spinner">
-    </div>
-
+    <div class="deal-wheel">
+        <img src="./images/watania.png" style="width: 80px; height: 80px; z-index: 2; margin-left: 41%;" alt="">
+        <div class="spinner"></div>
+        <button class="btn-spin" style="display: none;"></button>
+        <div class="ticker"></div>
+        <div class="grim-reaper" data-reaction="resting"></div>
+
     <div class="power-indicator">
-        <input type="range" min="0" max="100" value="50" />
+        <input type="range" min="0" max="100" value="100" />
     </div>
-    <button class="btn-spin">
-    </button>
-    <div class="ticker"></div>
-    <div class="grim-reaper"></div>
-  </div>
-
+    </div>
+
 
+    <div id="congratulations" class="congratulations-message">
+        <p id="congratulations-text"></p>
+        <img id="congratulations-image" src="" alt="Selected Prize Image">
+    </div>
 
-      <script src="./script.js">
 
-      </script>
-
+    <script src="./script.js"></script>
 </body>
-</html>
+</html>