Hugging Face's logo

Spaces:
doctorjazz
/
sfc1
Running

App Files Community
doctorjazz commited on
Commit
fb749c8
·
verified ·
1 Parent(s): b42dc5e

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +509 -19
  3. prompts.txt +2 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Sfc1
3
- emoji: 🦀
4
- colorFrom: indigo
5
- colorTo: gray
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: sfc1
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: green
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,509 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>SecretFightClub Reddit</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ .phone-mockup {
11
+ width: 340px;
12
+ height: 680px;
13
+ border-radius: 40px;
14
+ border: 12px solid #111;
15
+ position: relative;
16
+ overflow: hidden;
17
+ box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
18
+ }
19
+ .phone-notch {
20
+ position: absolute;
21
+ top: 0;
22
+ left: 50%;
23
+ transform: translateX(-50%);
24
+ width: 150px;
25
+ height: 30px;
26
+ background: #111;
27
+ border-bottom-left-radius: 20px;
28
+ border-bottom-right-radius: 20px;
29
+ z-index: 10;
30
+ }
31
+ .screen {
32
+ width: 100%;
33
+ height: 100%;
34
+ background: #1a1a1b;
35
+ overflow-y: auto;
36
+ scrollbar-width: none;
37
+ }
38
+ .screen::-webkit-scrollbar {
39
+ display: none;
40
+ }
41
+ .post {
42
+ transition: transform 0.2s;
43
+ }
44
+ .post:hover {
45
+ transform: translateY(-2px);
46
+ }
47
+ .upvote:hover {
48
+ color: #ff4500;
49
+ }
50
+ .downvote:hover {
51
+ color: #7193ff;
52
+ }
53
+ .comment-bubble {
54
+ transition: all 0.2s;
55
+ }
56
+ .comment-bubble:hover {
57
+ color: #ffb800;
58
+ transform: scale(1.1);
59
+ }
60
+ .reddit-logo {
61
+ background: linear-gradient(45deg, #ff4500, #ff8c00);
62
+ -webkit-background-clip: text;
63
+ background-clip: text;
64
+ color: transparent;
65
+ }
66
+ .secret-badge {
67
+ background: linear-gradient(45deg, #8a2be2, #4b0082);
68
+ }
69
+ .nsfw-tag {
70
+ background: linear-gradient(45deg, #ff0000, #8b0000);
71
+ }
72
+ .spoiler-tag {
73
+ background: linear-gradient(45deg, #000000, #333333);
74
+ }
75
+ .flair {
76
+ background: linear-gradient(45deg, #ff8c00, #ff4500);
77
+ }
78
+ .devvit-badge {
79
+ background: linear-gradient(45deg, #9147ff, #772ce8);
80
+ }
81
+ @keyframes pulse {
82
+ 0% { transform: scale(1); }
83
+ 50% { transform: scale(1.05); }
84
+ 100% { transform: scale(1); }
85
+ }
86
+ .pulse-animation {
87
+ animation: pulse 2s infinite;
88
+ }
89
+ .carousel-container {
90
+ position: relative;
91
+ width: 100%;
92
+ overflow: hidden;
93
+ border-radius: 8px;
94
+ margin-bottom: 12px;
95
+ }
96
+ .carousel-slide {
97
+ display: none;
98
+ width: 100%;
99
+ transition: transform 0.5s ease;
100
+ }
101
+ .carousel-slide.active {
102
+ display: block;
103
+ }
104
+ .carousel-slide img {
105
+ width: 100%;
106
+ height: auto;
107
+ border-radius: 8px;
108
+ }
109
+ .carousel-nav {
110
+ display: flex;
111
+ justify-content: center;
112
+ align-items: center;
113
+ margin-top: 8px;
114
+ }
115
+ .carousel-dots {
116
+ display: flex;
117
+ justify-content: center;
118
+ margin: 0 10px;
119
+ }
120
+ .carousel-dot {
121
+ width: 8px;
122
+ height: 8px;
123
+ border-radius: 50%;
124
+ background-color: #555;
125
+ margin: 0 4px;
126
+ cursor: pointer;
127
+ }
128
+ .carousel-dot.active {
129
+ background-color: #9147ff;
130
+ }
131
+ .carousel-arrow {
132
+ background: #333;
133
+ border: none;
134
+ color: white;
135
+ padding: 8px 12px;
136
+ border-radius: 50%;
137
+ cursor: pointer;
138
+ font-size: 16px;
139
+ transition: all 0.2s;
140
+ }
141
+ .carousel-arrow:hover {
142
+ background: #9147ff;
143
+ }
144
+ .carousel-arrow:disabled {
145
+ opacity: 0.5;
146
+ cursor: not-allowed;
147
+ background: #333;
148
+ }
149
+ </style>
150
+ </head>
151
+ <body class="bg-gray-900 flex items-center justify-center min-h-screen p-4">
152
+ <div class="phone-mockup">
153
+ <div class="phone-notch"></div>
154
+ <div class="screen">
155
+ <!-- Header -->
156
+ <div class="bg-[#1a1a1b] sticky top-0 z-10 border-b border-gray-800 p-3 flex items-center justify-between">
157
+ <div class="flex items-center space-x-2">
158
+ <i class="fab fa-reddit text-2xl reddit-logo"></i>
159
+ <div class="flex flex-col">
160
+ <div class="flex items-center">
161
+ <span class="font-bold text-white">r/SecretFightClub</span>
162
+ <span class="ml-2 text-xs px-1 py-0.5 rounded secret-badge text-white">SECRET</span>
163
+ </div>
164
+ <span class="text-xs text-gray-400">1.2m members • 3.4k online</span>
165
+ </div>
166
+ </div>
167
+ <div class="flex space-x-2">
168
+ <button class="text-gray-400 hover:text-white">
169
+ <i class="fas fa-search"></i>
170
+ </button>
171
+ <button class="text-gray-400 hover:text-white">
172
+ <i class="fas fa-ellipsis-vertical"></i>
173
+ </button>
174
+ </div>
175
+ </div>
176
+
177
+ <!-- Sort options -->
178
+ <div class="bg-[#1a1a1b] border-b border-gray-800 p-2 flex overflow-x-auto space-x-2">
179
+ <button class="px-3 py-1 text-xs bg-gray-800 text-white rounded-full whitespace-nowrap">
180
+ <i class="fas fa-bolt mr-1"></i> Hot
181
+ </button>
182
+ <button class="px-3 py-1 text-xs bg-gray-800 text-white rounded-full whitespace-nowrap">
183
+ <i class="fas fa-arrow-trend-up mr-1"></i> Top
184
+ </button>
185
+ <button class="px-3 py-1 text-xs bg-gray-800 text-white rounded-full whitespace-nowrap">
186
+ <i class="fas fa-certificate mr-1"></i> New
187
+ </button>
188
+ <button class="px-3 py-1 text-xs bg-gray-800 text-white rounded-full whitespace-nowrap">
189
+ <i class="fas fa-arrow-up-right-from-square mr-1"></i> Rising
190
+ </button>
191
+ </div>
192
+
193
+ <!-- Posts -->
194
+ <div class="pb-16">
195
+ <!-- Devvit Block Post -->
196
+ <div class="post bg-[#1a1a1b] border-b border-gray-800 p-3">
197
+ <div class="flex items-center text-xs text-gray-400 mb-2">
198
+ <div class="w-5 h-5 bg-gray-600 rounded-full mr-2"></div>
199
+ <span class="font-medium text-gray-300">u/SFC_Admin</span>
200
+ <span class="mx-1">•</span>
201
+ <span>Just now</span>
202
+ <span class="mx-1">•</span>
203
+ <span class="flex items-center">
204
+ <i class="fas fa-thumbtack mr-1 text-blue-400"></i>
205
+ Pinned
206
+ </span>
207
+ </div>
208
+ <div class="flex items-center mb-1">
209
+ <h3 class="text-lg font-semibold text-white">SFC Onboarding Documentation</h3>
210
+ </div>
211
+ <div class="flex flex-wrap gap-2 mb-3">
212
+ </div>
213
+
214
+ <!-- Carousel -->
215
+ <div class="carousel-container">
216
+ <div class="carousel-slide active">
217
+ <img src="https://jaredsteffes.com/ep/Slide1.PNG" alt="Slide 1: Welcome to Secret Fight Club">
218
+ </div>
219
+ <div class="carousel-slide">
220
+ <img src="https://jaredsteffes.com/ep/Slide2.PNG" alt="Slide 2: The First Rule">
221
+ </div>
222
+ <div class="carousel-slide">
223
+ <img src="https://jaredsteffes.com/ep/Slide3.PNG" alt="Slide 3: The Second Rule">
224
+ </div>
225
+ <div class="carousel-slide">
226
+ <img src="https://jaredsteffes.com/ep/Slide4.PNG" alt="Slide 4: Fight Night Basics">
227
+ </div>
228
+ <div class="carousel-slide">
229
+ <img src="https://jaredsteffes.com/ep/Slide5.PNG" alt="Slide 5: Safety Guidelines">
230
+ </div>
231
+ <div class="carousel-slide">
232
+ <img src="https://jaredsteffes.com/ep/Slide6.PNG" alt="Slide 6: Code of Conduct">
233
+ </div>
234
+
235
+ <div class="carousel-nav">
236
+ <button class="carousel-arrow" id="prev-slide">
237
+ <i class="fas fa-chevron-left"></i>
238
+ </button>
239
+ <div class="carousel-dots">
240
+ <span class="carousel-dot active" data-slide="0"></span>
241
+ <span class="carousel-dot" data-slide="1"></span>
242
+ <span class="carousel-dot" data-slide="2"></span>
243
+ <span class="carousel-dot" data-slide="3"></span>
244
+ <span class="carousel-dot" data-slide="4"></span>
245
+ <span class="carousel-dot" data-slide="5"></span>
246
+ </div>
247
+ <button class="carousel-arrow" id="next-slide">
248
+ <i class="fas fa-chevron-right"></i>
249
+ </button>
250
+ </div>
251
+ </div>
252
+
253
+ <div class="bg-gray-800 rounded-lg p-3 mb-3">
254
+ <p class="text-gray-300 text-sm">New members must review all onboarding materials before attending their first fight night. Failure to comply with rules will result in immediate expulsion from the club.</p>
255
+ <p class="text-gray-300 text-sm mt-2">Use the arrows to navigate through the slides. Comment below with any questions.</p>
256
+ </div>
257
+ <div class="flex items-center justify-between text-gray-400 text-sm">
258
+ <div class="flex items-center space-x-4">
259
+ <button class="flex items-center upvote">
260
+ <i class="fas fa-arrow-up mr-1"></i>
261
+ <span>0</span>
262
+ </button>
263
+ <button class="flex items-center downvote">
264
+ <i class="fas fa-arrow-down"></i>
265
+ </button>
266
+ </div>
267
+ <div class="flex items-center space-x-4">
268
+ <button class="flex items-center comment-bubble">
269
+ <i class="far fa-comment mr-1"></i>
270
+ <span>0</span>
271
+ </button>
272
+ <button class="flex items-center">
273
+ <i class="far fa-bookmark"></i>
274
+ </button>
275
+ <button class="flex items-center">
276
+ <i class="fas fa-share"></i>
277
+ </button>
278
+ </div>
279
+ </div>
280
+ </div>
281
+
282
+ <!-- Pinned post -->
283
+ <div class="post bg-[#1a1a1b] border-b border-gray-800 p-3">
284
+ <div class="flex items-center text-xs text-gray-400 mb-2">
285
+ <div class="w-5 h-5 bg-gray-600 rounded-full mr-2"></div>
286
+ <span class="font-medium text-gray-300">u/FightMaster</span>
287
+ <span class="mx-1">•</span>
288
+ <span>2d</span>
289
+ <span class="mx-1">•</span>
290
+ <span class="flex items-center">
291
+ <i class="fas fa-thumbtack mr-1 text-blue-400"></i>
292
+ Pinned
293
+ </span>
294
+ </div>
295
+ <h3 class="text-lg font-semibold text-white mb-2">First rule of Secret Fight Club... wait, I can't say that</h3>
296
+ <div class="flex flex-wrap gap-2 mb-3">
297
+ <span class="text-xs px-2 py-1 rounded-full nsfw-tag text-white">NSFW</span>
298
+ <span class="text-xs px-2 py-1 rounded-full spoiler-tag text-white">SPOILER</span>
299
+ <span class="text-xs px-2 py-1 rounded-full flair text-white">Underground</span>
300
+ </div>
301
+ <div class="bg-gray-800 rounded-lg p-3 mb-3">
302
+ <p class="text-gray-300 text-sm">Alright fighters, remember the rules. No talking about the club outside. No weapons. No shirts. No mercy. Tonight's underground event will be at the usual spot. Password is "bloodsweat".</p>
303
+ <p class="text-gray-300 text-sm mt-2">P.S. Bring your own tape.</p>
304
+ </div>
305
+ <div class="flex items-center justify-between text-gray-400 text-sm">
306
+ <div class="flex items-center space-x-4">
307
+ <button class="flex items-center upvote">
308
+ <i class="fas fa-arrow-up mr-1"></i>
309
+ <span>4.2k</span>
310
+ </button>
311
+ <button class="flex items-center downvote">
312
+ <i class="fas fa-arrow-down"></i>
313
+ </button>
314
+ </div>
315
+ <div class="flex items-center space-x-4">
316
+ <button class="flex items-center comment-bubble">
317
+ <i class="far fa-comment mr-1"></i>
318
+ <span>387</span>
319
+ </button>
320
+ <button class="flex items-center">
321
+ <i class="far fa-bookmark"></i>
322
+ </button>
323
+ <button class="flex items-center">
324
+ <i class="fas fa-share"></i>
325
+ </button>
326
+ </div>
327
+ </div>
328
+ </div>
329
+
330
+ <!-- Regular post 1 -->
331
+ <div class="post bg-[#1a1a1b] border-b border-gray-800 p-3">
332
+ <div class="flex items-center text-xs text-gray-400 mb-2">
333
+ <div class="w-5 h-5 bg-gray-600 rounded-full mr-2"></div>
334
+ <span class="font-medium text-gray-300">u/ChampionOfTheRing</span>
335
+ <span class="mx-1">•</span>
336
+ <span>5h</span>
337
+ </div>
338
+ <h3 class="text-lg font-semibold text-white mb-2">Just got my first KO last night! Feels amazing!</h3>
339
+ <div class="bg-gray-800 rounded-lg overflow-hidden mb-3">
340
+ <img src="https://images.unsplash.com/photo-1547332222-5a99a0a2f5df?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Boxing gloves" class="w-full h-auto">
341
+ </div>
342
+ <div class="flex items-center justify-between text-gray-400 text-sm">
343
+ <div class="flex items-center space-x-4">
344
+ <button class="flex items-center upvote">
345
+ <i class="fas fa-arrow-up mr-1"></i>
346
+ <span>892</span>
347
+ </button>
348
+ <button class="flex items-center downvote">
349
+ <i class="fas fa-arrow-down"></i>
350
+ </button>
351
+ </div>
352
+ <div class="flex items-center space-x-4">
353
+ <button class="flex items-center comment-bubble">
354
+ <i class="far fa-comment mr-1"></i>
355
+ <span>64</span>
356
+ </button>
357
+ <button class="flex items-center">
358
+ <i class="far fa-bookmark"></i>
359
+ </button>
360
+ <button class="flex items-center">
361
+ <i class="fas fa-share"></i>
362
+ </button>
363
+ </div>
364
+ </div>
365
+ </div>
366
+ </div>
367
+
368
+ <!-- Bottom navigation -->
369
+ <div class="fixed bottom-0 left-0 right-0 bg-[#1a1a1b] border-t border-gray-800 flex justify-around py-3">
370
+ <button class="text-gray-400 hover:text-white text-xl">
371
+ <i class="fas fa-home"></i>
372
+ </button>
373
+ <button class="text-gray-400 hover:text-white text-xl">
374
+ <i class="fas fa-compass"></i>
375
+ </button>
376
+ <button class="text-white bg-orange-500 rounded-full p-2 text-xl pulse-animation">
377
+ <i class="fas fa-plus"></i>
378
+ </button>
379
+ <button class="text-gray-400 hover:text-white text-xl">
380
+ <i class="fas fa-bell"></i>
381
+ </button>
382
+ <button class="text-gray-400 hover:text-white text-xl">
383
+ <i class="fas fa-inbox"></i>
384
+ </button>
385
+ </div>
386
+ </div>
387
+ </div>
388
+
389
+ <script>
390
+ // Carousel functionality
391
+ document.addEventListener('DOMContentLoaded', function() {
392
+ const slides = document.querySelectorAll('.carousel-slide');
393
+ const dots = document.querySelectorAll('.carousel-dot');
394
+ const prevBtn = document.getElementById('prev-slide');
395
+ const nextBtn = document.getElementById('next-slide');
396
+ let currentSlide = 0;
397
+
398
+ function showSlide(index) {
399
+ slides.forEach(slide => slide.classList.remove('active'));
400
+ dots.forEach(dot => dot.classList.remove('active'));
401
+
402
+ slides[index].classList.add('active');
403
+ dots[index].classList.add('active');
404
+ currentSlide = index;
405
+
406
+ // Disable buttons when at ends
407
+ prevBtn.disabled = index === 0;
408
+ nextBtn.disabled = index === slides.length - 1;
409
+ }
410
+
411
+ function nextSlide() {
412
+ if (currentSlide < slides.length - 1) {
413
+ showSlide(currentSlide + 1);
414
+ }
415
+ }
416
+
417
+ function prevSlide() {
418
+ if (currentSlide > 0) {
419
+ showSlide(currentSlide - 1);
420
+ }
421
+ }
422
+
423
+ // Button events
424
+ nextBtn.addEventListener('click', nextSlide);
425
+ prevBtn.addEventListener('click', prevSlide);
426
+
427
+ // Dot navigation
428
+ dots.forEach(dot => {
429
+ dot.addEventListener('click', function() {
430
+ const slideIndex = parseInt(this.getAttribute('data-slide'));
431
+ showSlide(slideIndex);
432
+ });
433
+ });
434
+
435
+ // Keyboard navigation
436
+ document.addEventListener('keydown', function(e) {
437
+ if (e.key === 'ArrowRight') {
438
+ nextSlide();
439
+ } else if (e.key === 'ArrowLeft') {
440
+ prevSlide();
441
+ }
442
+ });
443
+
444
+ // Initialize
445
+ showSlide(0);
446
+ });
447
+
448
+ // Interactive elements
449
+ document.querySelectorAll('.upvote').forEach(button => {
450
+ button.addEventListener('click', function() {
451
+ const countElement = this.querySelector('span');
452
+ if (countElement) {
453
+ let count = parseInt(countElement.textContent.replace(/[^\d]/g, ''));
454
+ if (this.classList.contains('text-orange-500')) {
455
+ this.classList.remove('text-orange-500');
456
+ countElement.textContent = count - 1;
457
+ } else {
458
+ this.classList.add('text-orange-500');
459
+ countElement.textContent = count + 1;
460
+ // If downvote was active, remove it
461
+ const downvote = this.closest('.flex').querySelector('.downvote');
462
+ if (downvote.classList.contains('text-blue-400')) {
463
+ downvote.classList.remove('text-blue-400');
464
+ countElement.textContent = count + 2;
465
+ }
466
+ }
467
+ }
468
+ });
469
+ });
470
+
471
+ document.querySelectorAll('.downvote').forEach(button => {
472
+ button.addEventListener('click', function() {
473
+ const countElement = this.closest('.flex').querySelector('.upvote span');
474
+ if (countElement) {
475
+ let count = parseInt(countElement.textContent.replace(/[^\d]/g, ''));
476
+ if (this.classList.contains('text-blue-400')) {
477
+ this.classList.remove('text-blue-400');
478
+ countElement.textContent = count + 1;
479
+ } else {
480
+ this.classList.add('text-blue-400');
481
+ countElement.textContent = count - 1;
482
+ // If upvote was active, remove it
483
+ const upvote = this.closest('.flex').querySelector('.upvote');
484
+ if (upvote.classList.contains('text-orange-500')) {
485
+ upvote.classList.remove('text-orange-500');
486
+ countElement.textContent = count - 2;
487
+ }
488
+ }
489
+ }
490
+ });
491
+ });
492
+
493
+ document.querySelectorAll('.comment-bubble').forEach(button => {
494
+ button.addEventListener('click', function() {
495
+ this.classList.toggle('text-yellow-400');
496
+ });
497
+ });
498
+
499
+ document.querySelectorAll('.post').forEach(post => {
500
+ post.addEventListener('click', function(e) {
501
+ if (!e.target.closest('button')) {
502
+ // Simulate opening post detail
503
+ alert('Opening post detail view...');
504
+ }
505
+ });
506
+ });
507
+ </script>
508
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=doctorjazz/sfc1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
509
+ </html>
prompts.txt ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ make a smart phone showing a subreddit called r/SecretFightClub
2
+ create a reddit devvit block post application as the first post. It will be titled SFC Onboarding Documentation. It will contain a slide carousel that has these slides https://jaredsteffes.com/ep/Slide1.PNG, https://jaredsteffes.com/ep/Slide2.PNG, https://jaredsteffes.com/ep/Slide3.PNG, https://jaredsteffes.com/ep/Slide4.PNG, https://jaredsteffes.com/ep/Slide5.PNG, https://jaredsteffes.com/ep/Slide6.PNG, with arrows underneath to progress forward or backwards