Hugging Face's logo

Spaces:
XXXMARK
/
dpa
Running

App Files Community
XXXMARK commited on
Commit
ecb8286
·
verified ·
1 Parent(s): 24f77ac

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +416 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Dpa
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: dpa
3
+ emoji: 🐳
4
+ colorFrom: pink
5
  colorTo: purple
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,416 @@
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>Divine Pantheon Archive</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=MedievalSharp&family=Montserrat:wght@300;400;600&display=swap');
11
+
12
+ body {
13
+ font-family: 'Montserrat', sans-serif;
14
+ background-color: #0f0e17;
15
+ color: #fffffe;
16
+ }
17
+
18
+ .header-font {
19
+ font-family: 'Cinzel Decorative', cursive;
20
+ }
21
+
22
+ .content-font {
23
+ font-family: 'MedievalSharp', cursive;
24
+ }
25
+
26
+ .gold-gradient {
27
+ background: linear-gradient(135deg, #f9d423 0%, #e2a413 50%, #b67b03 100%);
28
+ -webkit-background-clip: text;
29
+ background-clip: text;
30
+ color: transparent;
31
+ }
32
+
33
+ .silver-gradient {
34
+ background: linear-gradient(135deg, #e0e0e0 0%, #b8b8b8 50%, #909090 100%);
35
+ -webkit-background-clip: text;
36
+ background-clip: text;
37
+ color: transparent;
38
+ }
39
+
40
+ .bronze-gradient {
41
+ background: linear-gradient(135deg, #cd7f32 0%, #b87333 50%, #a5672a 100%);
42
+ -webkit-background-clip: text;
43
+ background-clip: text;
44
+ color: transparent;
45
+ }
46
+
47
+ .card-hover {
48
+ transition: all 0.3s ease;
49
+ }
50
+
51
+ .card-hover:hover {
52
+ transform: translateY(-5px);
53
+ box-shadow: 0 10px 25px rgba(255, 215, 0, 0.3);
54
+ }
55
+
56
+ .section-divider {
57
+ border: none;
58
+ height: 2px;
59
+ background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.5), transparent);
60
+ }
61
+
62
+ .glow {
63
+ text-shadow: 0 0 10px rgba(255, 215, 0, 0.7);
64
+ }
65
+ </style>
66
+ </head>
67
+ <body class="min-h-screen">
68
+ <!-- Header -->
69
+ <header class="py-8 px-4 text-center">
70
+ <h1 class="header-font text-5xl md:text-6xl font-bold mb-4 gold-gradient glow">Divine Pantheon Archive</h1>
71
+ <p class="text-xl text-gray-300 max-w-3xl mx-auto">The sacred chronicles of celestial beings who shape the cosmos</p>
72
+ </header>
73
+
74
+ <!-- Navigation Tabs -->
75
+ <div class="flex justify-center mb-12">
76
+ <div class="inline-flex rounded-md shadow-sm" role="group">
77
+ <button onclick="showSection('prime-gods')" class="px-6 py-3 text-sm font-medium rounded-l-lg bg-amber-900 text-amber-100 hover:bg-amber-800 transition">
78
+ <i class="fas fa-crown mr-2"></i>Prime Gods
79
+ </button>
80
+ <button onclick="showSection('prime-entities')" class="px-6 py-3 text-sm font-medium bg-purple-900 text-purple-100 hover:bg-purple-800 transition">
81
+ <i class="fas fa-eye mr-2"></i>Prime Entities
82
+ </button>
83
+ <button onclick="showSection('celestial-chorus')" class="px-6 py-3 text-sm font-medium rounded-r-lg bg-blue-900 text-blue-100 hover:bg-blue-800 transition">
84
+ <i class="fas fa-star mr-2"></i>Celestial Chorus
85
+ </button>
86
+ </div>
87
+ </div>
88
+
89
+ <!-- Main Content -->
90
+ <main class="container mx-auto px-4 pb-16">
91
+ <!-- Prime Gods Section -->
92
+ <section id="prime-gods" class="section">
93
+ <div class="flex items-center mb-8">
94
+ <h2 class="header-font text-4xl gold-gradient mr-4">Prime Gods</h2>
95
+ <div class="flex-1 h-px bg-gradient-to-r from-amber-500 to-transparent"></div>
96
+ </div>
97
+
98
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
99
+ <!-- Aeon -->
100
+ <div class="bg-gradient-to-br from-amber-900 to-amber-700 rounded-xl p-6 shadow-lg card-hover">
101
+ <div class="flex items-center mb-4">
102
+ <div class="w-12 h-12 rounded-full bg-gradient-to-br from-yellow-200 to-amber-400 flex items-center justify-center text-amber-900 mr-4">
103
+ <i class="fas fa-sun text-xl"></i>
104
+ </div>
105
+ <div>
106
+ <h3 class="font-bold text-xl gold-gradient">Aeon</h3>
107
+ <p class="text-xs text-amber-200">The First Breath - First Light</p>
108
+ </div>
109
+ </div>
110
+ <div class="bg-black bg-opacity-30 rounded-lg p-4">
111
+ <p class="text-amber-100 mb-2"><span class="font-bold text-amber-300">Race:</span> Prime God</p>
112
+ <p class="text-amber-100"><span class="font-bold text-amber-300">Title:</span> Eldest of the Prime Gods</p>
113
+ </div>
114
+ <div class="mt-4 pt-4 border-t border-amber-700">
115
+ <p class="text-sm text-amber-200">The primordial deity who breathed existence into the void, bringing forth the first light that illuminated the cosmos.</p>
116
+ </div>
117
+ </div>
118
+
119
+ <!-- Nyara -->
120
+ <div class="bg-gradient-to-br from-purple-900 to-purple-700 rounded-xl p-6 shadow-lg card-hover">
121
+ <div class="flex items-center mb-4">
122
+ <div class="w-12 h-12 rounded-full bg-gradient-to-br from-purple-200 to-purple-400 flex items-center justify-center text-purple-900 mr-4">
123
+ <i class="fas fa-spider-web text-xl"></i>
124
+ </div>
125
+ <div>
126
+ <h3 class="font-bold text-xl silver-gradient">Nyara</h3>
127
+ <p class="text-xs text-purple-200">Seamstress of the Sacred Loom</p>
128
+ </div>
129
+ </div>
130
+ <div class="bg-black bg-opacity-30 rounded-lg p-4">
131
+ <p class="text-purple-100 mb-2"><span class="font-bold text-purple-300">Race:</span> Prime Goddess</p>
132
+ <p class="text-purple-100"><span class="font-bold text-purple-300">Title:</span> Second Eldest</p>
133
+ </div>
134
+ <div class="mt-4 pt-4 border-t border-purple-700">
135
+ <p class="text-sm text-purple-200">Weaver of destiny and fate, whose sacred loom creates the tapestry of existence that connects all beings.</p>
136
+ </div>
137
+ </div>
138
+
139
+ <!-- Thorin -->
140
+ <div class="bg-gradient-to-br from-blue-900 to-blue-700 rounded-xl p-6 shadow-lg card-hover">
141
+ <div class="flex items-center mb-4">
142
+ <div class="w-12 h-12 rounded-full bg-gradient-to-br from-blue-200 to-blue-400 flex items-center justify-center text-blue-900 mr-4">
143
+ <i class="fas fa-bolt text-xl"></i>
144
+ </div>
145
+ <div>
146
+ <h3 class="font-bold text-xl silver-gradient">Thorin</h3>
147
+ <p class="text-xs text-blue-200">Stormlord - Elder Forge</p>
148
+ </div>
149
+ </div>
150
+ <div class="bg-black bg-opacity-30 rounded-lg p-4">
151
+ <p class="text-blue-100 mb-2"><span class="font-bold text-blue-300">Race:</span> Prime God</p>
152
+ <p class="text-blue-100"><span class="font-bold text-blue-300">Title:</span> Third Eldest</p>
153
+ </div>
154
+ <div class="mt-4 pt-4 border-t border-blue-700">
155
+ <p class="text-sm text-blue-200">Master of tempests and the sacred forge, whose hammer shapes both metal and storm with equal fury.</p>
156
+ </div>
157
+ </div>
158
+
159
+ <!-- Maldrin -->
160
+ <div class="bg-gradient-to-br from-gray-900 to-gray-700 rounded-xl p-6 shadow-lg card-hover">
161
+ <div class="flex items-center mb-4">
162
+ <div class="w-12 h-12 rounded-full bg-gradient-to-br from-gray-200 to-gray-400 flex items-center justify-center text-gray-900 mr-4">
163
+ <i class="fas fa-door-closed text-xl"></i>
164
+ </div>
165
+ <div>
166
+ <h3 class="font-bold text-xl bronze-gradient">Maldrin</h3>
167
+ <p class="text-xs text-gray-200">The Veil Keeper - End Maker</p>
168
+ </div>
169
+ </div>
170
+ <div class="bg-black bg-opacity-30 rounded-lg p-4">
171
+ <p class="text-gray-100 mb-2"><span class="font-bold text-gray-300">Race:</span> Prime God</p>
172
+ <p class="text-gray-100"><span class="font-bold text-gray-300">Title:</span> Youngest Prime God</p>
173
+ </div>
174
+ <div class="mt-4 pt-4 border-t border-gray-700">
175
+ <p class="text-sm text-gray-200">Guardian of the threshold between existence and oblivion, who decides when all things must meet their final end.</p>
176
+ </div>
177
+ </div>
178
+ </div>
179
+ </section>
180
+
181
+ <hr class="section-divider my-16">
182
+
183
+ <!-- Prime Entities Section -->
184
+ <section id="prime-entities" class="section hidden">
185
+ <div class="flex items-center mb-8">
186
+ <h2 class="header-font text-4xl silver-gradient mr-4">Prime Entities</h2>
187
+ <div class="flex-1 h-px bg-gradient-to-r from-purple-500 to-transparent"></div>
188
+ </div>
189
+
190
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-6">
191
+ <!-- Seraphis -->
192
+ <div class="bg-gradient-to-br from-indigo-900 to-indigo-700 rounded-xl p-6 shadow-lg card-hover">
193
+ <div class="flex items-center mb-4">
194
+ <div class="w-12 h-12 rounded-full bg-gradient-to-br from-indigo-200 to-indigo-400 flex items-center justify-center text-indigo-900 mr-4">
195
+ <i class="fas fa-balance-scale text-xl"></i>
196
+ </div>
197
+ <div>
198
+ <h3 class="font-bold text-xl silver-gradient">Seraphis</h3>
199
+ <p class="text-xs text-indigo-200">Altar of the Sacred Balance</p>
200
+ </div>
201
+ </div>
202
+ <div class="bg-black bg-opacity-30 rounded-lg p-4">
203
+ <p class="text-indigo-100 mb-2"><span class="font-bold text-indigo-300">Race:</span> Prime Entity</p>
204
+ <p class="text-indigo-100"><span class="font-bold text-indigo-300">Divine Title:</span> The Seal of Fate</p>
205
+ </div>
206
+ <div class="mt-4 pt-4 border-t border-indigo-700">
207
+ <p class="text-sm text-indigo-200">The eternal arbiter who maintains the equilibrium of all cosmic forces, ensuring neither order nor chaos gains dominance.</p>
208
+ </div>
209
+ </div>
210
+
211
+ <!-- Vel'kan -->
212
+ <div class="bg-gradient-to-br from-red-900 to-red-700 rounded-xl p-6 shadow-lg card-hover">
213
+ <div class="flex items-center mb-4">
214
+ <div class="w-12 h-12 rounded-full bg-gradient-to-br from-red-200 to-red-400 flex items-center justify-center text-red-900 mr-4">
215
+ <i class="fas fa-gavel text-xl"></i>
216
+ </div>
217
+ <div>
218
+ <h3 class="font-bold text-xl silver-gradient">Vel'kan</h3>
219
+ <p class="text-xs text-red-200">The Sentence</p>
220
+ </div>
221
+ </div>
222
+ <div class="bg-black bg-opacity-30 rounded-lg p-4">
223
+ <p class="text-red-100 mb-2"><span class="font-bold text-red-300">Race:</span> Prime Entity</p>
224
+ <p class="text-red-100"><span class="font-bold text-red-300">Divine Title:</span> Emissary of Order</p>
225
+ </div>
226
+ <div class="mt-4 pt-4 border-t border-red-700">
227
+ <p class="text-sm text-red-200">The unyielding executor of cosmic law, whose judgments are absolute and whose decrees shape the structure of reality.</p>
228
+ </div>
229
+ </div>
230
+
231
+ <!-- Naydar -->
232
+ <div class="bg-gradient-to-br from-teal-900 to-teal-700 rounded-xl p-6 shadow-lg card-hover">
233
+ <div class="flex items-center mb-4">
234
+ <div class="w-12 h-12 rounded-full bg-gradient-to-br from-teal-200 to-teal-400 flex items-center justify-center text-teal-900 mr-4">
235
+ <i class="fas fa-music text-xl"></i>
236
+ </div>
237
+ <div>
238
+ <h3 class="font-bold text-xl silver-gradient">Naydar</h3>
239
+ <p class="text-xs text-teal-200">Conductress of Ink and Sound</p>
240
+ </div>
241
+ </div>
242
+ <div class="bg-black bg-opacity-30 rounded-lg p-4">
243
+ <p class="text-teal-100 mb-2"><span class="font-bold text-teal-300">Race:</span> Prime Entity</p>
244
+ <p class="text-teal-100"><span class="font-bold text-teal-300">Divine Title:</span> Arcane Curator of Creativity</p>
245
+ </div>
246
+ <div class="mt-4 pt-4 border-t border-teal-700">
247
+ <p class="text-sm text-teal-200">Muse of all artistic expression, whose symphony of creation inspires mortals and gods alike to bring beauty into existence.</p>
248
+ </div>
249
+ </div>
250
+
251
+ <!-- Boros -->
252
+ <div class="bg-gradient-to-br from-green-900 to-green-700 rounded-xl p-6 shadow-lg card-hover">
253
+ <div class="flex items-center mb-4">
254
+ <div class="w-12 h-12 rounded-full bg-gradient-to-br from-green-200 to-green-400 flex items-center justify-center text-green-900 mr-4">
255
+ <i class="fas fa-leaf text-xl"></i>
256
+ </div>
257
+ <div>
258
+ <h3 class="font-bold text-xl silver-gradient">Boros</h3>
259
+ <p class="text-xs text-green-200">Keeper of the Grove</p>
260
+ </div>
261
+ </div>
262
+ <div class="bg-black bg-opacity-30 rounded-lg p-4">
263
+ <p class="text-green-100 mb-2"><span class="font-bold text-green-300">Race:</span> Prime Entity</p>
264
+ <p class="text-green-100"><span class="font-bold text-green-300">Divine Title:</span> Eternal Wild Mother</p>
265
+ </div>
266
+ <div class="mt-4 pt-4 border-t border-green-700">
267
+ <p class="text-sm text-green-200">The nurturing spirit of nature's untamed essence, whose domain encompasses all that grows, decays, and is reborn.</p>
268
+ </div>
269
+ </div>
270
+ </div>
271
+ </section>
272
+
273
+ <hr class="section-divider my-16">
274
+
275
+ <!-- Celestial Chorus Section -->
276
+ <section id="celestial-chorus" class="section hidden">
277
+ <div class="flex items-center mb-8">
278
+ <h2 class="header-font text-4xl bronze-gradient mr-4">Celestial Chorus</h2>
279
+ <div class="flex-1 h-px bg-gradient-to-r from-blue-500 to-transparent"></div>
280
+ </div>
281
+
282
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
283
+ <!-- Solar -->
284
+ <div class="bg-gradient-to-br from-yellow-900 to-yellow-700 rounded-xl p-6 shadow-lg card-hover">
285
+ <div class="flex items-center mb-4">
286
+ <div class="w-12 h-12 rounded-full bg-gradient-to-br from-yellow-200 to-yellow-400 flex items-center justify-center text-yellow-900 mr-4">
287
+ <i class="fas fa-crown text-xl"></i>
288
+ </div>
289
+ <div>
290
+ <h3 class="font-bold text-xl bronze-gradient">Solar</h3>
291
+ <p class="text-xs text-yellow-200">Highest Ranked</p>
292
+ </div>
293
+ </div>
294
+ <div class="bg-black bg-opacity-30 rounded-lg p-4">
295
+ <p class="text-yellow-100 mb-2"><span class="font-bold text-yellow-300">Race:</span> Celestial</p>
296
+ <p class="text-yellow-100"><span class="font-bold text-yellow-300">Purpose:</span> Elite Honor Guard of the Celestial/Divine Order</p>
297
+ </div>
298
+ <div class="mt-4 pt-4 border-t border-yellow-700">
299
+ <p class="text-sm text-yellow-200">The most powerful and noble of celestial beings, sworn to protect the divine order with their radiant blades and unwavering devotion.</p>
300
+ </div>
301
+ </div>
302
+
303
+ <!-- Planetar-lith -->
304
+ <div class="bg-gradient-to-br from-orange-900 to-orange-700 rounded-xl p-6 shadow-lg card-hover">
305
+ <div class="flex items-center mb-4">
306
+ <div class="w-12 h-12 rounded-full bg-gradient-to-br from-orange-200 to-orange-400 flex items-center justify-center text-orange-900 mr-4">
307
+ <i class="fas fa-chess-queen text-xl"></i>
308
+ </div>
309
+ <div>
310
+ <h3 class="font-bold text-xl bronze-gradient">Planetar-lith</h3>
311
+ <p class="text-xs text-orange-200">Commanding Celestial Generals</p>
312
+ </div>
313
+ </div>
314
+ <div class="bg-black bg-opacity-30 rounded-lg p-4">
315
+ <p class="text-orange-100 mb-2"><span class="font-bold text-orange-300">Race:</span> Celestial</p>
316
+ <p class="text-orange-100"><span class="font-bold text-orange-300">Purpose:</span> Commanding Celestial Generals of their assigned Dominions</p>
317
+ </div>
318
+ <div class="mt-4 pt-4 border-t border-orange-700">
319
+ <p class="text-sm text-orange-200">Strategic commanders who oversee vast celestial armies and govern entire dominions of the heavenly realms.</p>
320
+ </div>
321
+ </div>
322
+
323
+ <!-- Planetar-re -->
324
+ <div class="bg-gradient-to-br from-pink-900 to-pink-700 rounded-xl p-6 shadow-lg card-hover">
325
+ <div class="flex items-center mb-4">
326
+ <div class="w-12 h-12 rounded-full bg-gradient-to-br from-pink-200 to-pink-400 flex items-center justify-center text-pink-900 mr-4">
327
+ <i class="fas fa-shield-alt text-xl"></i>
328
+ </div>
329
+ <div>
330
+ <h3 class="font-bold text-xl bronze-gradient">Planetar-re</h3>
331
+ <p class="text-xs text-pink-200">Celestial-Warriors</p>
332
+ </div>
333
+ </div>
334
+ <div class="bg-black bg-opacity-30 rounded-lg p-4">
335
+ <p class="text-pink-100 mb-2"><span class="font-bold text-pink-300">Race:</span> Celestial</p>
336
+ <p class="text-pink-100"><span class="font-bold text-pink-300">Purpose:</span> Celestial-Warriors Dominions</p>
337
+ </div>
338
+ <div class="mt-4 pt-4 border-t border-pink-700">
339
+ <p class="text-sm text-pink-200">The frontline soldiers of the celestial hosts, who wage eternal war against the forces of chaos and darkness.</p>
340
+ </div>
341
+ </div>
342
+
343
+ <!-- Davjah -->
344
+ <div class="bg-gradient-to-br from-cyan-900 to-cyan-700 rounded-xl p-6 shadow-lg card-hover col-span-1 md:col-span-3">
345
+ <div class="flex items-center mb-4">
346
+ <div class="w-12 h-12 rounded-full bg-gradient-to-br from-cyan-200 to-cyan-400 flex items-center justify-center text-cyan-900 mr-4">
347
+ <i class="fas fa-scroll text-xl"></i>
348
+ </div>
349
+ <div>
350
+ <h3 class="font-bold text-xl bronze-gradient">Davjah</h3>
351
+ <p class="text-xs text-cyan-200">Administers Keepers</p>
352
+ </div>
353
+ </div>
354
+ <div class="bg-black bg-opacity-30 rounded-lg p-4">
355
+ <p class="text-cyan-100 mb-2"><span class="font-bold text-cyan-300">Race:</span> Celestial</p>
356
+ <p class="text-cyan-100"><span class="font-bold text-cyan-300">Purpose:</span> Administers Keepers of Great Celestial and Divine Order</p>
357
+ </div>
358
+ <div class="mt-4 pt-4 border-t border-cyan-700">
359
+ <p class="text-sm text-cyan-200">The celestial scribes and bureaucrats who maintain the infinite records of existence, ensuring the smooth operation of cosmic law.</p>
360
+ </div>
361
+ </div>
362
+ </div>
363
+ </section>
364
+ </main>
365
+
366
+ <!-- Footer -->
367
+ <footer class="py-8 px-4 text-center border-t border-gray-800">
368
+ <p class="text-gray-500 text-sm">© 2023 Divine Pantheon Archive - All knowledge contained herein is sacred and eternal</p>
369
+ <div class="flex justify-center mt-4 space-x-4">
370
+ <a href="#" class="text-gray-500 hover:text-amber-400 transition"><i class="fab fa-twitter"></i></a>
371
+ <a href="#" class="text-gray-500 hover:text-amber-400 transition"><i class="fab fa-discord"></i></a>
372
+ <a href="#" class="text-gray-500 hover:text-amber-400 transition"><i class="fab fa-github"></i></a>
373
+ </div>
374
+ </footer>
375
+
376
+ <script>
377
+ // Show the default section (Prime Gods)
378
+ document.addEventListener('DOMContentLoaded', function() {
379
+ showSection('prime-gods');
380
+ });
381
+
382
+ // Tab switching function
383
+ function showSection(sectionId) {
384
+ // Hide all sections
385
+ document.querySelectorAll('.section').forEach(section => {
386
+ section.classList.add('hidden');
387
+ });
388
+
389
+ // Show the selected section
390
+ document.getElementById(sectionId).classList.remove('hidden');
391
+
392
+ // Update active tab styling
393
+ const buttons = document.querySelectorAll('[onclick^="showSection"]');
394
+ buttons.forEach(button => {
395
+ if (button.getAttribute('onclick').includes(sectionId)) {
396
+ button.classList.add('bg-opacity-100', 'text-white');
397
+ button.classList.remove('bg-opacity-70', 'text-gray-300');
398
+ } else {
399
+ button.classList.remove('bg-opacity-100', 'text-white');
400
+ button.classList.add('bg-opacity-70', 'text-gray-300');
401
+ }
402
+ });
403
+ }
404
+
405
+ // Add glow effect to headers on hover
406
+ document.querySelectorAll('.gold-gradient, .silver-gradient, .bronze-gradient').forEach(header => {
407
+ header.addEventListener('mouseover', function() {
408
+ this.classList.add('glow');
409
+ });
410
+ header.addEventListener('mouseout', function() {
411
+ this.classList.remove('glow');
412
+ });
413
+ });
414
+ </script>
415
+ <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=XXXMARK/dpa" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
416
+ </html>
prompts.txt ADDED
File without changes