Hugging Face's logo

Spaces:
ProjectGenesis
/
neon-crypto-casino-countdown
Running

App Files Community
ProjectGenesis commited on
Commit
3c8d633
·
verified ·
1 Parent(s): f068d24

Promote version 8c515c7 to main

Browse files

Promoted commit 8c515c79ffe1595ea10e544d5deb696d69c613fb to main branch

Files changed (2) hide show
  1. index.html +1 -99
  2. style.css +3 -36
index.html CHANGED
@@ -149,107 +149,9 @@
149
  <div class="arrow-right w-6 h-6 border-r-2 border-t-2 border-neonmagenta transform rotate-45 opacity-70"></div>
150
  </div>
151
  </div>
152
-
153
- <!-- Multi-Row Game Grid -->
154
- <div class="w-full max-w-6xl mt-16">
155
- <!-- Live Dealers Row -->
156
- <div class="mb-12">
157
- <h2 class="text-center text-2xl md:text-3xl font-bold mb-8">
158
- <span class="bg-gradient-to-r from-neonblue to-neonmagenta bg-clip-text text-transparent drop-shadow-[0_0_8px_rgba(15,240,252,0.5)]">LIVE DEALERS</span>
159
- </h2>
160
- <div class="game-grid">
161
- <div class="game-thumbnail" style="background-image: url('https://static.photos/casino/320x240/1')"></div>
162
- <div class="game-thumbnail" style="background-image: url('https://static.photos/casino/320x240/2')"></div>
163
- <div class="game-thumbnail" style="background-image: url('https://static.photos/casino/320x240/3')"></div>
164
- <div class="game-thumbnail" style="background-image: url('https://static.photos/casino/320x240/4')"></div>
165
- <div class="game-thumbnail" style="background-image: url('https://static.photos/casino/320x240/5')"></div>
166
- <div class="game-thumbnail" style="background-image: url('https://static.photos/casino/320x240/6')"></div>
167
- <div class="game-thumbnail" style="background-image: url('https://static.photos/casino/320x240/7')"></div>
168
- <div class="game-thumbnail" style="background-image: url('https://static.photos/casino/320x240/8')"></div>
169
- <div class="game-thumbnail" style="background-image: url('https://static.photos/casino/320x240/9')"></div>
170
- <div class="game-thumbnail" style="background-image: url('https://static.photos/casino/320x240/10')"></div>
171
- </div>
172
- </div>
173
-
174
- <!-- Slots Row -->
175
- <div class="mb-12">
176
- <h2 class="text-center text-2xl md:text-3xl font-bold mb-8">
177
- <span class="bg-gradient-to-r from-neonblue to-neonmagenta bg-clip-text text-transparent drop-shadow-[0_0_8px_rgba(15,240,252,0.5)]">SLOTS</span>
178
- </h2>
179
- <div class="game-grid">
180
- <div class="game-thumbnail" style="background-image: url('https://static.photos/slots/320x240/1')"></div>
181
- <div class="game-thumbnail" style="background-image: url('https://static.photos/slots/320x240/2')"></div>
182
- <div class="game-thumbnail" style="background-image: url('https://static.photos/slots/320x240/3')"></div>
183
- <div class="game-thumbnail" style="background-image: url('https://static.photos/slots/320x240/4')"></div>
184
- <div class="game-thumbnail" style="background-image: url('https://static.photos/slots/320x240/5')"></div>
185
- <div class="game-thumbnail" style="background-image: url('https://static.photos/slots/320x240/6')"></div>
186
- <div class="game-thumbnail" style="background-image: url('https://static.photos/slots/320x240/7')"></div>
187
- <div class="game-thumbnail" style="background-image: url('https://static.photos/slots/320x240/8')"></div>
188
- <div class="game-thumbnail" style="background-image: url('https://static.photos/slots/320x240/9')"></div>
189
- <div class="game-thumbnail" style="background-image: url('https://static.photos/slots/320x240/10')"></div>
190
- </div>
191
- </div>
192
-
193
- <!-- Table Games Row -->
194
- <div class="mb-12">
195
- <h2 class="text-center text-2xl md:text-3xl font-bold mb-8">
196
- <span class="bg-gradient-to-r from-neonblue to-neonmagenta bg-clip-text text-transparent drop-shadow-[0_0_8px_rgba(15,240,252,0.5)]">TABLE GAMES</span>
197
- </h2>
198
- <div class="game-grid">
199
- <div class="game-thumbnail" style="background-image: url('https://static.photos/table/320x240/1')"></div>
200
- <div class="game-thumbnail" style="background-image: url('https://static.photos/table/320x240/2')"></div>
201
- <div class="game-thumbnail" style="background-image: url('https://static.photos/table/320x240/3')"></div>
202
- <div class="game-thumbnail" style="background-image: url('https://static.photos/table/320x240/4')"></div>
203
- <div class="game-thumbnail" style="background-image: url('https://static.photos/table/320x240/5')"></div>
204
- <div class="game-thumbnail" style="background-image: url('https://static.photos/table/320x240/6')"></div>
205
- <div class="game-thumbnail" style="background-image: url('https://static.photos/table/320x240/7')"></div>
206
- <div class="game-thumbnail" style="background-image: url('https://static.photos/table/320x240/8')"></div>
207
- <div class="game-thumbnail" style="background-image: url('https://static.photos/table/320x240/9')"></div>
208
- <div class="game-thumbnail" style="background-image: url('https://static.photos/table/320x240/10')"></div>
209
- </div>
210
- </div>
211
-
212
- <!-- Crash Games Row -->
213
- <div class="mb-12">
214
- <h2 class="text-center text-2xl md:text-3xl font-bold mb-8">
215
- <span class="bg-gradient-to-r from-neonblue to-neonmagenta bg-clip-text text-transparent drop-shadow-[0_0_8px_rgba(15,240,252,0.5)]">CRASH GAMES</span>
216
- </h2>
217
- <div class="game-grid">
218
- <div class="game-thumbnail" style="background-image: url('https://static.photos/crash/320x240/1')"></div>
219
- <div class="game-thumbnail" style="background-image: url('https://static.photos/crash/320x240/2')"></div>
220
- <div class="game-thumbnail" style="background-image: url('https://static.photos/crash/320x240/3')"></div>
221
- <div class="game-thumbnail" style="background-image: url('https://static.photos/crash/320x240/4')"></div>
222
- <div class="game-thumbnail" style="background-image: url('https://static.photos/crash/320x240/5')"></div>
223
- <div class="game-thumbnail" style="background-image: url('https://static.photos/crash/320x240/6')"></div>
224
- <div class="game-thumbnail" style="background-image: url('https://static.photos/crash/320x240/7')"></div>
225
- <div class="game-thumbnail" style="background-image: url('https://static.photos/crash/320x240/8')"></div>
226
- <div class="game-thumbnail" style="background-image: url('https://static.photos/crash/320x240/9')"></div>
227
- <div class="game-thumbnail" style="background-image: url('https://static.photos/crash/320x240/10')"></div>
228
- </div>
229
- </div>
230
-
231
- <!-- Popular Picks Row -->
232
- <div class="mb-16">
233
- <h2 class="text-center text-2xl md:text-3xl font-bold mb-8">
234
- <span class="bg-gradient-to-r from-neonblue to-neonmagenta bg-clip-text text-transparent drop-shadow-[0_0_8px_rgba(15,240,252,0.5)]">POPULAR PICKS</span>
235
- </h2>
236
- <div class="game-grid">
237
- <div class="game-thumbnail" style="background-image: url('https://static.photos/popular/320x240/1')"></div>
238
- <div class="game-thumbnail" style="background-image: url('https://static.photos/popular/320x240/2')"></div>
239
- <div class="game-thumbnail" style="background-image: url('https://static.photos/popular/320x240/3')"></div>
240
- <div class="game-thumbnail" style="background-image: url('https://static.photos/popular/320x240/4')"></div>
241
- <div class="game-thumbnail" style="background-image: url('https://static.photos/popular/320x240/5')"></div>
242
- <div class="game-thumbnail" style="background-image: url('https://static.photos/popular/320x240/6')"></div>
243
- <div class="game-thumbnail" style="background-image: url('https://static.photos/popular/320x240/7')"></div>
244
- <div class="game-thumbnail" style="background-image: url('https://static.photos/popular/320x240/8')"></div>
245
- <div class="game-thumbnail" style="background-image: url('https://static.photos/popular/320x240/9')"></div>
246
- <div class="game-thumbnail" style="background-image: url('https://static.photos/popular/320x240/10')"></div>
247
- </div>
248
- </div>
249
- </div>
250
  </div>
