Hugging Face's logo

Spaces:
Woolfich
/
undefined-universe-explorer
Running

App Files Community
Woolfich commited on
Commit
a5fd1e0
·
verified ·
1 Parent(s): c7dc8de

привет

Browse files
Files changed (2) hide show
  1. README.md +8 -5
  2. index.html +94 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Undefined Universe Explorer
3
- emoji: 👁
4
- colorFrom: indigo
5
- colorTo: pink
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: Undefined Universe Explorer 🌀
3
+ colorFrom: blue
4
+ colorTo: green
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
index.html CHANGED
@@ -1,19 +1,95 @@
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>Undefined Universe</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
11
+ <style>
12
+ @keyframes shimmer {
13
+ 0% { opacity: 0.3; }
14
+ 50% { opacity: 0.7; }
15
+ 100% { opacity: 0.3; }
16
+ }
17
+ .undefined-bg {
18
+ background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
19
+ }
20
+ .undefined-text {
21
+ color: transparent;
22
+ background-clip: text;
23
+ -webkit-background-clip: text;
24
+ background-image: linear-gradient(90deg, #9ca3af, #6b7280, #9ca3af);
25
+ background-size: 200% auto;
26
+ animation: shimmer 3s infinite linear;
27
+ }
28
+ </style>
29
+ </head>
30
+ <body class="min-h-screen undefined-bg">
31
+ <div id="vanta-globe" class="fixed inset-0 z-0"></div>
32
+
33
+ <main class="relative z-10 min-h-screen flex flex-col items-center justify-center p-6">
34
+ <div class="text-center max-w-2xl mx-auto bg-white/80 backdrop-blur-md rounded-xl shadow-2xl p-8 md:p-12">
35
+ <h1 class="text-5xl md:text-7xl font-bold mb-6 undefined-text">UNDEFINED</h1>
36
+ <p class="text-lg md:text-xl text-gray-600 mb-8">
37
+ Exploring the mysteries of the undefined universe where colors and themes dissolve into pure potential.
38
+ </p>
39
+
40
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-10">
41
+ <div class="bg-gradient-to-br from-gray-100 to-gray-200 h-32 rounded-lg flex items-center justify-center">
42
+ <i data-feather="cpu" class="w-12 h-12 text-gray-400"></i>
43
+ </div>
44
+ <div class="bg-gradient-to-br from-gray-100 to-gray-200 h-32 rounded-lg flex items-center justify-center">
45
+ <i data-feather="cloud" class="w-12 h-12 text-gray-400"></i>
46
+ </div>
47
+ <div class="bg-gradient-to-br from-gray-100 to-gray-200 h-32 rounded-lg flex items-center justify-center">
48
+ <i data-feather="moon" class="w-12 h-12 text-gray-400"></i>
49
+ </div>
50
+ <div class="bg-gradient-to-br from-gray-100 to-gray-200 h-32 rounded-lg flex items-center justify-center">
51
+ <i data-feather="code" class="w-12 h-12 text-gray-400"></i>
52
+ </div>
53
+ </div>
54
+
55
+ <button class="px-8 py-3 bg-gradient-to-r from-gray-300 to-gray-400 text-white rounded-full font-medium hover:from-gray-400 hover:to-gray-500 transition-all duration-300 flex items-center mx-auto">
56
+ <i data-feather="compass" class="mr-2"></i>
57
+ Begin Exploration
58
+ </button>
59
+ </div>
60
+
61
+ <div class="mt-16 text-sm text-gray-500 flex items-center">
62
+ <i data-feather="alert-circle" class="mr-2"></i>
63
+ <span>This experience intentionally lacks definition</span>
64
+ </div>
65
+ </main>
66
+
67
+ <script>
68
+ VANTA.GLOBE({
69
+ el: "#vanta-globe",
70
+ mouseControls: true,
71
+ touchControls: true,
72
+ gyroControls: false,
73
+ minHeight: 200.00,
74
+ minWidth: 200.00,
75
+ scale: 1.00,
76
+ scaleMobile: 1.00,
77
+ color: 0xcccccc,
78
+ backgroundColor: 0xf8fafc,
79
+ size: 0.8
80
+ });
81
+
82
+ feather.replace();
83
+
84
+ // Animate undefined text elements
85
+ document.querySelectorAll('.undefined-text').forEach(el => {
86
+ el.addEventListener('mouseover', () => {
87
+ el.style.animation = 'shimmer 1.5s infinite linear';
88
+ });
89
+ el.addEventListener('mouseout', () => {
90
+ el.style.animation = 'shimmer 3s infinite linear';
91
+ });
92
+ });
93
+ </script>
94
+ </body>
95
  </html>