Hugging Face's logo

Spaces:
abeea
/
Redirect
Running

App Files Community
abeea commited on
Commit
eff0a93
·
verified ·
1 Parent(s): e9b3add

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +25 -10
index.html CHANGED
@@ -15,10 +15,19 @@
15
  display: flex;
16
  justify-content: center;
17
  align-items: center;
 
18
  }
19
 
20
  .container {
21
- text-align: center;
 
 
 
 
 
 
 
 
22
  }
23
 
24
  .wheel {
@@ -28,7 +37,7 @@
28
  border: 10px solid #fff;
29
  position: relative;
30
  overflow: hidden;
31
- transition: transform 4s cubic-bezier(.17,.67,.51,1.39);
32
  margin: auto;
33
  }
34
 
@@ -39,7 +48,6 @@
39
  top: 50%;
40
  left: 50%;
41
  transform-origin: 0% 0%;
42
- background: #4caf50;
43
  color: white;
44
  display: flex;
45
  justify-content: center;
@@ -49,7 +57,6 @@
49
  border: 1px solid #222;
50
  }
51
 
52
- /* Slice colors */
53
  .slice:nth-child(1) { background: #FF5722; transform: rotate(0deg) skewY(-54deg); }
54
  .slice:nth-child(2) { background: #FFC107; transform: rotate(72deg) skewY(-54deg); }
55
  .slice:nth-child(3) { background: #03A9F4; transform: rotate(144deg) skewY(-54deg); }
@@ -91,6 +98,12 @@
91
  <body>
92
 
93
  <div class="container">
 
 
 
 
 
 
94
  <div class="pointer"></div>
95
  <div class="wheel" id="wheel">
96
  <div class="slice">love.com</div>
@@ -99,8 +112,10 @@
99
  <div class="slice">love3.com</div>
100
  <div class="slice">love4.com</div>
101
  </div>
 
102
  <button id="btn" onclick="spinWheel()">SPIN</button>
103
  <p id="message"></p>
 
104
  </div>
105
 
106
  <script>
@@ -124,21 +139,21 @@ function spinWheel() {
124
 
125
  btn.disabled = true;
126
 
127
- // Random index
128
  const index = Math.floor(Math.random() * sites.length);
129
 
130
- // Each slice = 360 / 5 = 72 degrees
131
- const degrees = 360 * 5 + (360 - index * 72) - 36;
132
  wheel.style.transform = `rotate(${degrees}deg)`;
133
 
134
  message.style.display = "block";
135
- message.textContent = "🎡 Wheel is spinning…";
136
 
 
137
  setTimeout(() => {
138
  const selected = sites[index];
139
- message.textContent = "Loading… Redirecting to " + selected;
140
  window.location.href = selected;
141
- }, 4500);
142
  }
143
  </script>
144
 
 
15
  display: flex;
16
  justify-content: center;
17
  align-items: center;
18
+ text-align: center;
19
  }
20
 
21
  .container {
22
+ width: 90%;
23
+ max-width: 400px;
24
+ }
25
+
26
+ .info {
27
+ margin-bottom: 20px;
28
+ font-size: 16px;
29
+ line-height: 22px;
30
+ opacity: 0.9;
31
  }
32
 
33
  .wheel {
 
37
  border: 10px solid #fff;
38
  position: relative;
39
  overflow: hidden;
40
+ transition: transform 2.2s cubic-bezier(.12,.66,.11,1.23); /* ✅ Faster spin */
41
  margin: auto;
42
  }
43
 
 
48
  top: 50%;
49
  left: 50%;
50
  transform-origin: 0% 0%;
 
51
  color: white;
52
  display: flex;
53
  justify-content: center;
 
57
  border: 1px solid #222;
58
  }
59
 
 
60
  .slice:nth-child(1) { background: #FF5722; transform: rotate(0deg) skewY(-54deg); }
61
  .slice:nth-child(2) { background: #FFC107; transform: rotate(72deg) skewY(-54deg); }
62
  .slice:nth-child(3) { background: #03A9F4; transform: rotate(144deg) skewY(-54deg); }
 
98
  <body>
99
 
100
  <div class="container">
101
+
102
+ <p class="info">
103
+ ⚡ For load balancing we add this to handle high traffic.<br>
104
+ ✅ Just click on SPIN to unlock the main site!
105
+ </p>
106
+
107
  <div class="pointer"></div>
108
  <div class="wheel" id="wheel">
109
  <div class="slice">love.com</div>
 
112
  <div class="slice">love3.com</div>
113
  <div class="slice">love4.com</div>
114
  </div>
115
+
116
  <button id="btn" onclick="spinWheel()">SPIN</button>
117
  <p id="message"></p>
118
+
119
  </div>
120
 
121
  <script>
 
139
 
140
  btn.disabled = true;
141
 
 
142
  const index = Math.floor(Math.random() * sites.length);
143
 
144
+ /* ✅ More rotations but faster */
145
+ const degrees = 360 * 10 + (360 - index * 72) - 36;
146
  wheel.style.transform = `rotate(${degrees}deg)`;
147
 
148
  message.style.display = "block";
149
+ message.textContent = "🎡 Fast spinning…";
150
 
151
+ /* ✅ Quicker redirect */
152
  setTimeout(() => {
153
  const selected = sites[index];
154
+ message.textContent = "Redirecting to " + selected;
155
  window.location.href = selected;
156
+ }, 2500); // ✅ Just 2.5s total
157
  }
158
  </script>
159