Hugging Face's logo

Spaces:
CommanderLazarus
/
innerearthalliance
Running

App Files Community
CommanderLazarus commited on
Commit
b010d24
·
verified ·
1 Parent(s): c4e9a03

Create a new page about green living and hydroponics sprouting, advanced genomic culturing and the rise of the sustainable ecosystem. - Initial Deployment

Browse files
Files changed (7) hide show
  1. README.md +7 -5
  2. bioluminescence-cities.html +290 -0
  3. gravity-manipulation.html +223 -0
  4. green-living.html +288 -0
  5. index.html +290 -18
  6. prompts.txt +6 -0
  7. zero-point-energy.html +201 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Innerearthalliance
3
- emoji: 📚
4
- colorFrom: yellow
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: innerearthalliance
3
+ emoji: 🐳
4
+ colorFrom: red
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
bioluminescence-cities.html ADDED
@@ -0,0 +1,290 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Bioluminescent Cities | Inner Earth Alliance</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
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
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
14
+ <style>
15
+ .hero-bg {
16
+ background: linear-gradient(135deg, rgba(9,17,28,0.9) 0%, rgba(23,42,58,0.85) 100%);
17
+ }
18
+ .nav-link:hover {
19
+ color: #4fd1c5;
20
+ transition: all 0.3s ease;
21
+ }
22
+ .glow-text {
23
+ text-shadow: 0 0 10px rgba(79, 209, 197, 0.7);
24
+ }
25
+ .card-hover {
26
+ transition: all 0.3s ease;
27
+ }
28
+ .card-hover:hover {
29
+ transform: translateY(-5px);
30
+ box-shadow: 0 10px 25px rgba(79, 209, 197, 0.3);
31
+ }
32
+ .bioluminescent-glow {
33
+ box-shadow: 0 0 20px rgba(79, 209, 197, 0.4);
34
+ }
35
+ </style>
36
+ </head>
37
+ <body class="bg-gray-900 text-gray-100 font-sans">
38
+ <!-- Vanta.js Globe Background -->
39
+ <div id="vanta-globe" class="fixed top-0 left-0 w-full h-full z-0"></div>
40
+
41
+ <!-- Navigation -->
42
+ <nav class="relative z-10 bg-gray-900 bg-opacity-80 backdrop-filter backdrop-blur-lg border-b border-gray-800">
43
+ <div class="container mx-auto px-6 py-4">
44
+ <div class="flex items-center justify-between">
45
+ <div class="flex items-center">
46
+ <i data-feather="compass" class="text-teal-400 mr-2"></i>
47
+ <span class="text-xl font-bold text-teal-400">Inner Earth Alliance</span>
48
+ </div>
49
+ <div class="hidden md:flex space-x-8">
50
+ <a href="index.html" class="nav-link text-gray-300 hover:text-teal-400">Home</a>
51
+ <a href="index.html#about" class="nav-link text-gray-300 hover:text-teal-400">About</a>
52
+ <a href="zero-point-energy.html" class="nav-link text-gray-300 hover:text-teal-400">Zero-Point Energy</a>
53
+ <a href="gravity-manipulation.html" class="nav-link text-gray-300 hover:text-teal-400">Gravity Tech</a>
54
+ <a href="green-living.html" class="nav-link text-gray-300 hover:text-teal-400">Green Living</a>
55
+ <a href="index.html#contact" class="nav-link text-gray-300 hover:text-teal-400">Contact</a>
56
+ </div>
57
+ <button class="md:hidden focus:outline-none">
58
+ <i data-feather="menu" class="text-gray-300"></i>
59
+ </button>
60
+ </div>
61
+ </div>
62
+ </nav>
63
+
64
+ <!-- Hero Section -->
65
+ <section class="hero-bg relative z-10 py-20 md:py-32">
66
+ <div class="container mx-auto px-6 text-center">
67
+ <h1 class="text-4xl md:text-6xl font-bold mb-6 glow-text" data-aos="fade-up">
68
+ <span class="text-teal-400">Bioluminescent</span> Cities
69
+ </h1>
70
+ <p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto mb-10" data-aos="fade-up" data-aos-delay="100">
71
+ Living light: Where nature and technology merge to create sustainable urban illumination
72
+ </p>
73
+ </div>
74
+ </section>
75
+
76
+ <!-- Content Section -->
77
+ <section class="relative z-10 py-20 bg-gray-900 bg-opacity-90">
78
+ <div class="container mx-auto px-6">
79
+ <div class="grid md:grid-cols-2 gap-12 items-center">
80
+ <div data-aos="fade-right">
81
+ <img src="http://static.photos/abstract/1024x576/88" alt="Bioluminescent City" class="rounded-xl shadow-xl w-full bioluminescent-glow">
82
+ </div>
83
+ <div data-aos="fade-left" data-aos-delay="100">
84
+ <h2 class="text-3xl font-bold mb-6 text-teal-400">The Living Light Revolution</h2>
85
+ <p class="text-gray-300 mb-6">
86
+ Our cities are illuminated by genetically engineered organisms that emit natural, sustainable light.
87
+ Through advanced bioengineering, we've created plants, fungi, and microorganisms that produce
88
+ beautiful, functional illumination without electricity or pollution.
89
+ </p>
90
+ <p class="text-gray-300 mb-6">
91
+ This living light system adapts to our circadian rhythms, changing intensity and color throughout
92
+ the day to support optimal health and well-being. The gentle glow creates a harmonious environment
93
+ that promotes peace and tranquility.
94
+ </p>
95
+ <div class="bg-gray-800 rounded-xl p-6 mb-6">
96
+ <h3 class="text-xl font-semibold mb-3 text-teal-400">Key Features</h3>
97
+ <ul class="space-y-3">
98
+ <li class="flex items-start">
99
+ <i data-feather="droplet" class="text-teal-400 mr-2 mt-1"></i>
100
+ <span>Self-sustaining ecosystems requiring minimal maintenance</span>
101
+ </li>
102
+ <li class="flex items-start">
103
+ <i data-feather="heart" class="text-teal-400 mr-2 mt-1"></i>
104
+ <span>Health-enhancing light spectra that support well-being</span>
105
+ </li>
106
+ <li class="flex items-start">
107
+ <i data-feather="refresh-cw" class="text-teal-400 mr-2 mt-1"></i>
108
+ <span>Fully renewable and biodegradable lighting solutions</span>
109
+ </li>
110
+ </ul>
111
+ </div>
112
+ </div>
113
+ </div>
114
+
115
+ <div class="mt-20" data-aos="fade-up">
116
+ <h2 class="text-3xl font-bold mb-8 text-center text-teal-400">Urban Ecosystem Integration</h2>
117
+ <div class="grid md:grid-cols-3 gap-8">
118
+ <div class="bg-gray-800 rounded-xl p-6 card-hover">
119
+ <div class="text-teal-400 mb-4">
120
+ <i data-feather="home" class="w-10 h-10"></i>
121
+ </div>
122
+ <h3 class="text-xl font-semibold mb-3">Architectural Lighting</h3>
123
+ <p class="text-gray-300">
124
+ Buildings coated with light-emitting microorganisms that create stunning patterns and provide functional illumination.
125
+ </p>
126
+ </div>
127
+ <div class="bg-gray-800 rounded-xl p-6 card-hover">
128
+ <div class="text-teal-400 mb-4">
129
+ <i data-feather="tree" class="w-10 h-10"></i>
130
+ </div>
131
+ <h3 class="text-xl font-semibold mb-3">Living Streets</h3>
132
+ <p class="text-gray-300">
133
+ Pathways and roads illuminated by glowing plants and fungi, creating natural guidance systems.
134
+ </p>
135
+ </div>
136
+ <div class="bg-gray-800 rounded-xl p-6 card-hover">
137
+ <div class="text-teal-400 mb-4">
138
+ <i data-feather="cloud-rain" class="w-10 h-10"></i>
139
+ </div>
140
+ <h3 class="text-xl font-semibold mb-3">Atmospheric Effects</h3>
141
+ <p class="text-gray-300">
142
+ Engineered microorganisms in water features create mesmerizing light displays and purify air.
143
+ </p>
144
+ </div>
145
+ </div>
146
+ </div>
147
+
148
+ <div class="mt-20" data-aos="fade-up">
149
+ <h2 class="text-3xl font-bold mb-8 text-center text-teal-400">The Glowing Blue Llamas</h2>
150
+ <div class="grid md:grid-cols-2 gap-12 items-center">
151
+ <div class="order-2 md:order-1">
152
+ <h3 class="text-2xl font-semibold mb-4 text-teal-400">Our Unique Companions</h3>
153
+ <p class="text-gray-300 mb-6">
154
+ Among our most beloved achievements are the genetically enhanced blue llamas that roam our cities.
155
+ These gentle creatures have been bioengineered to emit a soft blue glow, serving as living lanterns
156
+ that contribute to our urban illumination while maintaining ecological balance.
157
+ </p>
158
+ <p class="text-gray-300 mb-6">
159
+ The llamas are not only beautiful but also serve practical purposes - their fur contains
160
+ light-emitting proteins that can be harvested sustainably, and they help maintain the urban
161
+ ecosystem by naturally fertilizing our bioluminescent plants.
162
+ </p>
163
+ <div class="bg-gray-800 rounded-xl p-6">
164
+ <h4 class="text-lg font-semibold mb-2 text-teal-400">Lama Luminescens</h4>
165
+ <ul class="space-y-2">
166
+ <li class="flex items-start">
167
+ <i data-feather="star" class="text-teal-400 mr-2 mt-1 w-4 h-4"></i>
168
+ <span>Non-toxic, gentle bioluminescence</span>
169
+ </li>
170
+ <li class="flex items-start">
171
+ <i data-feather="shield" class="text-teal-400 mr-2 mt-1 w-4 h-4"></i>
172
+ <span>Enhanced immune systems and longevity</span>
173
+ </li>
174
+ <li class="flex items-start">
175
+ <i data-feather="heart" class="text-teal-400 mr-2 mt-1 w-4 h-4"></i>
176
+ <span>Perfectly adapted to underground life</span>
177
+ </li>
178
+ </ul>
179
+ </div>
180
+ </div>
181
+ <div class="order-1 md:order-2">
182
+ <img src="http://static.photos/blue/1024x576/123" alt="Glowing Blue Llama" class="rounded-xl shadow-xl w-full bioluminescent-glow">
183
+ </div>
184
+ </div>
185
+ </div>
186
+
187
+ <div class="mt-20" data-aos="fade-up">
188
+ <h2 class="text-3xl font-bold mb-8 text-center text-teal-400">Sustainable Benefits</h2>
189
+ <div class="grid md:grid-cols-2 gap-12">
190
+ <div class="bg-gray-800 rounded-xl p-6">
191
+ <h3 class="text-xl font-semibold mb-4 text-teal-400">Environmental Impact</h3>
192
+ <p class="text-gray-300 mb-4">
193
+ Our bioluminescent cities represent the pinnacle of sustainable living. By eliminating
194
+ traditional lighting systems, we've removed energy consumption and light pollution from our urban environments.
195
+ </p>
196
+ <ul class="space-y-2">
197
+ <li class="flex items-start">
198
+ <i data-feather="check" class="text-teal-400 mr-2 mt-1 w-4 h-4"></i>
199
+ <span>Zero energy consumption for illumination</span>
200
+ </li>
201
+ <li class="flex items-start">
202
+ <i data-feather="check" class="text-teal-400 mr-2 mt-1 w-4 h-4"></i>
203
+ <span>Natural air purification through photosynthetic organisms</span>
204
+ </li>
205
+ <li class="flex items-start">
206
+ <i data-feather="check" class="text-teal-400 mr-2 mt-1 w-4 h-4"></i>
207
+ <span>Enhanced biodiversity with engineered ecosystems</span>
208
+ </li>
209
+ </ul>
210
+ </div>
211
+ <div class="bg-gray-800 rounded-xl p-6">
212
+ <h3 class="text-xl font-semibold mb-4 text-teal-400">Health Benefits</h3>
213
+ <p class="text-gray-300 mb-4">
214
+ The natural light spectra produced by our bioluminescent systems support physical and mental health:
215
+ </p>
216
+ <ul class="space-y-2">
217
+ <li class="flex items-start">
218
+ <i data-feather="check" class="text-teal-400 mr-2 mt-1 w-4 h-4"></i>
219
+ <span>Circadian rhythm synchronization</span>
220
+ </li>
221
+ <li class="flex items-start">
222
+ <i data-feather="check" class="text-teal-400 mr-2 mt-1 w-4 h-4"></i>
223
+ <span>Reduced eye strain and improved visual comfort</span>
224
+ </li>
225
+ <li class="flex items-start">
226
+ <i data-feather="check" class="text-teal-400 mr-2 mt-1 w-4 h-4"></i>
227
+ <span>Enhanced mood and reduced stress levels</span>
228
+ </li>
229
+ </ul>
230
+ </div>
231
+ </div>
232
+ </div>
233
+ </div>
234
+ </section>
235
+
236
+ <!-- Footer -->
237
+ <footer class="relative z-10 bg-gray-900 bg-opacity-90 border-t border-gray-800 py-12">
238
+ <div class="container mx-auto px-6">
239
+ <div class="flex flex-col md:flex-row justify-between items-center">
240
+ <div class="flex items-center mb-6 md:mb-0">
241
+ <i data-feather="compass" class="text-teal-400 mr-2"></i>
242
+ <span class="text-xl font-bold text-teal-400">Inner Earth Alliance</span>
243
+ </div>
244
+ <div class="flex space-x-6">
245
+ <a href="#" class="text-gray-400 hover:text-teal-400">
246
+ <i data-feather="twitter"></i>
247
+ </a>
248
+ <a href="#" class="text-gray-400 hover:text-teal-400">
249
+ <i data-feather="facebook"></i>
250
+ </a>
251
+ <a href="#" class="text-gray-400 hover:text-teal-400">
252
+ <i data-feather="instagram"></i>
253
+ </a>
254
+ </div>
255
+ </div>
256
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500">
257
+ <p>© 2023 Inner Earth Alliance. All rights reserved.</p>
258
+ <p class="mt-2">Surface world representation only. Actual headquarters located beneath Mount Shasta.</p>
259
+ </div>
260
+ </div>
261
+ </footer>
262
+
263
+ <script>
264
+ // Initialize Vanta.js globe
265
+ VANTA.GLOBE({
266
+ el: "#vanta-globe",
267
+ mouseControls: true,
268
+ touchControls: true,
269
+ gyroControls: false,
270
+ minHeight: 200.00,
271
+ minWidth: 200.00,
272
+ scale: 1.00,
273
+ scaleMobile: 1.00,
274
+ color: 0x4fd1c5,
275
+ backgroundColor: 0x09090b,
276
+ size: 0.7
277
+ });
278
+
279
+ // Initialize AOS
280
+ AOS.init({
281
+ duration: 800,
282
+ easing: 'ease-in-out',
283
+ once: true
284
+ });
285
+
286
+ // Feather Icons
287
+ feather.replace();
288
+ </script>
289
+ </body>
290
+ </html>
gravity-manipulation.html ADDED
@@ -0,0 +1,223 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Gravity Manipulation | Inner Earth Alliance</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
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
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
14
+ <style>
15
+ .hero-bg {
16
+ background: linear-gradient(135deg, rgba(9,17,28,0.9) 0%, rgba(23,42,58,0.85) 100%);
17
+ }
18
+ .nav-link:hover {
19
+ color: #4fd1c5;
20
+ transition: all 0.3s ease;
21
+ }
22
+ .glow-text {
23
+ text-shadow: 0 0 10px rgba(79, 209, 197, 0.7);
24
+ }
25
+ .card-hover {
26
+ transition: all 0.3s ease;
27
+ }
28
+ .card-hover:hover {
29
+ transform: translateY(-5px);
30
+ box-shadow: 0 10px 25px rgba(79, 209, 197, 0.3);
31
+ }
32
+ </style>
33
+ </head>
34
+ <body class="bg-gray-900 text-gray-100 font-sans">
35
+ <!-- Vanta.js Globe Background -->
36
+ <div id="vanta-globe" class="fixed top-0 left-0 w-full h-full z-0"></div>
37
+
38
+ <!-- Navigation -->
39
+ <nav class="relative z-10 bg-gray-900 bg-opacity-80 backdrop-filter backdrop-blur-lg border-b border-gray-800">
40
+ <div class="container mx-auto px-6 py-4">
41
+ <div class="flex items-center justify-between">
42
+ <div class="flex items-center">
43
+ <i data-feather="compass" class="text-teal-400 mr-2"></i>
44
+ <span class="text-xl font-bold text-teal-400">Inner Earth Alliance</span>
45
+ </div>
46
+ <div class="hidden md:flex space-x-8">
47
+ <a href="index.html" class="nav-link text-gray-300 hover:text-teal-400">Home</a>
48
+ <a href="index.html#about" class="nav-link text-gray-300 hover:text-teal-400">About</a>
49
+ <a href="index.html#history" class="nav-link text-gray-300 hover:text-teal-400">History</a>
50
+ <a href="zero-point-energy.html" class="nav-link text-gray-300 hover:text-teal-400">Zero-Point Energy</a>
51
+ <a href="bioluminescence-cities.html" class="nav-link text-gray-300 hover:text-teal-400">Bioluminescent Cities</a>
52
+ <a href="green-living.html" class="nav-link text-gray-300 hover:text-teal-400">Green Living</a>
53
+ <a href="index.html#contact" class="nav-link text-gray-300 hover:text-teal-400">Contact</a>
54
+ </div>
55
+ <button class="md:hidden focus:outline-none">
56
+ <i data-feather="menu" class="text-gray-300"></i>
57
+ </button>
58
+ </div>
59
+ </div>
60
+ </nav>
61
+
62
+ <!-- Hero Section -->
63
+ <section class="hero-bg relative z-10 py-20 md:py-32">
64
+ <div class="container mx-auto px-6 text-center">
65
+ <h1 class="text-4xl md:text-6xl font-bold mb-6 glow-text" data-aos="fade-up">
66
+ <span class="text-teal-400">Gravity Manipulation</span> & Anti-Gravity Propulsion
67
+ </h1>
68
+ <p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto mb-10" data-aos="fade-up" data-aos-delay="100">
69
+ Mastering the fundamental forces of the universe for seamless travel and energy manipulation
70
+ </p>
71
+ </div>
72
+ </section>
73
+
74
+ <!-- Content Section -->
75
+ <section class="relative z-10 py-20 bg-gray-900 bg-opacity-90">
76
+ <div class="container mx-auto px-6">
77
+ <div class="grid md:grid-cols-2 gap-12 items-center">
78
+ <div data-aos="fade-right">
79
+ <img src="https://t3.ftcdn.net/jpg/06/11/18/58/360_F_611185869_JK6Scf6j5XSPTriZMOq69Q882I2kxnuX.jpg">
80
+ </div>
81
+ <div data-aos="fade-left" data-aos-delay="100">
82
+ <h2 class="text-3xl font-bold mb-6 text-teal-400">The Science of Gravity Control</h2>
83
+ <p class="text-gray-300 mb-6">
84
+ Gravity manipulation represents one of our most advanced technological achievements.
85
+ By understanding gravity not as a force but as a curvature in space-time, we've developed
86
+ methods to locally modify gravitational fields.
87
+ </p>
88
+ <p class="text-gray-300 mb-6">
89
+ Our technology uses precisely tuned electromagnetic fields in conjunction with zero-point energy
90
+ to create controlled distortions in the fabric of space-time, allowing us to neutralize, amplify,
91
+ or redirect gravitational effects.
92
+ </p>
93
+ <div class="bg-gray-800 rounded-xl p-6 mb-6">
94
+ <h3 class="text-xl font-semibold mb-3 text-teal-400">Core Principles</h3>
95
+ <ul class="space-y-3">
96
+ <li class="flex items-start">
97
+ <i data-feather="target" class="text-teal-400 mr-2 mt-1"></i>
98
+ <span>Precision control of local gravitational fields</span>
99
+ </li>
100
+ <li class="flex items-start">
101
+ <i data-feather="zap" class="text-teal-400 mr-2 mt-1"></i>
102
+ <span>Integration with zero-point energy systems</span>
103
+ </li>
104
+ <li class="flex items-start">
105
+ <i data-feather="shield" class="text-teal-400 mr-2 mt-1"></i>
106
+ <span>Inertial dampening for passenger comfort</span>
107
+ </li>
108
+ </ul>
109
+ </div>
110
+ </div>
111
+ </div>
112
+
113
+ <div class="mt-20" data-aos="fade-up">
114
+ <h2 class="text-3xl font-bold mb-8 text-center text-teal-400">Anti-Gravity Propulsion Systems</h2>
115
+ <div class="grid md:grid-cols-3 gap-8">
116
+ <div class="bg-gray-800 rounded-xl p-6 card-hover">
117
+ <div class="text-teal-400 mb-4">
118
+ <i data-feather="navigation" class="w-10 h-10"></i>
119
+ </div>
120
+ <h3 class="text-xl font-semibold mb-3">Intra-Terrestrial Travel</h3>
121
+ <p class="text-gray-300">
122
+ High-speed vehicles that navigate through natural caverns and constructed tunnels using gravity nullification technology.
123
+ </p>
124
+ </div>
125
+ <div class="bg-gray-800 rounded-xl p-6 card-hover">
126
+ <div class="text-teal-400 mb-4">
127
+ <i data-feather="globe" class="w-10 h-10"></i>
128
+ </div>
129
+ <h3 class="text-xl font-semibold mb-3">Surface-to-Subsurface Transport</h3>
130
+ <p class="text-gray-300">
131
+ Vertical ascent/descent systems that move effortlessly between surface and underground facilities.
132
+ </p>
133
+ </div>
134
+ <div class="bg-gray-800 rounded-xl p-6 card-hover">
135
+ <div class="text-teal-400 mb-4">
136
+ <i data-feather="star" class="w-10 h-10"></i>
137
+ </div>
138
+ <h3 class="text-xl font-semibold mb-3">Interdimensional Capabilities</h3>
139
+ <p class="text-gray-300">
140
+ Advanced craft capable of manipulating gravity to access higher dimensions and alternate realities.
141
+ </p>
142
+ </div>
143
+ </div>
144
+ </div>
145
+
146
+ <div class="mt-20" data-aos="fade-up">
147
+ <h2 class="text-3xl font-bold mb-8 text-center text-teal-400">Practical Applications</h2>
148
+ <div class="grid md:grid-cols-2 gap-12 items-center">
149
+ <div class="order-2 md:order-1">
150
+ <h3 class="text-2xl font-semibold mb-4 text-teal-400">Civilian Benefits</h3>
151
+ <p class="text-gray-300 mb-6">
152
+ Our gravity manipulation technology has revolutionized daily life in our civilization.
153
+ Transportation is instantaneous and effortless, construction occurs without heavy machinery,
154
+ and medical treatments use gravitational fields for non-invasive healing.
155
+ </p>
156
+ <p class="text-gray-300 mb-6">
157
+ Energy generation is enhanced through gravitational amplification of zero-point energy collectors,
158
+ providing unlimited clean power for all our needs.
159
+ </p>
160
+ </div>
161
+ <div class="order-1 md:order-2">
162
+ <img src="https://t4.ftcdn.net/jpg/06/13/15/61/360_F_613156100_8tpjzOlb2PFUaf7uGDpnmuo83iGpMjWy.jpg" alt="Gravity Applications" class="rounded-xl shadow-xl w-full">
163
+ </div>
164
+ </div>
165
+ </div>
166
+ </div>
167
+ </section>
168
+
169
+ <!-- Footer -->
170
+ <footer class="relative z-10 bg-gray-900 bg-opacity-90 border-t border-gray-800 py-12">
171
+ <div class="container mx-auto px-6">
172
+ <div class="flex flex-col md:flex-row justify-between items-center">
173
+ <div class="flex items-center mb-6 md:mb-0">
174
+ <i data-feather="compass" class="text-teal-400 mr-2"></i>
175
+ <span class="text-xl font-bold text-teal-400">Inner Earth Alliance</span>
176
+ </div>
177
+ <div class="flex space-x-6">
178
+ <a href="#" class="text-gray-400 hover:text-teal-400">
179
+ <i data-feather="twitter"></i>
180
+ </a>
181
+ <a href="#" class="text-gray-400 hover:text-teal-400">
182
+ <i data-feather="facebook"></i>
183
+ </a>
184
+ <a href="#" class="text-gray-400 hover:text-teal-400">
185
+ <i data-feather="instagram"></i>
186
+ </a>
187
+ </div>
188
+ </div>
189
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500">
190
+ <p>© 2023 Inner Earth Alliance. All rights reserved.</p>
191
+ <p class="mt-2">Surface world representation only. Actual headquarters located beneath Mount Assta.</p>
192
+ </div>
193
+ </div>
194
+ </footer>
195
+
196
+ <script>
197
+ // Initialize Vanta.js globe
198
+ VANTA.GLOBE({
199
+ el: "#vanta-globe",
200
+ mouseControls: true,
201
+ touchControls: true,
202
+ gyroControls: false,
203
+ minHeight: 200.00,
204
+ minWidth: 200.00,
205
+ scale: 1.00,
206
+ scaleMobile: 1.00,
207
+ color: 0x4fd1c5,
208
+ backgroundColor: 0x09090b,
209
+ size: 0.7
210
+ });
211
+
212
+ // Initialize AOS
213
+ AOS.init({
214
+ duration: 800,
215
+ easing: 'ease-in-out',
216
+ once: true
217
+ });
218
+
219
+ // Feather Icons
220
+ feather.replace();
221
+ </script>
222
+ </body>
223
+ </html>
green-living.html ADDED
@@ -0,0 +1,288 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Green Living & Sustainable Ecosystems | Inner Earth Alliance</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
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
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
14
+ <style>
15
+ .hero-bg {
16
+ background: linear-gradient(135deg, rgba(9,17,28,0.9) 0%, rgba(23,42,58,0.85) 100%);
17
+ }
18
+ .nav-link:hover {
19
+ color: #4fd1c5;
20
+ transition: all 0.3s ease;
21
+ }
22
+ .glow-text {
23
+ text-shadow: 0 0 10px rgba(79, 209, 197, 0.7);
24
+ }
25
+ .card-hover {
26
+ transition: all 0.3s ease;
27
+ }
28
+ .card-hover:hover {
29
+ transform: translateY(-5px);
30
+ box-shadow: 0 10px 25px rgba(79, 209, 197, 0.3);
31
+ }
32
+ .eco-glow {
33
+ box-shadow: 0 0 20px rgba(102, 187, 106, 0.4);
34
+ }
35
+ </style>
36
+ </head>
37
+ <body class="bg-gray-900 text-gray-100 font-sans">
38
+ <!-- Vanta.js Globe Background -->
39
+ <div id="vanta-globe" class="fixed top-0 left-0 w-full h-full z-0"></div>
40
+
41
+ <!-- Navigation -->
42
+ <nav class="relative z极10 bg-gray-900 bg-opacity-80 backdrop-filter backdrop-blur-lg border-b border-gray-800">
43
+ <div class="container mx-auto px-6 py-4">
44
+ <div class="flex items-center justify-between">
45
+ <div class="flex items-center">
46
+ <i data-feather="compass" class="text-teal-400 mr-2"></i>
47
+ <span class="text-xl font-bold text-teal-400">Inner Earth Alliance</span>
48
+ </div>
49
+ <div class="hidden md:flex space-x-8">
50
+ <a href="index.html" class="nav-link text-gray-300 hover:text-teal-400">Home</a>
51
+ <a href="index.html#about" class="nav-link text-gray-300 hover:text-teal-400">About</a>
52
+ <a href="zero-point-energy.html" class="nav-link text-gray-300 hover:text-teal-400">Zero-Point Energy</a>
53
+ <a href="gravity-manipulation.html" class="nav极link text-gray-300 hover:text-teal-400">Gravity Tech</a>
54
+ <a href="bioluminescence-cities.html" class="nav-link text-gray-300 hover:text-teal-400">Bioluminescent Cities</a>
55
+ <a href="index.html#contact" class="nav-link text-gray-300 hover:text-teal-400">Contact</a>
56
+ </div>
57
+ <button class="md:hidden focus:outline-none">
58
+ <i data-feather="menu" class="text-gray-300"></极i>
59
+ </button>
60
+ </div>
61
+ </div>
62
+ </nav>
63
+
64
+ <!-- Hero Section -->
65
+ <section class="hero-bg relative z-10 py-20 md:py-32">
66
+ <div class="container mx-auto px-6 text-center">
67
+ <h1 class="text-4xl md:text-6xl font-bold mb-6 glow-text" data-aos="fade-up">
68
+ <span class="text-green-400">Green Living</span> & Sustainable Ecosystems
69
+ </h1>
70
+ <p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto mb-10" data-aos="fade-up" data-aos-delay="100">
71
+ Advanced hydroponics, genomic culturing, and the rise of perfectly balanced underground ecosystems
72
+ </p>
73
+ </div>
74
+ </section>
75
+
76
+ <!-- Content Section -->
77
+ <section class="relative z-10 py-20 bg-gray-900 bg-opacity-90">
78
+ <div class="container mx-auto px-6">
79
+ <div class="grid md:grid-cols-2 gap-12 items-center">
80
+ <div data-aos="fade-right">
81
+ <img src="http://static.photos/green/1024x576/55" alt="Advanced Hydroponics" class="rounded-xl shadow-xl w-full eco-glow">
82
+ </div>
83
+ <div data-aos="fade-left" data-aos-delay="100">
84
+ <h2 class="text-3xl font-bold mb-6 text-green-400">Revolutionary Hydroponics & Sprouting Systems</h2>
85
+ <p class="text-gray-300 mb-6">
86
+ Our advanced hydroponic systems represent the pinnacle of sustainable agriculture. Using zero-point energy
87
+ and precisely controlled environments, we've created growing systems that produce abundant harvests
88
+ with minimal resource consumption.
89
+ </p>
90
+ <p class="text-gray-300 mb-6">
91
+ These systems utilize nutrient-rich solutions and optimized light spectra to accelerate plant growth
92
+ while maintaining perfect nutritional balance. Our crops grow 300% faster than traditional methods
93
+ while using 95% less water.
94
+ </p>
95
+ <div class="bg-gray-800 rounded-xl p-6 mb-6">
96
+ <h3 class="text-xl font-semibold mb-3 text-green-400">System Features</h3>
97
+ <ul class="space-y-3">
98
+ <li class="flex items-start">
99
+ <i data-feather="zap" class="text-green-400 mr-2 mt-1"></i>
100
+ <span>Zero-point energy powered climate control</span>
101
+ </li>
102
+ <li class="flex items-start">
103
+ <i data-feather="droplet" class="text-green-400 mr-2 mt-1"></i>
104
+ <span>Closed-loop water recycling systems</span>
105
+ </li>
106
+ <li class="flex items-start">
107
+ <i data-feather="sun" class="text-green-400 mr-2 mt-1"></i>
108
+ <span>Custom light spectra for optimal growth</span>
109
+ </li>
110
+ </ul>
111
+ </div>
112
+ </div>
113
+ </div>
114
+
115
+ <div class="mt-20" data-aos="fade-up">
116
+ <h2 class="text-3xl font-bold mb-8 text-center text-green-400">Advanced Genomic Culturing</h2>
117
+ <div class="grid md:grid-cols-2 gap-12 items-center">
118
+ <div class="order-2 md:order-1">
119
+ <h3 class="text-2xl font-semibold mb-4 text-green-400">Precision Genetic Engineering</h3>
120
+ <p class极="text-gray-300 mb-6">
121
+ Through advanced genomic sequencing and CRISPR technologies, we've developed plants with enhanced
122
+ nutritional profiles, disease resistance, and environmental adaptability. Our genetic modifications
123
+ focus on sustainability and ecological harmony.
124
+ </p>
125
+ <p class="text-gray-300 mb-6">
126
+ We've created plant varieties that thrive in underground environments, produce higher yields,
127
+ and contain optimized nutrient compositions for perfect human health.
128
+ </p>
129
+ <div class="bg-gray-800 rounded-xl p-6">
130
+ <h4 class="text-lg font-semibold mb-2 text-green-400">Genomic Achievements</h4>
131
+ <ul class="space-y-2">
132
+ <li class="flex items-start">
133
+ <i data-feather="check-circle" class="text-green-400 mr-2 mt-1 w-4 h-4"></i>
134
+ <span>Plants that purify air through enhanced photosynthesis</span>
135
+ </li>
136
+ <li class="flex items-start">
137
+ <i data-feather="check-circle" class="text-green-400 mr-2 mt-1 w-4 h-4"></i>
138
+ <span>Crops with 50% higher nutrient density</span>
139
+ </li>
140
+ <li class="flex items-start">
141
+ <i data-feather="check-circle" class="text-green-400 mr-2 mt-1 w-4 h-4"></i>
142
+ <span>Species capable of symbiotic relationships with bioluminescent organisms</span>
143
+ </li>
144
+ </ul>
145
+ </div>
146
+ </div>
147
+ <div class="order-1 md:order-2">
148
+ <img src="http://static.photos/science/1024x576/66" alt="Genomic Culturing" class="rounded-xl shadow-xl w-full eco-glow">
149
+ </div>
150
+ </div>
151
+ </div>
152
+
153
+ <div class="mt-20" data-aos="fade-up">
154
+ <h2 class="text-3xl font-bold mb-8 text-center text-green-400">The Sustainable Ecosystem</h2>
155
+ <div class="grid md:grid-cols-3 gap-8">
156
+ <div class="bg-gray-800 rounded-xl p-6 card-hover">
157
+ <div class="text-green-400 mb-4">
158
+ <i data-feather="refresh-cw" class="w-10 h-10"></i>
159
+ </div>
160
+ <h3 class="text-xl font-semibold mb-3">Closed-Loop Systems</h3>
161
+ <p class="text-gray-300">
162
+ Complete waste recycling where every output becomes input for another process, creating zero waste ecosystems.
163
+ </p>
164
+ </div>
165
+ <div class="bg-gray-800 rounded-xl p-6 card-hover">
166
+ <div class="text-green-400 mb-4">
167
+ <i data-feather="users" class="w-10 h-10"></i>
168
+ </div>
169
+ <h3 class="text-xl font-semibold mb-3">Community Integration</h3>
170
+ <p class="text-gray-300">
171
+ Urban agriculture integrated into living spaces, providing fresh food and beautiful green environments.
172
+ </p>
173
+ </div>
174
+ <div class="bg-gray-800 rounded-xl p-6 card-hover">
175
+ <div class="text-green-400 mb-4">
176
+ <i data-feather="activity" class="w-10 h-10"></i>
177
+ </div>
178
+ <h3 class="text-xl font-semibold mb-3">Health Optimization</h3>
179
+ <p class="text-gray-300">
180
+ Air-purifying plants and optimized environments that enhance physical and mental well-being.
181
+ </p>
182
+ </div>
183
+ </div>
184
+ </div>
185
+
186
+ <div class="mt-20" data-aos="fade-up">
187
+ <h2 class="text-3xl font-bold mb-8 text-center text-green-400">Environmental Impact & Benefits</h2>
188
+ <div class="grid md:grid-cols-2 gap-12">
189
+ <div class="bg-gray-800 rounded-xl p-6">
190
+ <h3 class="text-xl font-semibold mb-4 text-green-400">Resource Conservation</h3>
191
+ <p class="text-gray-300 mb-4">
192
+ Our sustainable systems have revolutionized resource management:
193
+ </p>
194
+ <ul class="space-y-2">
195
+ <li class="flex items-start">
196
+ <i data-feather="check" class="text-green-400 mr-2 mt-1 w-4 h-4"></i>
197
+ <span>99.8% water recycling efficiency</span>
198
+ </li>
199
+ <li class="flex items-start">
200
+ <i data-feather="check" class="text-green-400 mr-2 mt-1 w-4 h-4"></i>
201
+ <span>Zero chemical pesticides or fertilizers</span>
202
+ </li>
203
+ <li class="flex items-start">
204
+ <i data-feather="check" class="text-green-400 mr-2 mt-1 w-4 h-4"></i>
205
+ <span>Carbon-negative food production</span>
206
+ </li>
207
+ </ul>
208
+ </div>
209
+ <div class="bg-gray-800 rounded-xl p-6">
210
+ <h3 class="text-xl font-semibold mb-4 text-green-400">Food Security</h3>
211
+ <p class="text-gray-300 mb-4">
212
+ Our agricultural systems ensure perfect food security:
213
+ </p>
214
+ <ul class="space-y-2">
215
+ <li class="flex items-start">
216
+ <i data-feather="check" class="text-green-400 mr-2 mt极-1 w-4 h-4"></i>
217
+ <span>Year-round harvests unaffected by surface conditions</span>
218
+ </li>
219
+ <li class="flex items-start">
220
+ <i data-feather="check" class="text-green-400 mr-2 mt-1 w-4 h-4"></i>
221
+ <span>Disease-resistant crop varieties</span>
222
+ </li>
223
+ <li class="flex items-start">
224
+ <i data-feather="check" class="text-green-400 mr-2 mt-1 w-4 h-4"></i>
225
+ <span>Nutritionally optimized food sources</span>
226
+ </li>
227
+ </ul>
228
+ </div>
229
+ </div>
230
+ </div>
231
+ </div>
232
+ </section>
233
+
234
+ <!-- Footer -->
235
+ <footer class="relative z-10 bg-gray-900 bg-opacity-90 border-t border-gray-800 py-12">
236
+ <div class="container mx-auto px-6">
237
+ <div class="flex flex-col md:flex-row justify-between items-center">
238
+ <div class="flex items-center mb-6 md:mb-0">
239
+ <i data-feather="compass" class="text-teal-400 mr-2"></i>
240
+ <span class="text-xl font-bold text-teal-400">Inner Earth Alliance</span>
241
+ </div>
242
+ <div class="flex space-x-6">
243
+ <a href="#" class="text-gray-400 hover:text-teal-400">
244
+ <i data-feather="twitter"></i>
245
+ </a>
246
+ <a href="#" class="text-gray-400 hover:text-teal-400">
247
+ <i data-feather="facebook"></i>
248
+ </a>
249
+ <a href="#" class="text-gray-400 hover:text-teal-400">
250
+ <i data-feather="instagram"></i>
251
+ </a>
252
+ </div>
253
+ </div>
254
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500">
255
+ <p>© 2023 Inner Earth Alliance. All rights reserved.</p>
256
+ <p class="mt-2">Surface world representation only. Actual headquarters located beneath Mount Shasta.</p>
257
+ </div>
258
+ </div>
259
+ </footer>
260
+
261
+ <script>
262
+ // Initialize Vanta.js globe
263
+ VANTA.GLOBE({
264
+ el: "#vanta-globe",
265
+ mouseControls: true,
266
+ touchControls: true,
267
+ gyroControls: false,
268
+ minHeight: 200.00,
269
+ minWidth: 200.00,
270
+ scale: 1.00,
271
+ scaleMobile: 1.00,
272
+ color: 0x4fd1c5,
273
+ backgroundColor: 0x09090b,
274
+ size: 0.7
275
+ });
276
+
277
+ // Initialize AOS
278
+ AOS.init({
279
+ duration: 800,
280
+ easing: 'ease-in-out',
281
+ once: true
282
+ });
283
+
284
+ // Feather Icons
285
+ feather.replace();
286
+ </script>
287
+ </body>
288
+ </html>
index.html CHANGED
@@ -1,19 +1,291 @@
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>Inner Earth Alliance | Unveiling the Mysteries</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
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
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
14
+ <style>
15
+ .hero-bg {
16
+ background: linear-gradient(135deg, rgba(9,17,28,0.9) 0%, rgba(23,42,58,0.85) 100%);
17
+ }
18
+ .nav-link:hover {
19
+ color: #4fd1c5;
20
+ transition: all 0.3s ease;
21
+ }
22
+ .glow-text {
23
+ text-shadow: 0 0 10px rgba(79, 209, 197, 0.7);
24
+ }
25
+ .card-hover {
26
+ transition: all 0.3s ease;
27
+ }
28
+ .card-hover:hover {
29
+ transform: translateY(-5px);
30
+ box-shadow: 0 10px 25px rgba(79, 209, 197, 0.3);
31
+ }
32
+ </style>
33
+ </head>
34
+ <body class="bg-gray-900 text-gray-100 font-sans">
35
+ <!-- Vanta.js Globe Background -->
36
+ <div id="vanta-globe" class="fixed top-0 left-0 w-full h-full z-0"></div>
37
+
38
+ <!-- Navigation -->
39
+ <nav class="relative z-10 bg-gray-900 bg-opacity-80 backdrop-filter backdrop-blur-lg border-b border-gray-800">
40
+ <div class="container mx-auto px-6 py-4">
41
+ <div class="flex items-center justify-between">
42
+ <div class="flex items-center">
43
+ <i data-feather="compass" class="text-teal-400 mr-2"></i>
44
+ <span class="text-xl font-bold text-teal-400">Inner Earth Alliance</span>
45
+ </div>
46
+ <div class="hidden md:flex space-x-8">
47
+ <a href="#about" class="nav-link text-gray-300 hover:text-teal-400">About</a>
48
+ <a href="zero-point-energy.html" class="nav-link text-gray-300 hover:text-teal-400">Zero-Point Energy</a>
49
+ <a href="gravity-manipulation.html" class="nav-link text-gray-300 hover:text-teal-400">Gravity Tech</a>
50
+ <a href="bioluminescence-cities.html" class="nav-link text-gray-300 hover:text-teal-400">Bioluminescent Cities</a>
51
+ <a href="green-living.html" class="nav-link text-gray-300 hover:text-teal-400">Green Living</a>
52
+ <a href="#contact" class="nav-link text-gray-300 hover:text-teal-极400">Contact</a>
53
+ </div>
54
+ <button class="md:hidden focus:outline-none">
55
+ <i data-feather="menu" class="text-gray-300"></i>
56
+ </button>
57
+ </div>
58
+ </div>
59
+ </nav>
60
+
61
+ <!-- Hero Section -->
62
+ <section class="hero-bg relative z-10 py-20 md:py-32">
63
+ <div class="container mx-auto px-6 text-center">
64
+ <h1 class="text-4xl md:text-6xl font-bold mb-6 glow-text" data-aos="fade-up">
65
+ The <span class="text-teal-400">Inner Earth</span> Alliance
66
+ </h1>
67
+ <p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto mb-10" data-aos="fade-up" data-aos-delay="100">
68
+ Unveiling the advanced civilization thriving beneath our feet
69
+ </p>
70
+ <div class="flex flex-col sm:flex-row justify-center gap-4" data-aos="fade-up" data-aos-delay="200">
71
+ <a href="#about" class="bg-teal-600 hover:bg-teal-700 text-white px-8 py-3 rounded-lg font-medium transition duration-300">
72
+ Explore More
73
+ </a>
74
+ <a href="#contact" class="border border-teal-400 text-teal-400 hover:bg-teal-400 hover:text-gray-900 px-8 py-3 rounded-lg font-medium transition duration-300">
75
+ Join Us
76
+ </a>
77
+ </div>
78
+ </div>
79
+ </section>
80
+
81
+ <!-- About Section -->
82
+ <section id="about" class="relative z-10 py-20 bg-gray-900 bg-opacity-90">
83
+ <div class="container mx-auto px-6">
84
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-16 text-teal-400" data-aos="fade-up">
85
+ <i data-feather="info" class="inline mr-2"></i> About the Alliance
86
+ </h2>
87
+ <div class="grid md:grid-cols-2 gap-12 items-center">
88
+ <div data-aos="fade-right">
89
+ <img src="http://static.photos/technology/1024x576/42" alt="Inner Earth Technology" class="rounded-xl shadow-xl w-full">
90
+ </div>
91
+ <div data-aos="fade-left" data-aos-delay="100">
92
+ <h3 class="text-2xl font-semibold mb-4">Who We Are</h3>
93
+ <p class="text-gray-300 mb-6">
94
+ The Inner Earth Alliance is a network of advanced civilizations living beneath the Earth's surface.
95
+ Our society has flourished for millennia, developing technologies and wisdom far beyond surface dwellers' comprehension.
96
+ </p>
97
+ <p class="text-gray-300 mb-6">
98
+ We maintain peaceful relations with select surface governments while preserving our sovereignty and way of life.
99
+ Our mission is to guide humanity toward enlightenment when the time is right.
100
+ </p>
101
+ <div class="flex items-center space-x-4">
102
+ <div class="flex items-center">
103
+ <i data-feather="shield" class="text-teal-400 mr-2"></i>
104
+ <span>Peaceful Coexistence</span>
105
+ </div>
106
+ <div class="flex items-center">
107
+ <i data-feather="zap" class="text-teal-400 mr-2"></i>
108
+ <span>Advanced Technology</span>
109
+ </div>
110
+ </div>
111
+ </div>
112
+ </div>
113
+ </div>
114
+ </section>
115
+
116
+ <!-- History Section -->
117
+ <section id="history" class="relative z-10 py-20 bg-gray-800 bg-opacity-90">
118
+ <div class="container mx-auto px-6">
119
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-16 text-teal-400" data-aos="fade-up">
120
+ <i data-feather="clock" class="inline mr-2"></i> Our Ancient History
121
+ </h2>
122
+ <div class="grid md:grid-cols-2 gap-12 items-center">
123
+ <div class="order-2 md:order-1" data-aos="fade-right">
124
+ <h3 class="text-2xl font-semibold mb-4">Origins Beneath the Surface</h3>
125
+ <p class="text-gray-300 mb-6">
126
+ Our civilization traces its roots to the ancient cities of Lemuria, which were rocked by a cataclysm 12,500 years ago.
127
+ The survivors retreated underground, establishing vast crystalline cities powered by the Earth's natural energies.
128
+ </p>
129
+ <p class="text-gray-300 mb-6">
130
+ Throughout history, we've maintained contact with select surface civilizations - the people of Khem, Mayans, and Tibetans among them -
131
+ sharing knowledge when humanity showed readiness for advancement.
132
+ </p>
133
+ <ul class="space-y-3">
134
+ <li class="flex items-start">
135
+ <i data-feather="check-circle" class="text-teal-400 mr-2 mt-1"></i>
136
+ <span>55,000+ years of recorded history</span>
137
+ </li>
138
+ <li class="flex items-start">
139
+ <i data-feather="check-circle" class="text-teal-400 mr-2 mt-1"></i>
140
+ <span>10 major underground bases worldwide</span>
141
+ </li>
142
+ <li class="flex items-start">
143
+ <i data-feather="check-circle" class="text-teal-400 mr-2 mt-1"></i>
144
+ <span>Population of approximately 2 million</span>
145
+ </li>
146
+ </ul>
147
+ </div>
148
+ <div class="order-1 md:order-2" data-aos="fade-left" data-aos-delay="100">
149
+ <img src="http://static.photos/abstract/1024x576/33" alt="Ancient History" class="rounded-xl shadow-xl w-full">
150
+ </div>
151
+ </div>
152
+ </div>
153
+ </section>
154
+
155
+ <!-- Technology Section -->
156
+ <section id="technology" class="relative z-10 py-20 bg-gray-900 bg-opacity-90">
157
+ <div class="container mx-auto px-6">
158
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-16 text-teal-400" data-aos="fade-up">
159
+ <i data-feather="cpu" class="inline mr-2"></i> Our Advanced Technology
160
+ </h2>
161
+ <div class="grid md:grid-cols-3 gap-8">
162
+ <!-- Card 1 -->
163
+ <div class="bg-gray-800 rounded-xl p-6 card-hover" data-aos="fade-up">
164
+ <div class="text-teal-400 mb-4">
165
+ <i data-feather="wind" class="w-10 h-10"></i>
166
+ </div>
167
+ <h3 class="text-xl font-semibold mb-3">Zero-Point Energy</h3>
168
+ <p class="text-gray-300 mb-4">
169
+ Harnessing the quantum vacuum energy field for unlimited clean power without pollution or waste.
170
+ </p>
171
+ <a href="zero-point-energy.html" class="text-teal-400 hover:text-teal-300 inline-flex items-center">
172
+ Learn more <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i>
173
+ </a>
174
+ </div>
175
+ <!-- Card 2 -->
176
+ <div class="bg-gray-800 rounded-xl p-6 card-hover" data-aos="fade-up" data-aos-delay="100">
177
+ <div class="text-teal-400 mb-4">
178
+ <i data-feather="move" class="w-10 h-10"></i>
179
+ </div>
180
+ <h3 class="text-xl font-semibold mb-3">Gravity Manipulation</h3>
181
+ <p class="text-gray-300">
182
+ Advanced anti-gravity propulsion systems enabling instantaneous travel through the Earth's crust.
183
+ </p>
184
+ </div>
185
+ <!-- Card 3 -->
186
+ <div class="bg-gray-800 rounded-xl p-6 card-hover" data-aos="fade-up" data-aos-delay="200">
187
+ <div class="text-teal-400 mb-4">
188
+ <i data-feather="activity" class="w-10 h-10"></i>
189
+ </div>
190
+ <h3 class="text-xl font-semibold mb-3">Bioluminescent Cities</h3>
191
+ <p class="text-gray-300">
192
+ Entire metropolises illuminated by genetically engineered plants and crystals emitting natural light. We have glowing blue Llamas.
193
+ </p>
194
+ </div>
195
+ </div>
196
+ <div class="mt-12 text-center" data-aos="fade-up">
197
+ <p class="text-gray-300 max-w-3xl mx-auto">
198
+ Our technology operates in harmony with nature, following the universal laws of energy and consciousness. 3,6,9.
199
+ We've eliminated disease, poverty, and pollution through responsible application of these principles.
200
+ </p>
201
+ </div>
202
+ </div>
203
+ </section>
204
+
205
+ <!-- Contact Section -->
206
+ <section id="contact" class="relative z-10 py-20 bg-gray-800 bg-opacity-90">
207
+ <div class="container mx-auto px-6">
208
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-16 text-teal-400" data-aos="fade-up">
209
+ <i data-feather="send" class="inline mr-2"></i> Contact the Alliance
210
+ </h2>
211
+ <div class="max-w-2xl mx-auto bg-gray-900 rounded-xl shadow-xl p-8" data-aos="fade-up">
212
+ <p class="text-gray-300 mb-8 text-center">
213
+ Surface dwellers with pure intentions may request contact through telepathic meditation at sacred sites worldwide.
214
+ Alternatively, leave your message below for consideration.
215
+ </p>
216
+ <form class="space-y-6">
217
+ <div>
218
+ <label for="name" class="block text-gray-300 mb-2">Your Name</label>
219
+ <input type="text" id="name" class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 text-gray-300 focus:outline-none focus:ring-2 focus:ring-teal-500">
220
+ </div>
221
+ <div>
222
+ <label for="email" class="block text-gray-300 mb-2">Email Address</label>
223
+ <input type="email" id="email" class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 text-gray-300 focus:outline-none focus:ring-2 focus:ring-teal-500">
224
+ </div>
225
+ <div>
226
+ <label for="message" class="block text-gray-300 mb-2">Your Message</label>
227
+ <textarea id="message" rows="5" class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 text-gray-300 focus:outline-none focus:ring-2 focus:ring-teal-500"></textarea>
228
+ </div>
229
+ <button type="submit" class="w-full bg-teal-600 hover:bg-teal-700 text-white px-6 py-3 rounded-lg font-medium transition duration-300">
230
+ Send Message
231
+ </button>
232
+ </form>
233
+ </div>
234
+ </div>
235
+ </section>
236
+
237
+ <!-- Footer -->
238
+ <footer class="relative z-10 bg-gray-900 bg-opacity-90 border-t border-gray-800 py-12">
239
+ <div class="container mx-auto px-6">
240
+ <div class="flex flex-col md:flex-row justify-between items-center">
241
+ <div class="flex items-center mb-6 md:mb-0">
242
+ <i data-feather="compass" class="text-teal-400 mr-2"></i>
243
+ <span class="text-xl font-bold text-teal-400">Inner Earth Alliance</span>
244
+ </div>
245
+ <div class="flex space-x-6">
246
+ <a href="https://x.com/SSPCommander" class="text-gray-400 hover:text-teal-400">
247
+ <i data-feather="twitter"></i>
248
+ </a>
249
+ <a href="#" class="text-gray-400 hover:text-teal-400">
250
+ <i data-feather="facebook"></i>
251
+ </a>
252
+ <a href="#" class="text-gray-400 hover:text-teal-400">
253
+ <i data-feather="instagram"></i>
254
+ </a>
255
+ </div>
256
+ </div>
257
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500">
258
+ <p>© 2023 Inner Earth Alliance. All rights reserved.</p>
259
+ <p class="mt-2">Surface world representation only. Actual headquarters located beneath Mount Shasta.</p>
260
+ </div>
261
+ </div>
262
+ </footer>
263
+
264
+ <script>
265
+ // Initialize Vanta.js globe
266
+ VANTA.GLOBE({
267
+ el: "#vanta-globe",
268
+ mouseControls: true,
269
+ touchControls: true,
270
+ gyroControls: false,
271
+ minHeight: 200.00,
272
+ minWidth: 200.00,
273
+ scale: 1.00,
274
+ scaleMobile: 1.00,
275
+ color: 0x4fd1c5,
276
+ backgroundColor: 0x09090b,
277
+ size: 0.7
278
+ });
279
+
280
+ // Initialize AOS
281
+ AOS.init({
282
+ duration: 800,
283
+ easing: 'ease-in-out',
284
+ once: true
285
+ });
286
+
287
+ // Feather Icons
288
+ feather.replace();
289
+ </script>
290
+ </body>
291
  </html>