251
  </main>
252
- <!-- Facebook Promo Popup -->
253
  <div class="facebook-popup hidden md:block">
254
  <div class="holographic-panel bg-black/50 backdrop-blur-sm border-l-4 border-neonmagenta p-4 rounded-lg w-64">
255
  <div class="flex items-center mb-2">
 
149
  <div class="arrow-right w-6 h-6 border-r-2 border-t-2 border-neonmagenta transform rotate-45 opacity-70"></div>
150
  </div>
151
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
152
  </div>
153
  </main>
154
+ <!-- Facebook Promo Popup -->
155
  <div class="facebook-popup hidden md:block">
156
  <div class="holographic-panel bg-black/50 backdrop-blur-sm border-l-4 border-neonmagenta p-4 rounded-lg w-64">
157
  <div class="flex items-center mb-2">
style.css CHANGED
@@ -102,45 +102,12 @@ h1, h2, h3, .countdown-timer {
102
  border: 1px solid rgba(255, 255, 255, 0.1);
103
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
104
  }
105
- /* Game Grid Layout */
106
- .game-grid {
107
- display: grid;
108
- grid-template-columns: repeat(10, 1fr);
109
- gap: 1.5rem;
110
- justify-items: center;
111
- margin: 0 auto;
112
- max-width: 100%;
113
- padding: 0 1rem;
114
- }
115
-
116
- @media (max-width: 1024px) {
117
- .game-grid {
118
- grid-template-columns: repeat(5, 1fr);
119
- }
120
- }
121
-
122
- @media (max-width: 640px) {
123
- .game-grid {
124
- grid-template-columns: repeat(3, 1fr);
125
- }
126
- }
127
-
128
- @media (max-width: 480px) {
129
- .game-grid {
130
- grid-template-columns: repeat(2, 1fr);
131
- }
132
- }
133
-
134
- /* Section Titles */
135
- .game-grid + h2 {
136
- margin-top: 3rem;
137
- }
138
 
139
  /* Game Thumbnail Styles */
140
  .game-thumbnail {
141
- width: 100%;
142
- aspect-ratio: 1/1;
143
- background: rgba(20, 20, 20, 0.7);
144
  background-size: cover;
145
  background-position: center;
146
  border-radius: 12px;
 
102
  border: 1px solid rgba(255, 255, 255, 0.1);
103
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
104
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
105
 
106
  /* Game Thumbnail Styles */
107
  .game-thumbnail {
108
+ min-width: 150px;
109
+ height: 150px;
110
+ background: rgba(20, 20, 20, 0.7);
111
  background-size: cover;
112
  background-position: center;
113
  border-radius: 12px;