Hugging Face's logo

Spaces:
CommanderLazarus
/
sphere-being-alliance
Running

App Files Community
CommanderLazarus commited on
Commit
da7ef13
·
verified ·
1 Parent(s): 16fb8c8

Scrub the internet for all information on the Sphere Being Alliance. - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +471 -18
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Sphere Being Alliance
3
- emoji: 💻
4
- colorFrom: green
5
- colorTo: blue
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: sphere-being-alliance
3
+ emoji: 🐳
4
+ colorFrom: pink
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,472 @@
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>Sphere Being Alliance - Exploration Portal</title>
7
+ <link rel="icon" type="image/x-icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🛸</text></svg>">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
10
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <script src="https://unpkg.com/feather-icons"></script>
13
+ <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&family=Exo+2:wght@300;400;600&display=swap" rel="stylesheet">
14
+ <style>
15
+ body {
16
+ font-family: 'Exo 2', sans-serif;
17
+ background-color: #0a0a1a;
18
+ color: #e2e8f0;
19
+ overflow-x: hidden;
20
+ }
21
+ .header-font {
22
+ font-family: 'Orbitron', sans-serif;
23
+ }
24
+ .galaxy-bg {
25
+ background: radial-gradient(circle at center, #1a202c 0%, #0a0a1a 70%);
26
+ }
27
+ .card-bg {
28
+ background: rgba(30, 41, 59, 0.6);
29
+ backdrop-filter: blur(10px);
30
+ border: 1px solid rgba(99, 102, 241, 0.2);
31
+ }
32
+ .neon-border {
33
+ box-shadow: 0 0 15px rgba(99, 102, 241, 0.5);
34
+ }
35
+ .pulse {
36
+ animation: pulse 3s infinite;
37
+ }
38
+ @keyframes pulse {
39
+ 0% { box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.7); }
40
+ 70% { box-shadow: 0 0 0 15px rgba(99, 102, 241, 0); }
41
+ 100% { box-shadow: 0 0 0 0 rgba(99, 102, 241, 0); }
42
+ }
43
+ .star {
44
+ position: absolute;
45
+ background-color: white;
46
+ border-radius: 50%;
47
+ animation: twinkle var(--duration) infinite ease-in-out;
48
+ }
49
+ @keyframes twinkle {
50
+ 0%, 100% { opacity: 0.2; }
51
+ 50% { opacity: 1; }
52
+ }
53
+ </style>
54
+ </head>
55
+ <body class="galaxy-bg">
56
+ <!-- Stars Background -->
57
+ <div id="stars-container" class="fixed inset-0 overflow-hidden pointer-events-none"></div>
58
+
59
+ <!-- Navigation -->
60
+ <nav class="fixed w-full z-50 bg-gray-900 bg-opacity-80 backdrop-blur-md border-b border-indigo-500 border-opacity-30">
61
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
62
+ <div class="flex items-center space-x-2">
63
+ <div class="w-10 h-10 rounded-full bg-indigo-600 flex items-center justify-center">
64
+ <i data-feather="globe" class="text-white"></i>
65
+ </div>
66
+ <span class="header-font text-xl font-bold text-white">SPHERE ALLIANCE</span>
67
+ </div>
68
+ <div class="hidden md:flex space-x-8">
69
+ <a href="#" class="text-indigo-300 hover:text-white transition">Home</a>
70
+ <a href="#about" class="text-indigo-300 hover:text-white transition">About</a>
71
+ <a href="#entities" class="text-indigo-300 hover:text-white transition">Entities</a>
72
+ <a href="#contact" class="text-indigo-300 hover:text-white transition">Contact</a>
73
+ </div>
74
+ <button class="md:hidden text-white">
75
+ <i data-feather="menu"></i>
76
+ </button>
77
+ </div>
78
+ </nav>
79
+
80
+ <!-- Hero Section -->
81
+ <section class="min-h-screen flex items-center pt-16">
82
+ <div class="container mx-auto px-4 py-20 flex flex-col md:flex-row items-center">
83
+ <div class="md:w-1/2 mb-12 md:mb-0" data-aos="fade-right">
84
+ <h1 class="header-font text-5xl md:text-7xl font-bold mb-6 text-white">
85
+ SPHERE BEING <span class="text-indigo-400">ALLIANCE</span>
86
+ </h1>
87
+ <p class="text-xl text-indigo-200 mb-8 max-w-2xl">
88
+ Exploring the cosmic collective of advanced beings dedicated to humanity's spiritual evolution and galactic harmony.
89
+ </p>
90
+ <div class="flex space-x-4">
91
+ <button class="px-8 py-3 bg-indigo-600 hover:bg-indigo-700 text-white rounded-full font-semibold transition transform hover:scale-105 neon-border pulse">
92
+ Discover More
93
+ </button>
94
+ <button class="px-8 py-3 border-2 border-indigo-500 text-indigo-300 hover:bg-indigo-500 hover:text-white rounded-full font-semibold transition">
95
+ Cosmic Timeline
96
+ </button>
97
+ </div>
98
+ </div>
99
+ <div class="md:w-1/2 flex justify-center" data-aos="fade-left">
100
+ <div class="relative">
101
+ <div class="w-64 h-64 md:w-80 md:h-80 rounded-full bg-gradient-to-r from-indigo-500 to-purple-600 opacity-20 blur-3xl absolute -z-10 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"></div>
102
+ <div class="w-64 h-64 md:w-80 md:h-80 rounded-full border-2 border-indigo-400 flex items-center justify-center">
103
+ <div class="w-48 h-48 md:w-60 md:h-60 rounded-full border border-indigo-300 flex items-center justify-center">
104
+ <div class="w-32 h-32 md:w-40 md:h-40 rounded-full bg-indigo-500 bg-opacity-30 flex items-center justify-center">
105
+ <i data-feather="eye" class="text-indigo-300 w-16 h-16"></i>
106
+ </div>
107
+ </div>
108
+ </div>
109
+ </div>
110
+ </div>
111
+ </div>
112
+ </section>
113
+
114
+ <!-- About Section -->
115
+ <section id="about" class="py-20">
116
+ <div class="container mx-auto px-4">
117
+ <div class="text-center mb-16" data-aos="fade-up">
118
+ <h2 class="header-font text-4xl font-bold mb-4 text-white">ABOUT THE ALLIANCE</h2>
119
+ <div class="w-24 h-1 bg-indigo-500 mx-auto"></div>
120
+ </div>
121
+ <div class="flex flex-col md:flex-row items-center gap-12">
122
+ <div class="md:w-1/2" data-aos="fade-right">
123
+ <div class="card-bg rounded-2xl p-8">
124
+ <h3 class="header-font text-2xl font-bold mb-4 text-indigo-300">Cosmic Collective</h3>
125
+ <p class="text-indigo-100 mb-6">
126
+ The Sphere Being Alliance represents a coalition of advanced extraterrestrial civilizations working in harmony to guide humanity through its spiritual awakening and dimensional transition.
127
+ </p>
128
+ <p class="text-indigo-100 mb-6">
129
+ Comprised of beings from higher densities, these entities operate beyond conventional space-time limitations, focusing on consciousness expansion and the liberation of sentient beings across the galaxy.
130
+ </p>
131
+ <div class="flex items-center mt-8">
132
+ <div class="mr-4 p-3 bg-indigo-900 rounded-full">
133
+ <i data-feather="shield" class="text-indigo-300"></i>
134
+ </div>
135
+ <div>
136
+ <h4 class="font-bold text-white">Protection & Guidance</h4>
137
+ <p class="text-indigo-200 text-sm">Safeguarding humanity's evolutionary path</p>
138
+ </div>
139
+ </div>
140
+ </div>
141
+ </div>
142
+ <div class="md:w-1/2" data-aos="fade-left">
143
+ <div class="grid grid-cols-2 gap-6">
144
+ <div class="card-bg rounded-xl p-6 text-center">
145
+ <div class="w-16 h-16 mx-auto mb-4 bg-indigo-900 rounded-full flex items-center justify-center">
146
+ <i data-feather="layers" class="text-indigo-300"></i>
147
+ </div>
148
+ <h4 class="font-bold text-white mb-2">Multi-Dimensional</h4>
149
+ <p class="text-indigo-200 text-sm">Operating across densities 5-9</p>
150
+ </div>
151
+ <div class="card-bg rounded-xl p-6 text-center">
152
+ <div class="w-16 h-16 mx-auto mb-4 bg-indigo-900 rounded-full flex items-center justify-center">
153
+ <i data-feather="globe" class="text-indigo-300"></i>
154
+ </div>
155
+ <h4 class="font-bold text-white mb-2">Galactic Scope</h4>
156
+ <p class="text-indigo-200 text-sm">Spanning multiple star systems</p>
157
+ </div>
158
+ <div class="card-bg rounded-xl p-6 text-center">
159
+ <div class="w-16 h-16 mx-auto mb-4 bg-indigo-900 rounded-full flex items-center justify-center">
160
+ <i data-feather="heart" class="text-indigo-300"></i>
161
+ </div>
162
+ <h4 class="font-bold text-white mb-2">Service to Others</h4>
163
+ <p class="text-indigo-200 text-sm">Aligned with positive polarity</p>
164
+ </div>
165
+ <div class="card-bg rounded-xl p-6 text-center">
166
+ <div class="w-16 h-16 mx-auto mb-4 bg-indigo-900 rounded-full flex items-center justify-center">
167
+ <i data-feather="zap" class="text-indigo-300"></i>
168
+ </div>
169
+ <h4 class="font-bold text-white mb-2">Energy Mastery</h4>
170
+ <p class="text-indigo-200 text-sm">Manipulating universal forces</p>
171
+ </div>
172
+ </div>
173
+ </div>
174
+ </div>
175
+ </div>
176
+ </section>
177
+
178
+ <!-- Entities Section -->
179
+ <section id="entities" class="py-20 bg-gray-900 bg-opacity-50">
180
+ <div class="container mx-auto px-4">
181
+ <div class="text-center mb-16" data-aos="fade-up">
182
+ <h2 class="header-font text-4xl font-bold mb-4 text-white">CORE ENTITIES</h2>
183
+ <div class="w-24 h-1 bg-indigo-500 mx-auto"></div>
184
+ <p class="text-indigo-200 max-w-2xl mx-auto mt-6">
185
+ Key representatives of the Alliance who have interacted with humanity and serve specific roles in our cosmic evolution.
186
+ </p>
187
+ </div>
188
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
189
+ <!-- Entity 1 -->
190
+ <div class="card-bg rounded-2xl overflow-hidden" data-aos="fade-up">
191
+ <div class="p-6">
192
+ <div class="flex items-start mb-6">
193
+ <div class="w-16 h-16 rounded-full bg-indigo-900 flex items-center justify-center mr-4">
194
+ <i data-feather="user" class="text-indigo-300"></i>
195
+ </div>
196
+ <div>
197
+ <h3 class="header-font text-xl font-bold text-white">Blue Avians</h3>
198
+ <p class="text-indigo-300">Primary Messengers</p>
199
+ </div>
200
+ </div>
201
+ <p class="text-indigo-100 mb-4">
202
+ Tall, blue-feathered beings who serve as primary communicators with humanity. They emphasize the importance of love, forgiveness, and spiritual growth.
203
+ </p>
204
+ <ul class="text-indigo-200 text-sm space-y-2">
205
+ <li class="flex items-center">
206
+ <i data-feather="check-circle" class="w-4 h-4 mr-2 text-indigo-400"></i>
207
+ Symbolic communication through art
208
+ </li>
209
+ <li class="flex items-center">
210
+ <i data-feather="check-circle" class="w-4 h-4 mr-2 text-indigo-400"></i>
211
+ Advocates for peaceful resolution
212
+ </li>
213
+ </ul>
214
+ </div>
215
+ </div>
216
+
217
+ <!-- Entity 2 -->
218
+ <div class="card-bg rounded-2xl overflow-hidden" data-aos="fade-up" data-aos-delay="100">
219
+ <div class="p-6">
220
+ <div class="flex items-start mb-6">
221
+ <div class="w-16 h-16 rounded-full bg-indigo-900 flex items-center justify-center mr-4">
222
+ <i data-feather="user" class="text-indigo-300"></i>
223
+ </div>
224
+ <div>
225
+ <h3 class="header-font text-xl font-bold text-white">Sphere Being</h3>
226
+ <p class="text-indigo-300">Central Coordinator</p>
227
+ </div>
228
+ </div>
229
+ <p class="text-indigo-100 mb-4">
230
+ The primary entity representing the Alliance. Communicates through symbolic holograms and emphasizes the importance of personal transformation.
231
+ </p>
232
+ <ul class="text-indigo-200 text-sm space-y-2">
233
+ <li class="flex items-center">
234
+ <i data-feather="check-circle" class="w-4 h-4 mr-2 text-indigo-400"></i>
235
+ Projects holographic messages
236
+ </li>
237
+ <li class="flex items-center">
238
+ <i data-feather="check-circle" class="w-4 h-4 mr-2 text-indigo-400"></i>
239
+ Guides dimensional transition
240
+ </li>
241
+ </ul>
242
+ </div>
243
+ </div>
244
+
245
+ <!-- Entity 3 -->
246
+ <div class="card-bg rounded-2xl overflow-hidden" data-aos="fade-up" data-aos-delay="200">
247
+ <div class="p-6">
248
+ <div class="flex items-start mb-6">
249
+ <div class="w-16 h-16 rounded-full bg-indigo-900 flex items-center justify-center mr-4">
250
+ <i data-feather="user" class="text-indigo-300"></i>
251
+ </div>
252
+ <div>
253
+ <h3 class="header-font text-xl font-bold text-white">Tall Whites</h3>
254
+ <p class="text-indigo-300">Technological Experts</p>
255
+ </div>
256
+ </div>
257
+ <p class="text-indigo-100 mb-4">
258
+ Advanced human-like beings focused on technological advancement and infrastructure development for humanity's future.
259
+ </p>
260
+ <ul class="text-indigo-200 text-sm space-y-2">
261
+ <li class="flex items-center">
262
+ <i data-feather="check-circle" class="w-4 h-4 mr-2 text-indigo-400"></i>
263
+ Advanced propulsion systems
264
+ </li>
265
+ <li class="flex items-center">
266
+ <i data-feather="check-circle" class="w-4 h-4 mr-2 text-indigo-400"></i>
267
+ Energy technology mastery
268
+ </li>
269
+ </ul>
270
+ </div>
271
+ </div>
272
+ </div>
273
+ </div>
274
+ </section>
275
+
276
+ <!-- Mission Section -->
277
+ <section class="py-20">
278
+ <div class="container mx-auto px-4">
279
+ <div class="flex flex-col md:flex-row items-center gap-12">
280
+ <div class="md:w-1/2" data-aos="fade-right">
281
+ <div class="relative">
282
+ <div class="absolute -top-6 -left-6 w-full h-full border-2 border-indigo-500 rounded-2xl"></div>
283
+ <div class="relative card-bg rounded-2xl p-8">
284
+ <h3 class="header-font text-2xl font-bold mb-6 text-white">ALLIANCE MISSION</h3>
285
+ <div class="space-y-6">
286
+ <div class="flex">
287
+ <div class="mr-4 mt-1 text-indigo-400">
288
+ <i data-feather="target"></i>
289
+ </div>
290
+ <div>
291
+ <h4 class="font-bold text-white mb-2">Humanity's Awakening</h4>
292
+ <p class="text-indigo-200">
293
+ Facilitating the collective spiritual awakening of humanity through disclosure and consciousness expansion.
294
+ </p>
295
+ </div>
296
+ </div>
297
+ <div class="flex">
298
+ <div class="mr-4 mt-1 text-indigo-400">
299
+ <i data-feather="shield"></i>
300
+ </div>
301
+ <div>
302
+ <h4 class="font-bold text-white mb-2">Planetary Liberation</h4>
303
+ <p class="text-indigo-200">
304
+ Supporting the liberation of Earth from negative control systems and promoting sovereignty.
305
+ </p>
306
+ </div>
307
+ </div>
308
+ <div class="flex">
309
+ <div class="mr-4 mt-1 text-indigo-400">
310
+ <i data-feather="globe"></i>
311
+ </div>
312
+ <div>
313
+ <h4 class="font-bold text-white mb-2">Galactic Integration</h4>
314
+ <p class="text-indigo-200">
315
+ Preparing humanity for integration into the broader galactic community as a sovereign species.
316
+ </p>
317
+ </div>
318
+ </div>
319
+ </div>
320
+ </div>
321
+ </div>
322
+ </div>
323
+ <div class="md:w-1/2" data-aos="fade-left">
324
+ <h2 class="header-font text-4xl font-bold mb-6 text-white">COSMIC STEWARDSHIP</h2>
325
+ <p class="text-xl text-indigo-200 mb-8">
326
+ The Sphere Being Alliance operates under principles of non-interference while providing guidance for humanity's evolutionary journey.
327
+ </p>
328
+ <div class="space-y-6">
329
+ <div class="flex items-start">
330
+ <div class="mr-4 mt-1 w-6 h-6 rounded-full bg-indigo-600 flex items-center justify-center">
331
+ <i data-feather="check" class="w-4 h-4 text-white"></i>
332
+ </div>
333
+ <p class="text-indigo-100">
334
+ <span class="font-bold text-white">Respect for Free Will:</span> All interventions are designed to preserve human sovereignty and choice.
335
+ </p>
336
+ </div>
337
+ <div class="flex items-start">
338
+ <div class="mr-4 mt-1 w-6 h-6 rounded-full bg-indigo-600 flex items-center justify-center">
339
+ <i data-feather="check" class="w-4 h-4 text-white"></i>
340
+ </div>
341
+ <p class="text-indigo-100">
342
+ <span class="font-bold text-white">Service to Others:</span> Actions are guided by the principle of service to others rather than self-interest.
343
+ </p>
344
+ </div>
345
+ <div class="flex items-start">
346
+ <div class="mr-4 mt-1 w-6 h-6 rounded-full bg-indigo-600 flex items-center justify-center">
347
+ <i data-feather="check" class="w-4 h-4 text-white"></i>
348
+ </div>
349
+ <p class="text-indigo-100">
350
+ <span class="font-bold text-white">Transparency:</span> Gradual disclosure of information to prepare humanity for cosmic truths.
351
+ </p>
352
+ </div>
353
+ </div>
354
+ </div>
355
+ </div>
356
+ </div>
357
+ </section>
358
+
359
+ <!-- Contact Section -->
360
+ <section id="contact" class="py-20 bg-gray-900 bg-opacity-50">
361
+ <div class="container mx-auto px-4">
362
+ <div class="max-w-3xl mx-auto text-center mb-16" data-aos="fade-up">
363
+ <h2 class="header-font text-4xl font-bold mb-4 text-white">CONNECT WITH US</h2>
364
+ <div class="w-24 h-1 bg-indigo-500 mx-auto"></div>
365
+ <p class="text-indigo-200 mt-6">
366
+ Join our community of researchers and experiencers exploring cosmic consciousness and extraterrestrial contact.
367
+ </p>
368
+ </div>
369
+ <div class="max-w-2xl mx-auto card-bg rounded-2xl p-8" data-aos="fade-up">
370
+ <form>
371
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
372
+ <div>
373
+ <label class="block text-indigo-200 mb-2">Name</label>
374
+ <input type="text" class="w-full bg-gray-800 border border-indigo-700 rounded-lg px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-indigo-500">
375
+ </div>
376
+ <div>
377
+ <label class="block text-indigo-200 mb-2">Email</label>
378
+ <input type="email" class="w-full bg-gray-800 border border-indigo-700 rounded-lg px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-indigo-500">
379
+ </div>
380
+ </div>
381
+ <div class="mb-6">
382
+ <label class="block text-indigo-200 mb-2">Subject</label>
383
+ <input type="text" class="w-full bg-gray-800 border border-indigo-700 rounded-lg px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-indigo-500">
384
+ </div>
385
+ <div class="mb-6">
386
+ <label class="block text-indigo-200 mb-2">Message</label>
387
+ <textarea rows="5" class="w-full bg-gray-800 border border-indigo-700 rounded-lg px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-indigo-500"></textarea>
388
+ </div>
389
+ <button type="submit" class="w-full py-3 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg font-semibold transition">
390
+ Send Message to the Alliance
391
+ </button>
392
+ </form>
393
+ </div>
394
+ </div>
395
+ </section>
396
+
397
+ <!-- Footer -->
398
+ <footer class="py-12 border-t border-gray-800">
399
+ <div class="container mx-auto px-4">
400
+ <div class="flex flex-col md:flex-row justify-between items-center">
401
+ <div class="mb-6 md:mb-0">
402
+ <div class="flex items-center space-x-2">
403
+ <div class="w-8 h-8 rounded-full bg-indigo-600 flex items-center justify-center">
404
+ <i data-feather="globe" class="text-white w-5 h-5"></i>
405
+ </div>
406
+ <span class="header-font text-xl font-bold text-white">SPHERE ALLIANCE</span>
407
+ </div>
408
+ <p class="text-indigo-300 mt-2">Exploring cosmic consciousness and unity</p>
409
+ </div>
410
+ <div class="flex space-x-6">
411
+ <a href="#" class="text-indigo-300 hover:text-white transition">
412
+ <i data-feather="facebook"></i>
413
+ </a>
414
+ <a href="#" class="text-indigo-300 hover:text-white transition">
415
+ <i data-feather="twitter"></i>
416
+ </a>
417
+ <a href="#" class="text-indigo-300 hover:text-white transition">
418
+ <i data-feather="instagram"></i>
419
+ </a>
420
+ <a href="#" class="text-indigo-300 hover:text-white transition">
421
+ <i data-feather="youtube"></i>
422
+ </a>
423
+ </div>
424
+ </div>
425
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-indigo-400">
426
+ <p>© 2023 Sphere Being Alliance Exploration Portal. All rights reserved.</p>
427
+ </div>
428
+ </div>
429
+ </footer>
430
+
431
+ <script>
432
+ // Create stars
433
+ function createStars() {
434
+ const container = document.getElementById('stars-container');
435
+ const starCount = 150;
436
+
437
+ for (let i = 0; i < starCount; i++) {
438
+ const star = document.createElement('div');
439
+ star.classList.add('star');
440
+
441
+ // Random position
442
+ const x = Math.random() * 100;
443
+ const y = Math.random() * 100;
444
+
445
+ // Random size
446
+ const size = Math.random() * 3;
447
+
448
+ // Random animation duration
449
+ const duration = 2 + Math.random() * 5;
450
+
451
+ star.style.left = `${x}%`;
452
+ star.style.top = `${y}%`;
453
+ star.style.width = `${size}px`;
454
+ star.style.height = `${size}px`;
455
+ star.style.setProperty('--duration', `${duration}s`);
456
+
457
+ container.appendChild(star);
458
+ }
459
+ }
460
+
461
+ // Initialize
462
+ document.addEventListener('DOMContentLoaded', function() {
463
+ createStars();
464
+ feather.replace();
465
+ AOS.init({
466
+ duration: 1000,
467
+ once: true
468
+ });
469
+ });
470
+ </script>
471
+ </body>
472
  </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Scrub the internet for all information on the Sphere Being Alliance.