XBotz commited on
Commit
7bf0756
·
verified ·
1 Parent(s): e197231

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +279 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Dead Trail
3
- emoji: 😻
4
- colorFrom: purple
5
- colorTo: purple
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: dead-trail
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: gray
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,279 @@
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>Mabar Dead Rail Roblox | Community</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
+ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Poppins', sans-serif;
14
+ background-color: #0f172a;
15
+ color: #f8fafc;
16
+ }
17
+
18
+ .gradient-bg {
19
+ background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
20
+ }
21
+
22
+ .card-hover {
23
+ transition: all 0.3s ease;
24
+ }
25
+
26
+ .card-hover:hover {
27
+ transform: translateY(-5px);
28
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
29
+ }
30
+
31
+ .pulse-animation {
32
+ animation: pulse 2s infinite;
33
+ }
34
+
35
+ @keyframes pulse {
36
+ 0% {
37
+ box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
38
+ }
39
+ 70% {
40
+ box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
41
+ }
42
+ 100% {
43
+ box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
44
+ }
45
+ }
46
+
47
+ .train-track {
48
+ position: relative;
49
+ overflow: hidden;
50
+ }
51
+
52
+ .train-track::before {
53
+ content: "";
54
+ position: absolute;
55
+ top: 50%;
56
+ left: 0;
57
+ right: 0;
58
+ height: 2px;
59
+ background: repeating-linear-gradient(
60
+ to right,
61
+ #cbd5e1,
62
+ #cbd5e1 20px,
63
+ transparent 20px,
64
+ transparent 40px
65
+ );
66
+ transform: translateY(-50%);
67
+ }
68
+ </style>
69
+ </head>
70
+ <body class="min-h-screen">
71
+ <!-- Header -->
72
+ <header class="gradient-bg shadow-lg">
73
+ <div class="container mx-auto px-4 py-6">
74
+ <div class="flex flex-col md:flex-row items-center justify-between">
75
+ <div class="flex items-center mb-4 md:mb-0">
76
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-12 h-12 text-blue-400">
77
+ <path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5-9h10v2H7z"/>
78
+ </svg>
79
+ <div class="ml-3">
80
+ <h1 class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500">Mabar Dead Rail</h1>
81
+ <p class="text-sm text-gray-300">Roblox Community</p>
82
+ </div>
83
+ </div>
84
+
85
+ <nav class="flex space-x-6">
86
+ <a href="#home" class="text-blue-400 hover:text-blue-300 font-medium">Home</a>
87
+ <a href="#about" class="text-gray-300 hover:text-blue-300 font-medium">About</a>
88
+ <a href="#join" class="text-gray-300 hover:text-blue-300 font-medium">Join Us</a>
89
+ </nav>
90
+ </div>
91
+ </div>
92
+ </header>
93
+
94
+ <!-- Hero Section -->
95
+ <section id="home" class="py-16 train-track relative">
96
+ <div class="container mx-auto px-4">
97
+ <div class="flex flex-col md:flex-row items-center">
98
+ <div class="md:w-1/2 mb-10 md:mb-0">
99
+ <h2 class="text-4xl md:text-5xl font-bold mb-4">Let's Play <span class="text-blue-400">Dead Rail</span> Together!</h2>
100
+ <p class="text-lg text-gray-300 mb-6">Join our community of passionate Roblox Dead Rail players. Experience the thrill of train survival with friends!</p>
101
+
102
+ <div class="flex flex-wrap gap-4">
103
+ <a href="#join" class="px-6 py-3 bg-blue-600 hover:bg-blue-700 rounded-lg font-medium flex items-center pulse-animation">
104
+ <i class="fas fa-users mr-2"></i> Join Now
105
+ </a>
106
+ <a href="#about" class="px-6 py-3 bg-gray-700 hover:bg-gray-600 rounded-lg font-medium flex items-center">
107
+ <i class="fas fa-info-circle mr-2"></i> Learn More
108
+ </a>
109
+ </div>
110
+ </div>
111
+
112
+ <div class="md:w-1/2 flex justify-center">
113
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="w-64 h-64 text-blue-400">
114
+ <path fill="currentColor" d="M352 0c-17.7 0-32 14.3-32 32v96H64c-17.7 0-32 14.3-32 32s14.3 32 32 32h32v32H48c-26.5 0-48 21.5-48 48v96c0 26.5 21.5 48 48 48h16v32c0 17.7 14.3 32 32 32s32-14.3 32-32V416H352v32c0 17.7 14.3 32 32 32s32-14.3 32-32V416h16c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48h-48V224h32c17.7 0 32-14.3 32-32s-14.3-32-32-32H384V32c0-17.7-14.3-32-32-32zM96 224v64H48v96h48v-96h80v96h48V288H176V224H96zm288 0v64h-80v96h80v-96h48v96h48V288h-48V224H384z"/>
115
+ </svg>
116
+ </div>
117
+ </div>
118
+ </div>
119
+ </section>
120
+
121
+ <!-- About Section -->
122
+ <section id="about" class="py-16 bg-gray-800">
123
+ <div class="container mx-auto px-4">
124
+ <h2 class="text-3xl font-bold text-center mb-12">About <span class="text-blue-400">Dead Rail</span></h2>
125
+
126
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
127
+ <div class="bg-gray-700 p-6 rounded-xl card-hover">
128
+ <div class="text-blue-400 text-4xl mb-4">
129
+ <i class="fas fa-train"></i>
130
+ </div>
131
+ <h3 class="text-xl font-semibold mb-2">Train Survival</h3>
132
+ <p class="text-gray-300">Navigate through dangerous landscapes aboard a train, managing resources and avoiding hazards.</p>
133
+ </div>
134
+
135
+ <div class="bg-gray-700 p-6 rounded-xl card-hover">
136
+ <div class="text-blue-400 text-4xl mb-4">
137
+ <i class="fas fa-users"></i>
138
+ </div>
139
+ <h3 class="text-xl font-semibold mb-2">Multiplayer Experience</h3>
140
+ <p class="text-gray-300">Team up with friends or compete against others in this thrilling survival experience.</p>
141
+ </div>
142
+
143
+ <div class="bg-gray-700 p-6 rounded-xl card-hover">
144
+ <div class="text-blue-400 text-4xl mb-4">
145
+ <i class="fas fa-route"></i>
146
+ </div>
147
+ <h3 class="text-xl font-semibold mb-2">Dynamic Routes</h3>
148
+ <p class="text-gray-300">Every journey is different with randomly generated routes and challenges.</p>
149
+ </div>
150
+ </div>
151
+
152
+ <div class="mt-12 bg-gray-700 rounded-xl p-6 max-w-4xl mx-auto">
153
+ <h3 class="text-2xl font-semibold mb-4 text-center">Why Join Our Community?</h3>
154
+ <p class="text-gray-300 text-center">
155
+ Our Mabar Dead Rail community is the perfect place to find teammates, share strategies,
156
+ and participate in exclusive events. Whether you're a beginner or an experienced player,
157
+ you'll find a welcoming group ready to play together!
158
+ </p>
159
+ </div>
160
+ </div>
161
+ </section>
162
+
163
+ <!-- Join Section -->
164
+ <section id="join" class="py-16 gradient-bg">
165
+ <div class="container mx-auto px-4">
166
+ <h2 class="text-3xl font-bold text-center mb-12">Join Our <span class="text-blue-400">Community</span></h2>
167
+
168
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto">
169
+ <!-- Roblox Server -->
170
+ <div class="bg-gray-800 p-6 rounded-xl card-hover flex flex-col items-center text-center">
171
+ <div class="w-20 h-20 mb-4 bg-blue-600 rounded-full flex items-center justify-center">
172
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-10 h-10 text-white">
173
+ <path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5-9h10v2H7z"/>
174
+ </svg>
175
+ </div>
176
+ <h3 class="text-xl font-semibold mb-2">Roblox Server</h3>
177
+ <p class="text-gray-300 mb-4">Join our official Dead Rail server on Roblox</p>
178
+ <a href="https://www.roblox.com/games/" target="_blank" class="mt-auto px-6 py-2 bg-blue-600 hover:bg-blue-700 rounded-lg font-medium">
179
+ Join Server
180
+ </a>
181
+ </div>
182
+
183
+ <!-- WhatsApp Group -->
184
+ <div class="bg-gray-800 p-6 rounded-xl card-hover flex flex-col items-center text-center">
185
+ <div class="w-20 h-20 mb-4 bg-green-600 rounded-full flex items-center justify-center">
186
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-10 h-10 text-white">
187
+ <path fill="currentColor" d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
188
+ </svg>
189
+ </div>
190
+ <h3 class="text-xl font-semibold mb-2">WhatsApp Group</h3>
191
+ <p class="text-gray-300 mb-4">Chat with our community members</p>
192
+ <a href="https://wa.me/" target="_blank" class="mt-auto px-6 py-2 bg-green-600 hover:bg-green-700 rounded-lg font-medium">
193
+ Join Group
194
+ </a>
195
+ </div>
196
+
197
+ <!-- Discord Server -->
198
+ <div class="bg-gray-800 p-6 rounded-xl card-hover flex flex-col items-center text-center">
199
+ <div class="w-20 h-20 mb-4 bg-indigo-600 rounded-full flex items-center justify-center">
200
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-10 h-10 text-white">
201
+ <path fill="currentColor" d="M19.54 0c1.356 0 2.46 1.104 2.46 2.472v19.056c0 1.368-1.104 2.472-2.46 2.472H16.5v-5.851c1.241-.543 2.148-1.69 2.148-3.02 0-1.812-1.511-3.281-3.375-3.281-1.864 0-3.375 1.469-3.375 3.281 0 1.33.907 2.477 2.148 3.02V24H4.46C3.104 24 2 22.896 2 21.528V2.472C2 1.104 3.104 0 4.46 0h15.08zm-6.948 12.928c-.931 0-1.685.734-1.685 1.64 0 .905.754 1.64 1.685 1.64.931 0 1.685-.735 1.685-1.64 0-.906-.754-1.64-1.685-1.64zm-5.315 0c-.931 0-1.685.734-1.685 1.64 0 .905.754 1.64 1.685 1.64.931 0 1.685-.735 1.685-1.64 0-.906-.754-1.64-1.685-1.64zm10.63-8.4c-.465 0-.842.368-.842.823v9.887c0 .455.377.823.842.823h3.232V5.151h-3.232z"/>
202
+ </svg>
203
+ </div>
204
+ <h3 class="text-xl font-semibold mb-2">Discord Server</h3>
205
+ <p class="text-gray-300 mb-4">Join our active Discord community</p>
206
+ <a href="https://discord.gg/" target="_blank" class="mt-auto px-6 py-2 bg-indigo-600 hover:bg-indigo-700 rounded-lg font-medium">
207
+ Join Discord
208
+ </a>
209
+ </div>
210
+ </div>
211
+ </div>
212
+ </section>
213
+
214
+ <!-- Footer -->
215
+ <footer class="bg-gray-900 py-8">
216
+ <div class="container mx-auto px-4">
217
+ <div class="flex flex-col md:flex-row justify-between items-center">
218
+ <div class="flex items-center mb-4 md:mb-0">
219
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-8 h-8 text-blue-400">
220
+ <path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5-9h10v2H7z"/>
221
+ </svg>
222
+ <div class="ml-2">
223
+ <h3 class="text-lg font-bold">Mabar Dead Rail</h3>
224
+ <p class="text-xs text-gray-400">Roblox Community</p>
225
+ </div>
226
+ </div>
227
+
228
+ <div class="flex space-x-6">
229
+ <a href="#" class="text-gray-400 hover:text-blue-400">
230
+ <i class="fab fa-twitter text-xl"></i>
231
+ </a>
232
+ <a href="#" class="text-gray-400 hover:text-blue-400">
233
+ <i class="fab fa-instagram text-xl"></i>
234
+ </a>
235
+ <a href="#" class="text-gray-400 hover:text-blue-400">
236
+ <i class="fab fa-youtube text-xl"></i>
237
+ </a>
238
+ </div>
239
+ </div>
240
+
241
+ <div class="border-t border-gray-800 mt-6 pt-6 text-center text-gray-400 text-sm">
242
+ <p>© 2023 Mabar Dead Rail Community. All rights reserved.</p>
243
+ <p class="mt-2">Not affiliated with Roblox Corporation.</p>
244
+ </div>
245
+ </div>
246
+ </footer>
247
+
248
+ <script>
249
+ // Smooth scrolling for anchor links
250
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
251
+ anchor.addEventListener('click', function (e) {
252
+ e.preventDefault();
253
+
254
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
255
+ behavior: 'smooth'
256
+ });
257
+ });
258
+ });
259
+
260
+ // Animation for train icon
261
+ const trainIcon = document.querySelector('.train-track svg');
262
+ let pos = 0;
263
+ let direction = 1;
264
+
265
+ function animateTrain() {
266
+ pos += direction * 0.5;
267
+
268
+ if (pos > 20 || pos < -20) {
269
+ direction *= -1;
270
+ }
271
+
272
+ trainIcon.style.transform = `translateX(${pos}px)`;
273
+ requestAnimationFrame(animateTrain);
274
+ }
275
+
276
+ animateTrain();
277
+ </script>
278
+ <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=XBotz/dead-trail" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
279
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ buatkan website mabar dead rail roblox dengan versi html penuh dengan desain modern. 3 opsi ke url server, url grup wa, dan url discord. foto dan logo menggunakan svg