Destroyer23434 commited on
Commit
2951ffb
·
verified ·
1 Parent(s): fc5a345

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +328 -19
  3. prompts.txt +2 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Zero
3
- emoji: 🏆
4
- colorFrom: green
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: zero
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: yellow
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,328 @@
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>Team Zero | Professional Esports Team</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
+ /* Custom animations */
11
+ @keyframes float {
12
+ 0%, 100% { transform: translateY(0); }
13
+ 50% { transform: translateY(-10px); }
14
+ }
15
+
16
+ @keyframes pulse {
17
+ 0%, 100% { opacity: 1; }
18
+ 50% { opacity: 0.5; }
19
+ }
20
+
21
+ @keyframes slideIn {
22
+ from { transform: translateX(-50px); opacity: 0; }
23
+ to { transform: translateX(0); opacity: 1; }
24
+ }
25
+
26
+ .float-animation {
27
+ animation: float 3s ease-in-out infinite;
28
+ }
29
+
30
+ .pulse-animation {
31
+ animation: pulse 2s ease-in-out infinite;
32
+ }
33
+
34
+ .slide-in {
35
+ animation: slideIn 0.8s ease-out forwards;
36
+ }
37
+
38
+ /* Custom scrollbar */
39
+ ::-webkit-scrollbar {
40
+ width: 8px;
41
+ }
42
+
43
+ ::-webkit-scrollbar-track {
44
+ background: #111827;
45
+ }
46
+
47
+ ::-webkit-scrollbar-thumb {
48
+ background: #374151;
49
+ border-radius: 4px;
50
+ }
51
+
52
+ /* Hexagon shape */
53
+ .hexagon {
54
+ clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
55
+ }
56
+
57
+ /* Glitch effect */
58
+ .glitch {
59
+ position: relative;
60
+ }
61
+
62
+ .glitch::before, .glitch::after {
63
+ content: attr(data-text);
64
+ position: absolute;
65
+ top: 0;
66
+ left: 0;
67
+ width: 100%;
68
+ height: 100%;
69
+ opacity: 0.8;
70
+ }
71
+
72
+ .glitch::before {
73
+ color: #9ca3af;
74
+ z-index: -1;
75
+ animation: glitch-effect 3s infinite;
76
+ }
77
+
78
+ .glitch::after {
79
+ color: #6b7280;
80
+ z-index: -2;
81
+ animation: glitch-effect 2s infinite reverse;
82
+ }
83
+
84
+ @keyframes glitch-effect {
85
+ 0% { transform: translate(0); }
86
+ 20% { transform: translate(-3px, 3px); }
87
+ 40% { transform: translate(-3px, -3px); }
88
+ 60% { transform: translate(3px, 3px); }
89
+ 80% { transform: translate(3px, -3px); }
90
+ 100% { transform: translate(0); }
91
+ }
92
+
93
+ /* Hover effects */
94
+ .hover-scale {
95
+ transition: transform 0.3s ease;
96
+ }
97
+
98
+ .hover-scale:hover {
99
+ transform: scale(1.05);
100
+ }
101
+
102
+ /* Section dividers */
103
+ .diagonal-divider {
104
+ position: relative;
105
+ overflow: hidden;
106
+ }
107
+
108
+ .diagonal-divider::after {
109
+ content: '';
110
+ position: absolute;
111
+ bottom: -2px;
112
+ left: 0;
113
+ width: 100%;
114
+ height: 100px;
115
+ background: linear-gradient(to bottom right, transparent 49%, #111827 50%);
116
+ z-index: 1;
117
+ }
118
+ </style>
119
+ </head>
120
+ <body class="bg-gray-900 text-gray-200 font-sans">
121
+ <!-- Navigation -->
122
+ <nav class="bg-gray-800/90 backdrop-blur-md sticky top-0 z-50 shadow-lg">
123
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
124
+ <div class="flex items-center justify-between h-16">
125
+ <div class="flex items-center">
126
+ <div class="flex-shrink-0">
127
+ <span class="text-gray-300 font-bold text-2xl tracking-wider">TEAM <span class="text-white">ZERO</span></span>
128
+ </div>
129
+ <div class="hidden md:block">
130
+ <div class="ml-10 flex items-baseline space-x-4">
131
+ <a href="#home" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-700/50 transition">Home</a>
132
+ <a href="#about" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-700/50 transition">About</a>
133
+ <a href="#team" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-700/50 transition">Team</a>
134
+ <a href="#news" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-700/50 transition">News</a>
135
+ <a href="#schedule" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-700/50 transition">Schedule</a>
136
+ <a href="#store" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-700/50 transition">Store</a>
137
+ <a href="#contact" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-700/50 transition">Contact</a>
138
+ </div>
139
+ </div>
140
+ </div>
141
+ <div class="hidden md:block">
142
+ <div class="ml-4 flex items-center md:ml-6">
143
+ <button class="bg-gray-700 hover:bg-gray-600 text-white px-4 py-2 rounded-md text-sm font-medium transition hover-scale">
144
+ Join Our Discord
145
+ </button>
146
+ </div>
147
+ </div>
148
+ <div class="-mr-2 flex md:hidden">
149
+ <button id="mobile-menu-button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none">
150
+ <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
151
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
152
+ </svg>
153
+ </button>
154
+ </div>
155
+ </div>
156
+ </div>
157
+
158
+ <!-- Mobile menu -->
159
+ <div id="mobile-menu" class="hidden md:hidden bg-gray-800/95 backdrop-blur-sm">
160
+ <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
161
+ <a href="#home" class="text-white block px-3 py-2 rounded-md text-base font-medium hover:bg-gray-700/50">Home</a>
162
+ <a href="#about" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium hover:bg-gray-700/50">About</a>
163
+ <a href="#team" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium hover:bg-gray-700/50">Team</a>
164
+ <a href="#news" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium hover:bg-gray-700/50">News</a>
165
+ <a href="#schedule" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium hover:bg-gray-700/50">Schedule</a>
166
+ <a href="#store" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium hover:bg-gray-700/50">Store</a>
167
+ <a href="#contact" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium hover:bg-gray-700/50">Contact</a>
168
+ </div>
169
+ <div class="pt-4 pb-3 border-t border-gray-700">
170
+ <div class="flex items-center px-5">
171
+ <button class="bg-gray-700 hover:bg-gray-600 text-white px-4 py-2 rounded-md text-sm font-medium w-full transition hover-scale">
172
+ Join Our Discord
173
+ </button>
174
+ </div>
175
+ </div>
176
+ </div>
177
+ </nav>
178
+
179
+ <!-- Hero Section -->
180
+ <section id="home" class="relative bg-gradient-to-b from-gray-900 to-gray-800 h-screen flex items-center justify-center overflow-hidden">
181
+ <div class="absolute inset-0 z-0">
182
+ <div class="absolute inset-0 bg-black/60"></div>
183
+ <div class="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-10"></div>
184
+ <div class="absolute inset-0 flex items-center justify-center overflow-hidden">
185
+ <div class="hexagon w-64 h-64 bg-gray-800/30 absolute top-1/4 left-1/4 float-animation"></div>
186
+ <div class="hexagon w-96 h-96 bg-gray-800/20 absolute bottom-1/4 right-1/4 float-animation animation-delay-2000"></div>
187
+ <div class="hexagon w-80 h-80 bg-gray-800/10 absolute top-1/3 right-1/3 float-animation animation-delay-1000"></div>
188
+ </div>
189
+ </div>
190
+
191
+ <div class="relative z-10 text-center px-4 sm:px-6 lg:px-8 max-w-4xl mx-auto">
192
+ <h1 class="text-4xl md:text-6xl font-extrabold mb-6 text-white glitch" data-text="ZERO LIMITS">
193
+ <span class="text-gray-300">ZERO</span> LIMITS
194
+ </h1>
195
+ <p class="text-xl md:text-2xl text-gray-400 mb-8 slide-in">
196
+ Dominating the esports arena in Valorant, League of Legends, and CS:GO with precision and strategy.
197
+ </p>
198
+ <div class="flex flex-col sm:flex-row justify-center gap-4 slide-in" style="animation-delay: 0.2s">
199
+ <button class="bg-gray-700 hover:bg-gray-600 text-white px-8 py-3 rounded-lg text-lg font-semibold transition hover-scale">
200
+ Meet The Team
201
+ </button>
202
+ <button class="bg-transparent border-2 border-gray-600 text-white px-8 py-3 rounded-lg text-lg font-semibold transition hover-scale hover:bg-gray-800/30">
203
+ Watch Live
204
+ </button>
205
+ </div>
206
+ </div>
207
+
208
+ <div class="absolute bottom-10 left-0 right-0 flex justify-center pulse-animation">
209
+ <a href="#about" class="text-gray-400">
210
+ <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
211
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3"></path>
212
+ </svg>
213
+ </a>
214
+ </div>
215
+ </section>
216
+
217
+ <!-- Welcome Section -->
218
+ <section class="py-20 bg-gray-800 diagonal-divider">
219
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
220
+ <div class="text-center mb-16">
221
+ <h2 class="text-3xl md:text-4xl font-bold text-white mb-4">Welcome to Team Zero</h2>
222
+ <div class="w-20 h-1 bg-gray-600 mx-auto mb-6"></div>
223
+ <p class="text-xl text-gray-400 max-w-3xl mx-auto">
224
+ Team Zero is a premier esports organization dedicated to excellence in competitive gaming.
225
+ Founded by passionate gamers, we've grown into a powerhouse competing at the highest levels
226
+ of Valorant, League of Legends, and CS:GO. Explore our site to meet our players,
227
+ follow our journey, and join our growing community of fans.
228
+ </p>
229
+ </div>
230
+
231
+ <!-- Featured Content -->
232
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
233
+ <!-- Latest News -->
234
+ <div class="bg-gray-700/50 rounded-xl overflow-hidden shadow-lg hover-scale backdrop-blur-sm border border-gray-600/30">
235
+ <div class="p-6">
236
+ <div class="flex items-center mb-4">
237
+ <div class="bg-gray-600 p-2 rounded-full mr-3">
238
+ <i class="fas fa-newspaper text-gray-300"></i>
239
+ </div>
240
+ <h3 class="text-xl font-bold text-white">Latest News</h3>
241
+ </div>
242
+ <div class="space-y-4">
243
+ <div class="border-l-4 border-gray-600 pl-4">
244
+ <h4 class="font-semibold text-white">Victory at the Valorant Champions Tour!</h4>
245
+ <p class="text-gray-400 text-sm">Team Zero secures first place in the regional finals.</p>
246
+ </div>
247
+ <div class="border-l-4 border-gray-600 pl-4">
248
+ <h4 class="font-semibold text-white">New Partnership with HyperX</h4>
249
+ <p class="text-gray-400 text-sm">Exciting new gear coming to our players.</p>
250
+ </div>
251
+ </div>
252
+ <button class="mt-4 text-gray-400 hover:text-gray-300 text-sm font-medium transition">
253
+ View All News <i class="fas fa-arrow-right ml-1"></i>
254
+ </button>
255
+ </div>
256
+ </div>
257
+
258
+ <!-- Upcoming Match -->
259
+ <div class="bg-gray-700/50 rounded-xl overflow-hidden shadow-lg hover-scale backdrop-blur-sm border border-gray-600/30">
260
+ <div class="p-6">
261
+ <div class="flex items-center mb-4">
262
+ <div class="bg-gray-600 p-2 rounded-full mr-3">
263
+ <i class="fas fa-calendar-alt text-gray-300"></i>
264
+ </div>
265
+ <h3 class="text-xl font-bold text-white">Upcoming Match</h3>
266
+ </div>
267
+ <div class="flex items-center justify-between mb-4">
268
+ <div class="text-center">
269
+ <div class="w-16 h-16 bg-gray-600/50 rounded-full mx-auto mb-2 flex items-center justify-center border border-gray-500">
270
+ <span class="text-xl font-bold text-gray-300">TZ</span>
271
+ </div>
272
+ <span class="text-sm font-medium text-white">Team Zero</span>
273
+ </div>
274
+ <div class="text-center mx-4">
275
+ <div class="text-xs font-bold text-gray-400 mb-1">JUN 15</div>
276
+ <div class="text-sm font-bold text-white">20:00 CET</div>
277
+ <div class="text-xs text-gray-500 mt-1">BO3</div>
278
+ </div>
279
+ <div class="text-center">
280
+ <div class="w-16 h-16 bg-gray-600/50 rounded-full mx-auto mb-2 flex items-center justify-center border border-gray-500">
281
+ <span class="text-xl font-bold text-gray-300">VS</span>
282
+ </div>
283
+ <span class="text-sm font-medium text-white">Rival Esports</span>
284
+ </div>
285
+ </div>
286
+ <button class="w-full bg-gray-700 hover:bg-gray-600 text-white py-2 rounded-lg text-sm font-medium transition hover-scale">
287
+ Set Reminder
288
+ </button>
289
+ </div>
290
+ </div>
291
+
292
+ <!-- Player Spotlight -->
293
+ <div class="bg-gray-700/50 rounded-xl overflow-hidden shadow-lg hover-scale backdrop-blur-sm border border-gray-600/30">
294
+ <div class="p-6">
295
+ <div class="flex items-center mb-4">
296
+ <div class="bg-gray-600 p-2 rounded-full mr-3">
297
+ <i class="fas fa-star text-gray-300"></i>
298
+ </div>
299
+ <h3 class="text-xl font-bold text-white">Player Spotlight</h3>
300
+ </div>
301
+ <div class="flex items-center mb-4">
302
+ <div class="w-16 h-16 rounded-full overflow-hidden mr-4 border-2 border-gray-500">
303
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Player" class="w-full h-full object-cover">
304
+ </div>
305
+ <div>
306
+ <h4 class="font-bold text-white">"Phantom"</h4>
307
+ <p class="text-gray-400 text-sm">Valorant • Duelist</p>
308
+ <p class="text-gray-500 text-xs">Current Rank: Radiant</p>
309
+ </div>
310
+ </div>
311
+ <p class="text-gray-400 text-sm mb-4">
312
+ Known for his aggressive playstyle and clutch abilities. Holds the record for most aces in a single tournament.
313
+ </p>
314
+ <button class="text-gray-400 hover:text-gray-300 text-sm font-medium transition">
315
+ View Profile <i class="fas fa-arrow-right ml-1"></i>
316
+ </button>
317
+ </div>
318
+ </div>
319
+ </div>
320
+ </div>
321
+ </section>
322
+
323
+ <!-- About Section -->
324
+ <section id="about" class="py-20 bg-gray-900">
325
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
326
+ <div class="text-center mb-16">
327
+
328
+ </html>
prompts.txt ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ Website Content Generation Prompt for Team Zero "Generate content for an esports team website. The team's name is Team Zero, and we specialize in [mention 1-3 primary games, e.g., Valorant, League of Legends, CS:GO]. The website should convey a professional, competitive, and engaging tone. Home Page Hero Section: A concise tagline or mission statement (e.g., "Dominating the Arena, One Victory at a Time" or "Zero Limits. Endless Victories."). Welcome Message: A brief paragraph introducing Team Zero, our passion for esports, and what visitors can expect from the site. Featured Content: Suggest 2-3 dynamic blocks (e.g., Latest News, Upcoming Match, Top Player Spotlight). About Us Our Story: A short history of Team Zero's formation, key milestones, and evolution. Our Mission & Values: Describe Team Zero's core philosophy, commitment to excellence, teamwork, and sportsmanship. Achievements (optional): Mention any notable tournament wins, rankings, or significant accomplishments of Team Zero. Team Roster Introduction: A brief paragraph introducing Team Zero's members. Player Profiles: For at least 3-5 hypothetical players, include: Player Name In-Game Name (IGN) Role (e.g., Entry Fragger, Support, Mid-Laner) Primary Game(s) Short Bio/Fun Fact: A 1-2 sentence description of their playstyle or a unique personal detail. News & Blog Section Introduction: A line about keeping Team Zero fans updated. Placeholder for Latest News: Suggest titles and very brief summaries for 2-3 recent articles (e.g., "Victory at the [Tournament Name]!", "Player Spotlight: [IGN]", "New Partnership Announcement"). Schedule & Results Introduction: A line about keeping track of Team Zero's matches. Upcoming Matches: Suggest 2-3 hypothetical upcoming matches with opponent, date, time, and game. Recent Results: List 2-3 hypothetical past match outcomes (e.g., "Vs. [Opponent Team]: WIN (2-1)", "Vs. [Opponent Team]: LOSS (0-2)"). Store Storefront Introduction: A welcoming message encouraging Team Zero fans to support the team by purchasing merchandise. Product Categories: Suggest 3-4 main categories (e.g., Apparel, Headwear, Accessories, Gaming Gear). Sample Product Descriptions: For at least 3 hypothetical products (e.g., "Official Team Zero Jersey," "Team Zero Logo Hoodie," "Team Zero Gaming Mousepad"), include: Product Name Brief Description: Highlight key features, material, and why a fan would want it. Call to Action: Encourage Browse the full collection. Contact Us Introduction: A line about how to get in touch with Team Zero. Contact Methods: Suggest common ways (e.g., business inquiries email, fan mail email). Social Media Integration: List 3-4 popular platforms (e.g., Twitter, Twitch, YouTube, Instagram) with placeholder links
2
+ make black and grey animation themed