prompts.txt ADDED
@@ -0,0 +1,6 @@
 
 
 
 
 
 
 
1
+ Tell me all about the Inner Earth Alliance.
2
+ Create an additional page about zero-point energy.
3
+ Create a new page discussing gravity manipulation and antigravity propulsion.
4
+ Create a new page discussing gravity manipulation and antigravity propulsion.
5
+ Create a page about bioluminescence and futuristic cities.
6
+ Create a new page about green living and hydroponics sprouting, advanced genomic culturing and the rise of the sustainable ecosystem.
zero-point-energy.html ADDED
@@ -0,0 +1,201 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Zero-Point Energy | Inner Earth Alliance</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
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
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
14
+ <style>
15
+ .hero-bg {
16
+ background: linear-gradient(135deg, rgba(9,17,28,0.9) 0%, rgba(23,42,58,0.85) 100%);
17
+ }
18
+ .nav-link:hover {
19
+ color: #4fd1c5;
20
+ transition: all 0.3s ease;
21
+ }
22
+ .glow-text {
23
+ text-shadow: 0 0 10px rgba(79, 209, 197, 0.7);
24
+ }
25
+ .card-hover {
26
+ transition: all 0.3s ease;
27
+ }
28
+ .card-hover:hover {
29
+ transform: translateY(-5px);
30
+ box-shadow: 0 10px 25px rgba(79, 209, 197, 0.3);
31
+ }
32
+ </style>
33
+ </head>
34
+ <body class="bg-gray-900 text-gray-100 font-sans">
35
+ <!-- Vanta.js Globe Background -->
36
+ <div id="vanta-globe" class="fixed top-0 left-0 w-full h-full z-0"></div>
37
+
38
+ <!-- Navigation -->
39
+ <nav class="relative z-10 bg-gray-900 bg-opacity-80 backdrop-filter backdrop-blur-lg border-b border-gray-800">
40
+ <div class="container mx-auto px-6 py-4">
41
+ <div class="flex items-center justify-between">
42
+ <div class="flex items-center">
43
+ <i data-feather="compass" class="text-teal-400 mr-2"></i>
44
+ <span class="text-xl font-bold text-teal-400">Inner Earth Alliance</span>
45
+ </div>
46
+ <div class="hidden md:flex space-x-8">
47
+ <a href="index.html" class="nav-link text-gray-300 hover:text-teal-400">Home</a>
48
+ <a href="index.html#about" class="nav-link text-gray-极300 hover:text-teal-400">About</a>
49
+ <a href="index.html#history" class="nav-link text-gray-300 hover:text-teal-400">History</a>
50
+ <a href="gravity-manipulation.html" class="nav-link text-gray-300 hover:text-teal-400">Gravity Tech</a>
51
+ <a href="bioluminescence-cities.html" class="nav-link text-gray-300 hover:text-teal-400">Bioluminescent Cities</a>
52
+ <a href="green-living.html" class="nav-link text-gray-300 hover:text-teal-400">Green Living</a>
53
+ <a href="index.html#contact" class="nav-link text-gray-300 hover:text-teal-400">Contact</a>
54
+ </div>
55
+ <button class="md:hidden focus:outline-none">
56
+ <i data-feather="menu" class="text-gray-300"></i>
57
+ </button>
58
+ </div>
59
+ </div>
60
+ </nav>
61
+
62
+ <!-- Hero Section -->
63
+ <section class="hero-bg relative z-10 py-20 md:py-32">
64
+ <div class="container mx-auto px-6 text-center">
65
+ <h1 class="text-4xl md:text-6xl font-bold mb-6 glow-text" data-aos="fade-up">
66
+ <span class="text-teal-400">Zero-Point</span> Energy
67
+ </h1>
68
+ <p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto mb-10" data-aos="fade-up" data-aos-delay="100">
69
+ Harnessing the infinite quantum vacuum energy of the universe
70
+ </p>
71
+ </div>
72
+ </section>
73
+
74
+ <!-- Content Section -->
75
+ <section class="relative z-10 py-20 bg-gray-900 bg-opacity-90">
76
+ <div class="container mx-auto px-6">
77
+ <div class="grid md:grid-cols-2 gap-12 items-center">
78
+ <div data-aos="fade-right">
79
+ <img src="http://static.photos/technology/1024x576/77" alt="Zero-Point Energy Device" class="rounded-xl shadow-xl w-full">
80
+ </div>
81
+ <div data-aos="fade-left" data-aos-delay="100">
82
+ <h2 class="text-3xl font-bold mb-6 text-teal-400">The Science of Zero-Point Energy</h2>
83
+ <p class="text-gray-300 mb-6">
84
+ Zero-point energy is the lowest possible energy that a quantum mechanical physical system may have.
85
+ Unlike conventional energy sources, it is present even at absolute zero temperature.
86
+ </p>
87
+ <p class="text-gray-300 mb-6">
88
+ The Inner Earth Alliance has mastered the extraction and utilization of this limitless energy source,
89
+ which exists in the fabric of space-time itself. Our technology taps into the quantum fluctuations
90
+ of the vacuum to provide clean, unlimited power.
91
+ </p>
92
+ <div class="bg-gray-800 rounded-xl p-6 mb-6">
93
+ <h3 class="text-xl font-semibold mb-3 text-teal-400">Key Advantages</h3>
94
+ <ul class="space-y-3">
95
+ <li class="flex items-start">
96
+ <i data-feather="zap" class="text-teal-400 mr-2 mt-1"></i>
97
+ <span>Infinite energy supply with no depletion</span>
98
+ </li>
99
+ <li class="flex items-start">
100
+ <i data-feather="wind" class="text-teal-400 mr-2 mt-1"></i>
101
+ <span>No pollution or harmful byproducts</span>
102
+ </li>
103
+ <li class="flex items-start">
104
+ <i data-feather="clock" class="text-teal-400 mr-2 mt-1"></i>
105
+ <span>Continuous operation without refueling</span>
106
+ </li>
107
+ </ul>
108
+ </div>
109
+ </div>
110
+ </div>
111
+
112
+ <div class="mt-20" data-aos="fade-up">
113
+ <h2 class="text-3xl font-bold mb-8 text-center text-teal-400">Applications in Our Society</h2>
114
+ <div class="grid md:grid-cols-3 gap-8">
115
+ <div class="bg-gray-800 rounded-xl p-6 card-hover">
116
+ <div class="text-teal-400 mb-4">
117
+ <i data-feather="home" class="w-10 h-10"></i>
118
+ </div>
119
+ <h3 class="text-xl font-semibold mb-3">City Power</h3>
120
+ <p class="text-gray-300">
121
+ Entire metropolises powered by compact zero-point generators, eliminating the need for power plants or transmission lines.
122
+ </p>
123
+ </div>
124
+ <div class="bg-gray-800 rounded-xl p-6 card-hover">
125
+ <div class="text-teal-400 mb-4">
126
+ <i data-feather="navigation" class="w-10 h-10"></i>
127
+ </div>
128
+ <h3 class="text-xl font-semibold mb-3">Transportation</h3>
129
+ <p class="text-gray-300">
130
+ Anti-gravity vehicles and tunnel transports that operate indefinitely without refueling or recharging.
131
+ </p>
132
+ </div>
133
+ <div class="bg-gray-800 rounded-xl p-6 card-hover">
134
+ <div class="text-teal-400 mb-4">
135
+ <i data-feather="activity" class="w-10 h-10"></i>
136
+ </div>
137
+ <h3 class="text-xl font-semibold mb-3">Healing Technology</h3>
138
+ <p class="text-gray-300">
139
+ Medical devices that use zero-point energy to stimulate cellular regeneration and accelerate healing.
140
+ </p>
141
+ </div>
142
+ </div>
143
+ </div>
144
+ </div>
145
+ </section>
146
+
147
+ <!-- Footer -->
148
+ <footer class="relative z-10 bg-gray-900 bg-opacity-90 border-t border-gray-800 py-12">
149
+ <div class="container mx-auto px-6">
150
+ <div class="flex flex-col md:flex-row justify-between items-center">
151
+ <div class="flex items-center mb-6 md:mb-0">
152
+ <i data-feather="compass" class="text-teal-400 mr-2"></i>
153
+ <span class="text-xl font-bold text-teal-400">Inner Earth Alliance</span>
154
+ </div>
155
+ <div class="flex space-x-6">
156
+ <a href="#" class="text-gray-400 hover:text-teal-400">
157
+ <i data-feather="twitter"></i>
158
+ </a>
159
+ <a href="#" class="text-gray-400 hover:text-teal-400">
160
+ <i data-feather="facebook"></i>
161
+ </a>
162
+ <a href="#" class="text-gray-400 hover:text-teal-400">
163
+ <i data-feather="instagram"></i>
164
+ </a>
165
+ </div>
166
+ </div>
167
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500">
168
+ <p>© 2023 Inner Earth Alliance. All rights reserved.</p>
169
+ <p class="mt-2">Surface world representation only. Actual headquarters located beneath Mount Shasta.</p>
170
+ </div>
171
+ </div>
172
+ </footer>
173
+
174
+ <script>
175
+ // Initialize Vanta.js globe
176
+ VANTA.GLOBE({
177
+ el: "#vanta-globe",
178
+ mouseControls: true,
179
+ touchControls: true,
180
+ gyroControls: false,
181
+ minHeight: 200.00,
182
+ minWidth: 200.00,
183
+ scale: 1.00,
184
+ scaleMobile: 1.00,
185
+ color: 0x4fd1c5,
186
+ backgroundColor: 0x09090b,
187
+ size: 0.7
188
+ });
189
+
190
+ // Initialize AOS
191
+ AOS.init({
192
+ duration: 800,
193
+ easing: 'ease-in-out',
194
+ once: true
195
+ });
196
+
197
+ // Feather Icons
198
+ feather.replace();
199
+ </script>
200
+ </body>
201
+ </html>