Hugging Face's logo

Spaces:
XBotz
/
dead-rails
Running

App Files Community
XBotz commited on
Commit
a3d93c8
·
verified ·
1 Parent(s): 30da965

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +285 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Dead Rails
3
- emoji: 🐨
4
- colorFrom: green
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-rails
3
+ emoji: 🐳
4
+ colorFrom: purple
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,285 @@
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>Dead Rails Mabar | Private Server</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@400;600;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Poppins', sans-serif;
14
+ background-color: #0f172a;
15
+ color: #e2e8f0;
16
+ }
17
+
18
+ .glow-text {
19
+ text-shadow: 0 0 10px rgba(59, 130, 246, 0.7);
20
+ }
21
+
22
+ .server-card {
23
+ background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
24
+ border: 1px solid #334155;
25
+ transition: all 0.3s ease;
26
+ }
27
+
28
+ .server-card:hover {
29
+ transform: translateY(-5px);
30
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
31
+ }
32
+
33
+ .join-btn {
34
+ background: linear-gradient(90deg, #3b82f6 0%, #6366f1 100%);
35
+ transition: all 0.3s ease;
36
+ }
37
+
38
+ .join-btn:hover {
39
+ transform: scale(1.05);
40
+ box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);
41
+ }
42
+
43
+ .player-card {
44
+ background-color: #1e293b;
45
+ transition: all 0.2s ease;
46
+ }
47
+
48
+ .player-card:hover {
49
+ background-color: #334155;
50
+ }
51
+
52
+ .pulse {
53
+ animation: pulse 2s infinite;
54
+ }
55
+
56
+ @keyframes pulse {
57
+ 0% {
58
+ box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
59
+ }
60
+ 70% {
61
+ box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
62
+ }
63
+ 100% {
64
+ box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
65
+ }
66
+ }
67
+
68
+ .online-dot {
69
+ width: 10px;
70
+ height: 10px;
71
+ background-color: #10b981;
72
+ border-radius: 50%;
73
+ display: inline-block;
74
+ }
75
+ </style>
76
+ </head>
77
+ <body>
78
+ <div class="min-h-screen">
79
+ <!-- Header -->
80
+ <header class="bg-gradient-to-r from-blue-900 to-indigo-900 py-6 shadow-lg">
81
+ <div class="container mx-auto px-4">
82
+ <div class="flex justify-between items-center">
83
+ <div class="flex items-center space-x-3">
84
+ <img src="https://tr.rbxcdn.com/7d4c8a2c2c0c5d1d5d8b1b5d5d5d5d5/150/150/Image/Png" alt="Dead Rails Logo" class="w-12 h-12 rounded-full">
85
+ <h1 class="text-2xl md:text-3xl font-bold glow-text">Dead Rails Mabar</h1>
86
+ </div>
87
+ <div>
88
+ <span class="bg-blue-600 text-white px-3 py-1 rounded-full text-sm flex items-center">
89
+ <span class="online-dot mr-2"></span>
90
+ <span id="online-count">0</span> Players Online
91
+ </span>
92
+ </div>
93
+ </div>
94
+ </div>
95
+ </header>
96
+
97
+ <!-- Main Content -->
98
+ <main class="container mx-auto px-4 py-8">
99
+ <!-- Server Info Section -->
100
+ <section class="mb-12">
101
+ <div class="text-center mb-8">
102
+ <h2 class="text-3xl font-bold mb-2 glow-text">Private Server</h2>
103
+ <p class="text-gray-400 max-w-2xl mx-auto">Join our exclusive Dead Rails private server for the best multiplayer experience with friends!</p>
104
+ </div>
105
+
106
+ <div class="max-w-3xl mx-auto server-card rounded-xl p-6 shadow-lg">
107
+ <div class="flex flex-col md:flex-row items-center justify-between">
108
+ <div class="flex items-center mb-4 md:mb-0">
109
+ <div class="bg-blue-900 p-3 rounded-lg mr-4">
110
+ <i class="fas fa-server text-2xl text-blue-300"></i>
111
+ </div>
112
+ <div>
113
+ <h3 class="text-xl font-semibold">Dead Rails VIP Server</h3>
114
+ <p class="text-gray-400 text-sm">24/7 Uptime • Low Ping • Custom Events</p>
115
+ </div>
116
+ </div>
117
+ <div>
118
+ <a href="https://www.roblox.com/games/123456789/Dead-Rails?privateServerLinkCode=ABC123XYZ"
119
+ target="_blank"
120
+ class="join-btn text-white font-semibold px-6 py-3 rounded-lg inline-flex items-center">
121
+ <i class="fas fa-play mr-2"></i> Join Server
122
+ </a>
123
+ </div>
124
+ </div>
125
+
126
+ <div class="mt-6 pt-6 border-t border-gray-700">
127
+ <div class="flex flex-wrap justify-between">
128
+ <div class="w-full md:w-1/2 mb-4 md:mb-0">
129
+ <h4 class="font-semibold text-blue-400 mb-2">Server Features</h4>
130
+ <ul class="space-y-2">
131
+ <li class="flex items-center">
132
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
133
+ <span>Exclusive VIP access</span>
134
+ </li>
135
+ <li class="flex items-center">
136
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
137
+ <span>No random players</span>
138
+ </li>
139
+ <li class="flex items-center">
140
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
141
+ <span>Custom game modes</span>
142
+ </li>
143
+ </ul>
144
+ </div>
145
+ <div class="w-full md:w-1/2">
146
+ <h4 class="font-semibold text-blue-400 mb-2">Server Rules</h4>
147
+ <ul class="space-y-2">
148
+ <li class="flex items-center">
149
+ <i class="fas fa-exclamation-triangle text-yellow-500 mr-2"></i>
150
+ <span>No hacking/exploiting</span>
151
+ </li>
152
+ <li class="flex items-center">
153
+ <i class="fas fa-exclamation-triangle text-yellow-500 mr-2"></i>
154
+ <span>Be respectful to others</span>
155
+ </li>
156
+ <li class="flex items-center">
157
+ <i class="fas fa-exclamation-triangle text-yellow-500 mr-2"></i>
158
+ <span>No excessive teaming</span>
159
+ </li>
160
+ </ul>
161
+ </div>
162
+ </div>
163
+ </div>
164
+ </div>
165
+ </section>
166
+
167
+ <!-- Online Players Section -->
168
+ <section>
169
+ <div class="text-center mb-8">
170
+ <h2 class="text-3xl font-bold mb-2 glow-text">Online Players</h2>
171
+ <p class="text-gray-400 max-w-2xl mx-auto">See who's currently playing in our private server</p>
172
+ </div>
173
+
174
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4" id="players-list">
175
+ <!-- Player cards will be added here by JavaScript -->
176
+ <div class="text-center py-8">
177
+ <div class="animate-spin text-blue-400 text-4xl mb-4">
178
+ <i class="fas fa-spinner"></i>
179
+ </div>
180
+ <p>Loading players...</p>
181
+ </div>
182
+ </div>
183
+ </section>
184
+ </main>
185
+
186
+ <!-- Footer -->
187
+ <footer class="bg-gray-900 py-8 border-t border-gray-800">
188
+ <div class="container mx-auto px-4">
189
+ <div class="flex flex-col md:flex-row justify-between items-center">
190
+ <div class="mb-4 md:mb-0">
191
+ <h3 class="text-xl font-semibold mb-2">Dead Rails Mabar</h3>
192
+ <p class="text-gray-400 text-sm">The best place to play Dead Rails with friends</p>
193
+ </div>
194
+ <div class="flex space-x-4">
195
+ <a href="#" class="text-gray-400 hover:text-blue-400 transition">
196
+ <i class="fab fa-discord text-2xl"></i>
197
+ </a>
198
+ <a href="#" class="text-gray-400 hover:text-blue-400 transition">
199
+ <i class="fab fa-twitter text-2xl"></i>
200
+ </a>
201
+ <a href="#" class="text-gray-400 hover:text-blue-400 transition">
202
+ <i class="fab fa-youtube text-2xl"></i>
203
+ </a>
204
+ </div>
205
+ </div>
206
+ <div class="mt-8 text-center text-gray-500 text-sm">
207
+ <p>© 2023 Dead Rails Mabar. Not affiliated with Roblox Corporation.</p>
208
+ </div>
209
+ </div>
210
+ </footer>
211
+ </div>
212
+
213
+ <script>
214
+ // Simulate fetching online players data
215
+ document.addEventListener('DOMContentLoaded', function() {
216
+ // Simulate API delay
217
+ setTimeout(() => {
218
+ // Sample player data
219
+ const players = [
220
+ { name: "ProGamer123", level: 45, avatar: "https://tr.rbxcdn.com/7d4c8a2c2c0c5d1d5d8b1b5d5d5d5d5/150/150/Image/Png" },
221
+ { name: "RailMaster", level: 32, avatar: "https://tr.rbxcdn.com/7d4c8a2c2c0c5d1d5d8b1b5d5d5d5d5/150/150/Image/Png" },
222
+ { name: "DeadShot99", level: 28, avatar: "https://tr.rbxcdn.com/7d4c8a2c2c0c5d1d5d8b1b5d5d5d5d5/150/150/Image/Png" },
223
+ { name: "TrainHunter", level: 56, avatar: "https://tr.rbxcdn.com/7d4c8a2c2c0c5d1d5d8b1b5d5d5d5d5/150/150/Image/Png" },
224
+ { name: "ZombieSlayer", level: 19, avatar: "https://tr.rbxcdn.com/7d4c8a2c2c0c5d1d5d8b1b5d5d5d5d5/150/150/Image/Png" },
225
+ { name: "SurvivorPro", level: 63, avatar: "https://tr.rbxcdn.com/7d4c8a2c2c0c5d1d5d8b1b5d5d5d5d5/150/150/Image/Png" }
226
+ ];
227
+
228
+ // Update online count
229
+ document.getElementById('online-count').textContent = players.length;
230
+
231
+ // Generate player cards
232
+ const playersList = document.getElementById('players-list');
233
+ playersList.innerHTML = '';
234
+
235
+ players.forEach(player => {
236
+ const playerCard = document.createElement('div');
237
+ playerCard.className = 'player-card rounded-lg p-4 flex items-center space-x-4 cursor-pointer';
238
+ playerCard.innerHTML = `
239
+ <div class="relative">
240
+ <img src="${player.avatar}" alt="${player.name}" class="w-14 h-14 rounded-full">
241
+ <span class="online-dot absolute bottom-0 right-0"></span>
242
+ </div>
243
+ <div class="text-left">
244
+ <h4 class="font-semibold">${player.name}</h4>
245
+ <p class="text-gray-400 text-sm">Level ${player.level}</p>
246
+ </div>
247
+ <div class="ml-auto">
248
+ <span class="bg-blue-900 text-blue-300 text-xs px-2 py-1 rounded">Playing</span>
249
+ </div>
250
+ `;
251
+ playersList.appendChild(playerCard);
252
+ });
253
+
254
+ // Add empty state if no players
255
+ if (players.length === 0) {
256
+ playersList.innerHTML = `
257
+ <div class="col-span-3 text-center py-12">
258
+ <i class="fas fa-users-slash text-4xl text-gray-600 mb-4"></i>
259
+ <h3 class="text-xl font-semibold mb-2">No Players Online</h3>
260
+ <p class="text-gray-400">Be the first to join our server!</p>
261
+ </div>
262
+ `;
263
+ }
264
+ }, 1500);
265
+
266
+ // Simulate player count updates
267
+ setInterval(() => {
268
+ const onlineCount = document.getElementById('online-count');
269
+ const currentCount = parseInt(onlineCount.textContent);
270
+ const randomChange = Math.floor(Math.random() * 3) - 1; // -1, 0, or 1
271
+ const newCount = Math.max(0, currentCount + randomChange);
272
+ onlineCount.textContent = newCount;
273
+
274
+ // Add pulse animation when count changes
275
+ if (randomChange !== 0) {
276
+ onlineCount.parentElement.classList.add('pulse');
277
+ setTimeout(() => {
278
+ onlineCount.parentElement.classList.remove('pulse');
279
+ }, 2000);
280
+ }
281
+ }, 10000);
282
+ });
283
+ </script>
284
+ <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-rails" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
285
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ buatkan website mabar game roblox (dead rails) dengan menyediakan 1 url ke private server, dan list player yang online