Hugging Face's logo

Spaces:
ancerlop
/
spacedeep
Running

App Files Community
ancerlop commited on
Commit
67cea97
·
verified ·
1 Parent(s): 824745a

undefined - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +372 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Spacedeep
3
- emoji: 🏢
4
- colorFrom: indigo
5
- colorTo: yellow
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: spacedeep
3
+ emoji: 🐳
4
+ colorFrom: green
5
+ colorTo: pink
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,372 @@
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>Spatial Voyagers</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script>
9
+ tailwind.config = {
10
+ theme: {
11
+ extend: {
12
+ colors: {
13
+ spatial: {
14
+ 100: '#f0f9ff',
15
+ 200: '#e0f3fe',
16
+ 300: '#bae6fd',
17
+ 400: '#7dd3fc',
18
+ 500: '#38bdf8',
19
+ 600: '#0284c7',
20
+ 700: '#0369a1',
21
+ 800: '#075985',
22
+ 900: '#0c4a6e',
23
+ },
24
+ spatialDark: '#0c1c2c'
25
+ },
26
+ fontFamily: {
27
+ sans: ['Inter', 'sans-serif'],
28
+ mono: ['Space Mono', 'monospace'],
29
+ title: ['Rajdhani', 'sans-serif']
30
+ }
31
+ }
32
+ }
33
+ }
34
+ </script>
35
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Rajdhani:wght@400;500;600;700&family=Space+Mono&display=swap" rel="stylesheet">
36
+ <style>
37
+ @keyframes float {
38
+ 0% { transform: translateY(0px); }
39
+ 50% { transform: translateY(-15px); }
40
+ 100% { transform: translateY(0px); }
41
+ }
42
+
43
+ @keyframes pulse {
44
+ 0% { opacity: 0.5; }
45
+ 50% { opacity: 1; }
46
+ 100% { opacity: 0.5; }
47
+ }
48
+
49
+ .float { animation: float 6s ease-in-out infinite; }
50
+ .pulse { animation: pulse 4s ease-in-out infinite; }
51
+
52
+ .spatial-card {
53
+ background: rgba(255, 255, 255, 0.05);
54
+ backdrop-filter: blur(16px);
55
+ border: 1px solid rgba(255, 255, 255, 0.1);
56
+ box-shadow: 0 20px 40px rgba(0,0,0,0.15);
57
+ border-radius: 24px;
58
+ overflow: hidden;
59
+ }
60
+
61
+ .vertical-text {
62
+ writing-mode: vertical-lr;
63
+ text-orientation: mixed;
64
+ transform: rotate(180deg);
65
+ letter-spacing: -6px;
66
+ }
67
+
68
+ .gradient-overlay {
69
+ background: linear-gradient(180deg, rgba(12,28,44,0) 0%, rgba(12,28,44,0.8) 80%);
70
+ }
71
+
72
+ .glow {
73
+ filter: drop-shadow(0 0 15px rgba(7, 89, 133, 0.5));
74
+ }
75
+
76
+ .brand-grid {
77
+ display: grid;
78
+ grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
79
+ gap: 30px;
80
+ place-items: center;
81
+ }
82
+
83
+ @media (max-width: 768px) {
84
+ .brand-grid {
85
+ grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
86
+ gap: 20px;
87
+ }
88
+
89
+ .vertical-text {
90
+ writing-mode: horizontal-tb;
91
+ text-orientation: unset;
92
+ transform: rotate(0deg);
93
+ letter-spacing: normal;
94
+ }
95
+ }
96
+ </style>
97
+ </head>
98
+ <body class="bg-spatialDark text-white font-sans overflow-x-hidden">
99
+ <!-- Floating background elements -->
100
+ <div class="fixed w-full h-full top-0 left-0 pointer-events-none overflow-hidden -z-10">
101
+ <div class="absolute w-[400px] h-[400px] top-[5%] left-[5%] rounded-full bg-spatial-800 opacity-5 float"></div>
102
+ <div class="absolute w-[600px] h-[600px] top-[15%] left-[75%] rounded-full bg-spatial-600 opacity-5 float" style="animation-delay: -3s;"></div>
103
+ <div class="absolute w-[300px] h-[300px] top-[70%] left-[20%] rounded-full bg-spatial-700 opacity-5 float" style="animation-delay: -5s;"></div>
104
+
105
+ <!-- Grid lines -->
106
+ <div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,0.03) 1px, transparent 1px); background-size: 50px 50px;"></div>
107
+ </div>
108
+
109
+ <!-- Header -->
110
+ <header class="py-6 px-4 md:px-8 lg:px-16 fixed top-0 w-full z-50">
111
+ <div class="container mx-auto flex justify-between items-center">
112
+ <div class="flex items-center">
113
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/02/Asset-43.svg" alt="Spatial Voyagers" class="h-12 mr-3 glow">
114
+ <h1 class="font-title text-2xl md:text-3xl font-bold tracking-wide">SPATIAL VOYAGERS</h1>
115
+ </div>
116
+
117
+ <nav class="hidden md:block">
118
+ <ul class="flex space-x-8 font-medium">
119
+ <li><a href="#apps" class="hover:text-spatial-400 transition">Apps</a></li>
120
+ <li><a href="#experiences" class="hover:text-spatial-400 transition">Experiences</a></li>
121
+ <li><a href="#games" class="hover:text-spatial-400 transition">Games</a></li>
122
+ <li><a href="#work" class="hover:text-spatial-400 transition">Our Work</a></li>
123
+ </ul>
124
+ </nav>
125
+
126
+ <button class="md:hidden">
127
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
128
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
129
+ </svg>
130
+ </button>
131
+ </div>
132
+ </header>
133
+
134
+ <main>
135
+ <!-- Hero Section -->
136
+ <section class="pt-32 pb-20 px-4 md:px-8 lg:px-16">
137
+ <div class="container mx-auto text-center max-w-4xl">
138
+ <h1 class="font-title text-5xl md:text-6xl lg:text-7xl font-bold mb-6 tracking-tight">
139
+ FUTURE OF <span class="text-spatial-400">SPATIAL COMPUTING</span>
140
+ </h1>
141
+ <p class="text-xl md:text-2xl text-spatial-300 max-w-2xl mx-auto mb-12">
142
+ Creating the next generation of applications that bridge the digital and physical worlds.
143
+ </p>
144
+ <div class="flex justify-center gap-4">
145
+ <button class="px-8 py-4 bg-spatial-600 rounded-full font-medium text-lg transition hover:bg-spatial-500">
146
+ Explore Projects
147
+ </button>
148
+ <button class="px-8 py-4 border-2 border-spatial-600 rounded-full font-medium text-lg transition hover:bg-spatial-800">
149
+ Contact Us
150
+ </button>
151
+ </div>
152
+ </div>
153
+ </section>
154
+
155
+ <!-- Apps Section -->
156
+ <section id="apps" class="py-20 px-4 md:px-8 lg:px-16">
157
+ <div class="container mx-auto">
158
+ <div class="spatial-card p-8 md:p-12">
159
+ <div class="grid grid-cols-1 lg:grid-cols-5 gap-12">
160
+ <div class="lg:col-span-2">
161
+ <div class="mb-6">
162
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/02/Asset-43.svg" alt="Spatial Apps" class="h-12 mb-6">
163
+ <h2 class="font-title text-4xl font-bold mb-6">
164
+ <span class="block vertical-text text-3xl tracking-widest">S P A T I A L A P P S</span>
165
+ </h2>
166
+ </div>
167
+ <p class="text-lg text-spatial-200">
168
+ We develop this new type of applications that adapt to the real world using floating screens or 3D elements. The future of Apps.
169
+ </p>
170
+ </div>
171
+
172
+ <div class="lg:col-span-3 relative">
173
+ <div class="relative rounded-2xl overflow-hidden">
174
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/02/Asset-43.svg" alt="Spatial Apps Preview" class="w-full h-auto object-cover">
175
+ <div class="absolute bottom-0 left-0 w-full p-6 gradient-overlay">
176
+ <p class="text-lg">
177
+ A virtual desktop with augmented reality follows you anywhere, offering customization, collaboration, security, and efficient task management for a flexible and immersive work experience.
178
+ </p>
179
+ </div>
180
+ </div>
181
+ </div>
182
+ </div>
183
+ </div>
184
+ </div>
185
+ </section>
186
+
187
+ <!-- Experiences Section -->
188
+ <section id="experiences" class="py-20 px-4 md:px-8 lg:px-16">
189
+ <div class="container mx-auto">
190
+ <div class="spatial-card p-8 md:p-12">
191
+ <div class="grid grid-cols-1 lg:grid-cols-5 gap-12">
192
+ <div class="lg:col-span-3 relative">
193
+ <div class="relative rounded-2xl overflow-hidden">
194
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/02/Asset-44.svg" alt="Spatial Experiences Preview" class="w-full h-auto object-cover">
195
+ <div class="absolute bottom-0 left-0 w-full p-6 gradient-overlay">
196
+ <p class="text-lg">
197
+ Soon we will announce the first brands we are working with that are already betting on being part of the great virtual wave of Spatial Computing.
198
+ </p>
199
+ <p class="mt-4 text-spatial-400 font-bold">Coming Soon</p>
200
+ </div>
201
+ </div>
202
+ </div>
203
+
204
+ <div class="lg:col-span-2">
205
+ <div class="mb-6">
206
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/02/Asset-44.svg" alt="Spatial Experiences" class="h-12 mb-6">
207
+ <h2 class="font-title text-4xl font-bold mb-6">
208
+ <span class="block vertical-text text-3xl tracking-widest">S P A T I A L E X P E R I E N C E S</span>
209
+ </h2>
210
+ </div>
211
+ <p class="text-lg text-spatial-200">
212
+ Physical spaces like museums, stores, leisure places, or events can now have a virtual experiential layer that coexists with them on a large scale.
213
+ </p>
214
+ </div>
215
+ </div>
216
+ </div>
217
+ </div>
218
+ </section>
219
+
220
+ <!-- Games Section -->
221
+ <section id="games" class="py-20 px-4 md:px-8 lg:px-16">
222
+ <div class="container mx-auto">
223
+ <div class="spatial-card p-8 md:p-12">
224
+ <div class="grid grid-cols-1 lg:grid-cols-5 gap-12">
225
+ <div class="lg:col-span-2">
226
+ <div class="mb-6">
227
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/02/Asset-45.svg" alt="Spatial Games" class="h-12 mb-6">
228
+ <h2 class="font-title text-4xl font-bold mb-6">
229
+ <span class="block vertical-text text-3xl tracking-widest">S P A T I A L G A M E S</span>
230
+ </h2>
231
+ </div>
232
+ <p class="text-lg text-spatial-200">
233
+ Our game lab generates all the R&D needed for projects with the most innovative brands, coming soon to Stores.
234
+ </p>
235
+ </div>
236
+
237
+ <div class="lg:col-span-3 relative">
238
+ <div class="relative rounded-2xl overflow-hidden">
239
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/02/Asset-45.svg" alt="Spatial Games Preview" class="w-full h-auto object-cover">
240
+ <div class="absolute bottom-0 left-0 w-full p-6 gradient-overlay">
241
+ <p class="text-lg">
242
+ Our first Spatial Game for Vision Pro and Meta Quest 3 turns your room into a 70s-style thief adventure.
243
+ </p>
244
+ <p class="mt-4 text-spatial-400 font-bold">Video reel</p>
245
+ </div>
246
+ </div>
247
+ </div>
248
+ </div>
249
+ </div>
250
+ </div>
251
+ </section>
252
+
253
+ <!-- Stats Section -->
254
+ <section class="py-20 px-4 md:px-8 lg:px-16">
255
+ <div class="container mx-auto">
256
+ <div class="spatial-card p-8 md:p-12">
257
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-16">
258
+ <div class="text-center">
259
+ <div class="text-8xl font-title font-bold text-spatial-400 mb-4">10</div>
260
+ <h3 class="text-2xl font-medium uppercase tracking-widest mb-4">Years of Experience in XR Creation</h3>
261
+ <p class="text-lg text-spatial-200 max-w-md mx-auto">
262
+ We carry out complete Spatial Computing projects from concept, design, and programming. We create a dream team exclusively for each client.
263
+ </p>
264
+ </div>
265
+
266
+ <div class="text-center">
267
+ <div class="text-7xl font-title font-bold text-spatial-400 mb-4">250+</div>
268
+ <div class="text-2xl font-medium uppercase tracking-widest mb-4">Projects for more than</div>
269
+ <div class="text-7xl font-title font-bold text-spatial-400 mb-4">90+</div>
270
+ <div class="text-2xl font-medium uppercase tracking-widest mb-4">innovative brands</div>
271
+ <p class="text-lg text-spatial-200 max-w-md mx-auto">
272
+ Más de 250 proyectos para más de 90 marcas innovadoras
273
+ </p>
274
+ </div>
275
+ </div>
276
+ </div>
277
+ </div>
278
+ </section>
279
+
280
+ <!-- Brands Section -->
281
+ <section id="work" class="py-20 px-4 md:px-8 lg:px-16">
282
+ <div class="container mx-auto">
283
+ <div class="text-center mb-16">
284
+ <h2 class="font-title text-4xl font-bold mb-4">Brands We've Worked With</h2>
285
+ <p class="text-xl text-spatial-300 max-w-2xl mx-auto">
286
+ We've collaborated with industry leaders to create immersive spatial experiences
287
+ </p>
288
+ </div>
289
+
290
+ <div class="brand-grid">
291
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/01/05-vodafone-1.png" alt="Vodafone" class="h-16 object-contain">
292
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/01/04-inditex-1.png" alt="Inditex" class="h-16 object-contain">
293
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/01/07-acciona-1.png" alt="Acciona" class="h-16 object-contain">
294
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/01/06-oxfam-1.png" alt="Oxfam" class="h-16 object-contain">
295
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/01/03-disney.png" alt="Disney" class="h-16 object-contain">
296
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/01/02-meta-1.png" alt="Meta" class="h-16 object-contain">
297
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/01/10-caixa.png" alt="Caixa" class="h-16 object-contain">
298
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/01/01-loewe-1.png" alt="Loewe" class="h-16 object-contain">
299
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/01/08-mastercard-1-1.png" alt="Mastercard" class="h-16 object-contain">
300
+ </div>
301
+ </div>
302
+ </section>
303
+
304
+ <!-- Collaborators Section -->
305
+ <section class="py-20 px-4 md:px-8 lg:px-16">
306
+ <div class="container mx-auto">
307
+ <div class="text-center mb-16">
308
+ <h2 class="font-title text-4xl font-bold mb-4">
309
+ <span class="block vertical-text text-3xl tracking-widest inline-block align-middle mr-4">O U R C O L L A B O R A T O R S</span>
310
+ </h2>
311
+ <p class="text-xl text-spatial-300 max-w-2xl mx-auto">
312
+ Partnering with industry leaders to push the boundaries of spatial computing
313
+ </p>
314
+ </div>
315
+
316
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-10">
317
+ <div class="spatial-card p-8 text-center">
318
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/01/logo_colaborador.svg" alt="Apple Coding Academy" class="h-24 mx-auto mb-6">
319
+ <h3 class="font-title text-2xl font-bold mb-4">Apple Coding Academy</h3>
320
+ <p class="text-lg">Training and Development in the native Apple Environment</p>
321
+ </div>
322
+
323
+ <div class="spatial-card p-8 text-center">
324
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/01/BlackLogoTextslider.svg" alt="Argonauts XR" class="h-24 mx-auto mb-6">
325
+ <h3 class="font-title text-2xl font-bold mb-4">Argonauts XR</h3>
326
+ <p class="text-lg">Virtual Production & XR Content</p>
327
+ </div>
328
+
329
+ <div class="spatial-card p-8 text-center">
330
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/01/[email protected]" alt="Spatialuser" class="h-24 mx-auto mb-6">
331
+ <h3 class="font-title text-2xl font-bold mb-4">Spatialuser</h3>
332
+ <p class="text-lg">Immersive visual space design & branding</p>
333
+ </div>
334
+ </div>
335
+ </div>
336
+ </section>
337
+ </main>
338
+
339
+ <!-- Footer -->
340
+ <footer class="py-12 px-4 md:px-8 lg:px-16 border-t border-spatial-800">
341
+ <div class="container mx-auto">
342
+ <div class="flex flex-col md:flex-row justify-between items-center">
343
+ <div class="flex items-center mb-6 md:mb-0">
344
+ <img src="https://spatialvoyagers.com/wp-content/uploads/2024/01/logo_black_R2.svg" alt="Spatial Voyagers Logo" class="h-10">
345
+ <span class="ml-3">Copyright ® Spatial Voyagers</span>
346
+ </div>
347
+
348
+ <div>
349
+ <a href="https://spatialvoyagers.com/legal.pdf" class="text-spatial-400 hover:text-white transition">Legal</a>
350
+ </div>
351
+ </div>
352
+ </div>
353
+ </footer>
354
+
355
+ <!-- Floating CTA -->
356
+ <div class="fixed bottom-8 right-8 z-50">
357
+ <button class="w-16 h-16 rounded-full bg-spatial-600 flex items-center justify-center shadow-lg glow hover:bg-spatial-500 transition-all">
358
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
359
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z" />
360
+ </svg>
361
+ </button>
362
+ </div>
363
+
364
+ <!-- Floating particles -->
365
+ <div class="fixed top-0 left-0 w-full h-full pointer-events-none -z-10 overflow-hidden">
366
+ <div class="absolute top-1/4 left-1/4 w-3 h-3 rounded-full bg-spatial-400 pulse" style="animation-delay: 0s;"></div>
367
+ <div class="absolute top-1/3 left-3/4 w-2 h-2 rounded-full bg-spatial-500 pulse" style="animation-delay: -1s;"></div>
368
+ <div class="absolute top-2/3 left-1/3 w-3 h-3 rounded-full bg-spatial-600 pulse" style="animation-delay: -2s;"></div>
369
+ <div class="absolute top-3/4 left-2/3 w-2 h-2 rounded-full bg-spatial-400 pulse" style="animation-delay: -3s;"></div>
370
+ </div>
371
+ <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=ancerlop/spacedeep" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
372
+ </html>
prompts.txt ADDED
File without changes