Hugging Face's logo

Spaces:
MaxHeadspace
/
miniblox-io
Running

App Files Community
MaxHeadspace commited on
Commit
5ec25e9
·
verified ·
1 Parent(s): eb06144

https://miniblox.io/ is the site it runs a mini minecraft clone... use this site but alter to be a chainsaw - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +6 -4
  2. index.html +322 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Miniblox Io
3
- emoji: 📚
4
- colorFrom: indigo
5
  colorTo: green
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: miniblox-io
3
+ emoji: 🐳
4
+ colorFrom: gray
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,322 @@
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>Miniblox - Play Free Online Games!</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: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
15
+ color: #fff;
16
+ min-height: 100vh;
17
+ }
18
+
19
+ .game-card {
20
+ transition: all 0.3s ease;
21
+ background: rgba(255, 255, 255, 0.05);
22
+ backdrop-filter: blur(10px);
23
+ border: 1px solid rgba(255, 255, 255, 0.1);
24
+ }
25
+
26
+ .game-card:hover {
27
+ transform: translateY(-5px);
28
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
29
+ }
30
+
31
+ .nav-link {
32
+ position: relative;
33
+ }
34
+
35
+ .nav-link::after {
36
+ content: '';
37
+ position: absolute;
38
+ width: 0;
39
+ height: 2px;
40
+ bottom: -2px;
41
+ left: 0;
42
+ background-color: #4f46e5;
43
+ transition: width 0.3s ease;
44
+ }
45
+
46
+ .nav-link:hover::after {
47
+ width: 100%;
48
+ }
49
+
50
+ .play-btn {
51
+ background: linear-gradient(45deg, #4f46e5, #8b5cf6);
52
+ box-shadow: 0 4px 15px rgba(79, 70, 229, 0.4);
53
+ transition: all 0.3s ease;
54
+ }
55
+
56
+ .play-btn:hover {
57
+ transform: translateY(-2px);
58
+ box-shadow: 0 6px 20px rgba(79, 70, 229, 0.6);
59
+ }
60
+
61
+ .discord-btn {
62
+ background: linear-gradient(45deg, #5865F2, #7289da);
63
+ transition: all 0.3s ease;
64
+ }
65
+
66
+ .discord-btn:hover {
67
+ transform: translateY(-2px);
68
+ box-shadow: 0 6px 20px rgba(88, 101, 242, 0.6);
69
+ }
70
+ </style>
71
+ </head>
72
+ <body class="antialiased">
73
+ <!-- Header -->
74
+ <header class="py-4 px-6 lg:px-12">
75
+ <div class="container mx-auto flex justify-between items-center">
76
+ <div class="flex items-center space-x-2">
77
+ <img src="https://miniblox.io/assets/miniblox-Dj36hMhG.png" alt="Miniblox Logo" class="h-10 w-auto">
78
+ <span class="text-xl font-bold bg-gradient-to-r from-purple-400 to-blue-500 bg-clip-text text-transparent">MINIBLOX</span>
79
+ </div>
80
+
81
+ <div class="hidden md:flex space-x-6 items-center">
82
+ <a href="#" class="nav-link text-white hover:text-purple-300">Settings</a>
83
+ <a href="#" class="nav-link text-white hover:text-purple-300">Friends</a>
84
+ <a href="#" class="nav-link text-white hover:text-purple-300">Party</a>
85
+ <a href="#" class="nav-link text-white hover:text-purple-300">Shop</a>
86
+ <a href="#" class="nav-link text-white hover:text-purple-300">Rankings</a>
87
+ <a href="#" class="nav-link text-white hover:text-purple-300">Contact</a>
88
+ <button class="bg-white text-purple-600 px-4 py-2 rounded-full font-medium hover:bg-purple-100 transition">Sign In</button>
89
+ </div>
90
+
91
+ <button class="md:hidden text-white">
92
+ <i class="fas fa-bars text-2xl"></i>
93
+ </button>
94
+ </div>
95
+ </header>
96
+
97
+ <!-- Hero Section -->
98
+ <section class="py-16 px-6 lg:px-12">
99
+ <div class="container mx-auto flex flex-col lg:flex-row items-center">
100
+ <div class="lg:w-1/2 mb-12 lg:mb-0">
101
+ <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight">
102
+ Play <span class="bg-gradient-to-r from-purple-400 to-blue-500 bg-clip-text text-transparent">Free Online</span> Games!
103
+ </h1>
104
+ <p class="text-lg text-gray-300 mb-8">
105
+ Join thousands of players in our massive multiplayer online gaming platform. No downloads required!
106
+ </p>
107
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
108
+ <button class="play-btn px-8 py-4 rounded-full text-white font-bold text-lg">
109
+ PLAY NOW <i class="fas fa-play ml-2"></i>
110
+ </button>
111
+ <button class="discord-btn px-6 py-4 rounded-full text-white font-medium flex items-center justify-center">
112
+ <i class="fab fa-discord mr-2 text-xl"></i> Join Discord
113
+ </button>
114
+ </div>
115
+ </div>
116
+
117
+ <div class="lg:w-1/2 flex justify-center">
118
+ <img src="https://miniblox.io/assets/default-DKNlYibk.png" alt="Game Screenshot" class="rounded-xl shadow-2xl max-w-full h-auto" style="max-height: 400px;">
119
+ </div>
120
+ </div>
121
+ </section>
122
+
123
+ <!-- Featured Games -->
124
+ <section class="py-12 px-6 lg:px-12 bg-gradient-to-b from-transparent to-black/20">
125
+ <div class="container mx-auto">
126
+ <h2 class="text-3xl font-bold mb-8 text-center">Featured Games</h2>
127
+
128
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
129
+ <!-- Game Card 1 -->
130
+ <div class="game-card rounded-xl p-4 cursor-pointer">
131
+ <div class="relative overflow-hidden rounded-lg mb-4" style="padding-bottom: 56.25%;">
132
+ <img src="https://via.placeholder.com/600x400/4f46e5/ffffff?text=Survival" alt="Game" class="absolute h-full w-full object-cover">
133
+ <div class="absolute inset-0 bg-black/30 flex items-center justify-center opacity-0 hover:opacity-100 transition">
134
+ <button class="play-btn px-6 py-3 rounded-full text-white font-medium">
135
+ PLAY <i class="fas fa-play ml-1"></i>
136
+ </button>
137
+ </div>
138
+ </div>
139
+ <h3 class="text-xl font-semibold mb-2">Survival World</h3>
140
+ <p class="text-gray-300 text-sm">Build, craft and survive in this open world adventure</p>
141
+ <div class="flex justify-between items-center mt-4">
142
+ <div class="flex items-center">
143
+ <i class="fas fa-users text-purple-400 mr-1"></i>
144
+ <span class="text-sm">1.2K playing</span>
145
+ </div>
146
+ <div class="text-yellow-400">
147
+ <i class="fas fa-star"></i>
148
+ <i class="fas fa-star"></i>
149
+ <i class="fas fa-star"></i>
150
+ <i class="fas fa-star"></i>
151
+ <i class="fas fa-star-half-alt"></i>
152
+ </div>
153
+ </div>
154
+ </div>
155
+
156
+ <!-- Game Card 2 -->
157
+ <div class="game-card rounded-xl p-4 cursor-pointer">
158
+ <div class="relative overflow-hidden rounded-lg mb-4" style="padding-bottom: 56.25%;">
159
+ <img src="https://via.placeholder.com/600x400/8b5cf6/ffffff?text=Racing" alt="Game" class="absolute h-full w-full object-cover">
160
+ <div class="absolute inset-0 bg-black/30 flex items-center justify-center opacity-0 hover:opacity-100 transition">
161
+ <button class="play-btn px-6 py-3 rounded-full text-white font-medium">
162
+ PLAY <i class="fas fa-play ml-1"></i>
163
+ </button>
164
+ </div>
165
+ </div>
166
+ <h3 class="text-xl font-semibold mb-2">Extreme Racing</h3>
167
+ <p class="text-gray-300 text-sm">High-speed races with customizable vehicles</p>
168
+ <div class="flex justify-between items-center mt-4">
169
+ <div class="flex items-center">
170
+ <i class="fas fa-users text-purple-400 mr-1"></i>
171
+ <span class="text-sm">856 playing</span>
172
+ </div>
173
+ <div class="text-yellow-400">
174
+ <i class="fas fa-star"></i>
175
+ <i class="fas fa-star"></i>
176
+ <i class="fas fa-star"></i>
177
+ <i class="fas fa-star"></i>
178
+ <i class="far fa-star"></i>
179
+ </div>
180
+ </div>
181
+ </div>
182
+
183
+ <!-- Game Card 3 -->
184
+ <div class="game-card rounded-xl p-4 cursor-pointer">
185
+ <div class="relative overflow-hidden rounded-lg mb-4" style="padding-bottom: 56.25%;">
186
+ <img src="https://via.placeholder.com/600x400/6366f1/ffffff?text=Battle" alt="Game" class="absolute h-full w-full object-cover">
187
+ <div class="absolute inset-0 bg-black/30 flex items-center justify-center opacity-0 hover:opacity-100 transition">
188
+ <button class="play-btn px-6 py-3 rounded-full text-white font-medium">
189
+ PLAY <i class="fas fa-play ml-1"></i>
190
+ </button>
191
+ </div>
192
+ </div>
193
+ <h3 class="text-xl font-semibold mb-2">Battle Royale</h3>
194
+ <p class="text-gray-300 text-sm">Last player standing wins in this intense battle</p>
195
+ <div class="flex justify-between items-center mt-4">
196
+ <div class="flex items-center">
197
+ <i class="fas fa-users text-purple-400 mr-1"></i>
198
+ <span class="text-sm">2.4K playing</span>
199
+ </div>
200
+ <div class="text-yellow-400">
201
+ <i class="fas fa-star"></i>
202
+ <i class="fas fa-star"></i>
203
+ <i class="fas fa-star"></i>
204
+ <i class="fas fa-star"></i>
205
+ <i class="fas fa-star"></i>
206
+ </div>
207
+ </div>
208
+ </div>
209
+ </div>
210
+
211
+ <div class="text-center mt-10">
212
+ <button class="px-6 py-3 border border-purple-500 text-purple-400 rounded-full hover:bg-purple-500 hover:text-white transition">
213
+ View All Games <i class="fas fa-arrow-right ml-2"></i>
214
+ </button>
215
+ </div>
216
+ </div>
217
+ </section>
218
+
219
+ <!-- Stats Section -->
220
+ <section class="py-16 px-6 lg:px-12 bg-gradient-to-b from-black/20 to-transparent">
221
+ <div class="container mx-auto">
222
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
223
+ <div class="p-6">
224
+ <div class="text-4xl font-bold text-purple-400 mb-2">10M+</div>
225
+ <div class="text-gray-300">Players</div>
226
+ </div>
227
+ <div class="p-6">
228
+ <div class="text-4xl font-bold text-blue-400 mb-2">500+</div>
229
+ <div class="text-gray-300">Games</div>
230
+ </div>
231
+ <div class="p-6">
232
+ <div class="text-4xl font-bold text-green-400 mb-2">24/7</div>
233
+ <div class="text-gray-300">Uptime</div>
234
+ </div>
235
+ <div class="p-6">
236
+ <div class="text-4xl font-bold text-yellow-400 mb-2">100%</div>
237
+ <div class="text-gray-300">Free</div>
238
+ </div>
239
+ </div>
240
+ </div>
241
+ </section>
242
+
243
+ <!-- Footer -->
244
+ <footer class="py-8 px-6 lg:px-12 border-t border-gray-800">
245
+ <div class="container mx-auto">
246
+ <div class="flex flex-col md:flex-row justify-between items-center">
247
+ <div class="flex items-center space-x-2 mb-4 md:mb-0">
248
+ <img src="https://miniblox.io/assets/miniblox-Dj36hMhG.png" alt="Miniblox Logo" class="h-8 w-auto">
249
+ <span class="text-sm">Miniblox v3.41.33</span>
250
+ </div>
251
+
252
+ <div class="flex flex-wrap justify-center gap-4 md:gap-6">
253
+ <a href="https://miniblox.io/?path=/privacy" class="text-gray-400 hover:text-white text-sm">Privacy</a>
254
+ <a href="https://miniblox.io/?path=/eula" class="text-gray-400 hover:text-white text-sm">Terms</a>
255
+ <a href="#" class="text-gray-400 hover:text-white text-sm">Partner Sites</a>
256
+ <a href="https://miniblox.io/?path=/privacy" class="text-gray-400 hover:text-white text-sm">Cookies</a>
257
+ <a href="https://miniblox.io/?path=/rules" class="text-gray-400 hover:text-white text-sm">Game Rules</a>
258
+ <a href="https://miniblox.io/?path=/tutorial" class="text-gray-400 hover:text-white text-sm">How to Play</a>
259
+ </div>
260
+
261
+ <div class="flex space-x-4 mt-4 md:mt-0">
262
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter text-xl"></i></a>
263
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook text-xl"></i></a>
264
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram text-xl"></i></a>
265
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-youtube text-xl"></i></a>
266
+ </div>
267
+ </div>
268
+
269
+ <div class="mt-8 text-center text-gray-500 text-xs">
270
+ © 2025 Miniblox. All rights reserved. All trademarks are property of their respective owners.
271
+ </div>
272
+ </div>
273
+ </footer>
274
+
275
+ <script>
276
+ // Mobile menu toggle functionality
277
+ document.addEventListener('DOMContentLoaded', function() {
278
+ const mobileMenuButton = document.querySelector('.md\\:hidden');
279
+ const navLinks = document.querySelector('.hidden.md\\:flex');
280
+
281
+ mobileMenuButton.addEventListener('click', function() {
282
+ navLinks.classList.toggle('hidden');
283
+ navLinks.classList.toggle('flex');
284
+ navLinks.classList.toggle('flex-col');
285
+ navLinks.classList.toggle('absolute');
286
+ navLinks.classList.toggle('top-16');
287
+ navLinks.classList.toggle('right-6');
288
+ navLinks.classList.toggle('bg-gray-900');
289
+ navLinks.classList.toggle('p-4');
290
+ navLinks.classList.toggle('rounded-lg');
291
+ navLinks.classList.toggle('shadow-lg');
292
+ navLinks.classList.toggle('space-y-4');
293
+ navLinks.classList.toggle('space-x-0');
294
+ });
295
+
296
+ // Smooth scrolling for anchor links
297
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
298
+ anchor.addEventListener('click', function (e) {
299
+ e.preventDefault();
300
+
301
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
302
+ behavior: 'smooth'
303
+ });
304
+ });
305
+ });
306
+
307
+ // Animate elements on scroll
308
+ const observer = new IntersectionObserver((entries) => {
309
+ entries.forEach(entry => {
310
+ if (entry.isIntersecting) {
311
+ entry.target.classList.add('animate-fadeIn');
312
+ }
313
+ });
314
+ }, { threshold: 0.1 });
315
+
316
+ document.querySelectorAll('.game-card, .play-btn, .discord-btn').forEach(el => {
317
+ observer.observe(el);
318
+ });
319
+ });
320
+ </script>
321
+ <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=MaxHeadspace/miniblox-io" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
322
+ </html>