Hugging Face's logo

Spaces:
flynerd
/
nested-objects
Running

App Files Community
flynerd commited on
Commit
204d578
·
verified ·
1 Parent(s): cc6c856

undefined - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +371 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Nested Objects
3
- emoji: 🏆
4
- colorFrom: gray
5
- colorTo: green
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: nested-objects
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: blue
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,371 @@
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>Verified Notary & Field Inspector Jobs Directory 2025 | Nested Objects</title>
7
+ <meta name="description" content="Get hired 10X faster! Access 200+ verified hiring firms for notary, field inspector, and realtor jobs with real pay data and one-click applications.">
8
+ <meta name="keywords" content="notary jobs, field inspector jobs, realtor jobs, inspection jobs, verified jobs, hiring firms, job directory">
9
+ <meta name="author" content="Nested Objects">
10
+ <meta name="robots" content="index, follow">
11
+ <link rel="canonical" href="https://www.nestedobjects.com/">
12
+ <meta property="og:title" content="Verified Notary & Field Inspector Jobs Directory | Nested Objects">
13
+ <meta property="og:description" content="Get hired 10X faster with verified notary and field inspector job opportunities.">
14
+ <meta property="og:type" content="website">
15
+ <meta property="og:url" content="https://www.nestedobjects.com/">
16
+ <meta property="og:image" content="https://static.wixstatic.com/media/f9bafe_3c2f9aa04a9d48e184738bfb24f47e62~mv2.png/v1/fill/w_146,h_97,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Studio-Project%20(1)_edited.png">
17
+ <meta name="twitter:card" content="summary_large_image">
18
+ <meta name="twitter:title" content="Verified Notary & Field Inspector Jobs Directory | Nested Objects">
19
+ <meta name="twitter:description" content="Get hired 10X faster with verified notary and field inspector job opportunities.">
20
+ <script src="https://cdn.tailwindcss.com"></script>
21
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
22
+ <script>
23
+ tailwind.config = {
24
+ theme: {
25
+ extend: {
26
+ colors: {
27
+ primary: '#2563eb',
28
+ secondary: '#0ea5e9',
29
+ accent: '#f59e0b',
30
+ dark: '#1e293b',
31
+ light: '#f8fafc'
32
+ }
33
+ }
34
+ }
35
+ }
36
+ </script>
37
+ <style>
38
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
39
+
40
+ body {
41
+ font-family: 'Inter', sans-serif;
42
+ scroll-behavior: smooth;
43
+ }
44
+
45
+ .hero-gradient {
46
+ background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
47
+ }
48
+
49
+ .stats-gradient {
50
+ background: linear-gradient(90deg, #f59e0b 0%, #f97316 100%);
51
+ }
52
+
53
+ .feature-card:hover {
54
+ transform: translateY(-5px);
55
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
56
+ }
57
+
58
+ .mobile-menu {
59
+ transition: all 0.3s ease;
60
+ }
61
+
62
+ .input-focus:focus {
63
+ box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.3);
64
+ }
65
+
66
+ .pricing-card {
67
+ transition: all 0.3s ease;
68
+ }
69
+
70
+ .pricing-card:hover {
71
+ transform: scale(1.03);
72
+ }
73
+ </style>
74
+ </head>
75
+ <body class="bg-gray-50 text-gray-800">
76
+ <!-- Header/Navigation -->
77
+ <header class="sticky top-0 z-50 bg-white shadow-md">
78
+ <div class="container mx-auto px-4 py-3">
79
+ <div class="flex justify-between items-center">
80
+ <a href="#" class="flex items-center space-x-2">
81
+ <img src="https://static.wixstatic.com/media/f9bafe_3c2f9aa04a9d48e184738bfb24f47e62~mv2.png/v1/fill/w_146,h_97,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Studio-Project%20(1)_edited.png" alt="Nested Objects - Verified Notary and Field Inspector Jobs Directory" class="h-12 w-auto">
82
+ <span class="text-xl font-bold text-primary">Nested Objects</span>
83
+ </a>
84
+
85
+ <!-- Desktop Navigation -->
86
+ <nav class="hidden md:flex space-x-8">
87
+ <a href="#" class="text-dark hover:text-primary font-medium transition-colors">Home</a>
88
+ <a href="#" class="text-dark hover:text-primary font-medium transition-colors">Directory Preview</a>
89
+ <a href="#" class="text-dark hover:text-primary font-medium transition-colors">Resources</a>
90
+ <a href="#" class="text-dark hover:text-primary font-medium transition-colors">Industry News</a>
91
+ <a href="#" class="text-dark hover:text-primary font-medium transition-colors">Directory</a>
92
+ </nav>
93
+
94
+ <div class="flex items-center space-x-4">
95
+ <button class="hidden md:block bg-primary hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-medium transition-colors">
96
+ Log In / Sign Up
97
+ </button>
98
+ <button id="mobile-menu-button" class="md:hidden text-gray-600">
99
+ <i class="fas fa-bars text-2xl"></i>
100
+ </button>
101
+ </div>
102
+ </div>
103
+ </div>
104
+
105
+ <!-- Mobile Menu -->
106
+ <div id="mobile-menu" class="mobile-menu hidden md:hidden bg-white border-t">
107
+ <div class="container mx-auto px-4 py-4">
108
+ <div class="flex flex-col space-y-4">
109
+ <a href="#" class="text-dark hover:text-primary font-medium py-2">Home</a>
110
+ <a href="#" class="text-dark hover:text-primary font-medium py-2">Directory Preview</a>
111
+ <a href="#" class="text-dark hover:text-primary font-medium py-2">Resources</a>
112
+ <a href="#" class="text-dark hover:text-primary font-medium py-2">Industry News</a>
113
+ <a href="#" class="text-dark hover:text-primary font-medium py-2">Directory</a>
114
+ <button class="bg-primary hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-medium transition-colors mt-4">
115
+ Log In / Sign Up
116
+ </button>
117
+ </div>
118
+ </div>
119
+ </div>
120
+ </header>
121
+
122
+ <!-- Hero Section -->
123
+ <section class="hero-gradient text-white py-16 md:py-24">
124
+ <h1 class="sr-only">Verified Notary and Field Inspector Jobs Directory</h1>
125
+ <div class="container mx-auto px-4">
126
+ <div class="flex flex-col md:flex-row items-center">
127
+ <div class="md:w-1/2 mb-10 md:mb-0">
128
+ <div class="stats-gradient inline-block px-4 py-1 rounded-full text-sm font-semibold mb-4">
129
+ INSPECTOR OPPORTUNITY ALERT
130
+ </div>
131
+ <h2 class="text-4xl md:text-5xl font-bold mb-6">Get Hired as an Inspector, Notary, or Realtor – 10X Faster!</h2>
132
+ <p class="text-xl mb-8">Join the only platform with verified hiring firms, real pay data, and one-click applications.</p>
133
+
134
+ <div class="bg-white bg-opacity-10 backdrop-blur-sm rounded-xl p-6 mb-8">
135
+ <p class="text-lg font-semibold mb-2"><i class="fas fa-quote-left mr-2 text-accent"></i>"15,000 Inspector Positions Opening Annually"</p>
136
+ <p class="text-sm opacity-90">— U.S. Bureau of Labor Statistics</p>
137
+ </div>
138
+
139
+ <ul class="space-y-2 mb-8">
140
+ <li class="flex items-center"><i class="fas fa-check-circle text-accent mr-2"></i> Access 200+ Hiring Firms Actively Seeking Inspectors</li>
141
+ <li class="flex items-center"><i class="fas fa-check-circle text-accent mr-2"></i> Direct contact information</li>
142
+ <li class="flex items-center"><i class="fas fa-check-circle text-accent mr-2"></i> New opportunities added daily</li>
143
+ <li class="flex items-center"><i class="fas fa-check-circle text-accent mr-2"></i> Companies hiring NOW</li>
144
+ </ul>
145
+ </div>
146
+
147
+ <div class="md:w-1/2 md:pl-10">
148
+ <div class="bg-white rounded-2xl shadow-2xl p-6 md:p-8 text-dark">
149
+ <h3 class="text-2xl font-bold mb-6 text-center">Get 3 Verified Firms + Resume Template</h3>
150
+ <form class="space-y-4">
151
+ <div>
152
+ <label for="name" class="block text-sm font-medium mb-1">Your Name</label>
153
+ <input type="text" id="name" class="w-full px-4 py-3 border border-gray-300 rounded-lg input-focus focus:outline-none focus:ring-2 focus:ring-primary" placeholder="Type your name">
154
+ </div>
155
+ <div>
156
+ <label for="email" class="block text-sm font-medium mb-1">Your Email</label>
157
+ <input type="email" id="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg input-focus focus:outline-none focus:ring-2 focus:ring-primary" placeholder="Type your email">
158
+ </div>
159
+ <button type="submit" class="w-full bg-primary hover:bg-blue-700 text-white font-semibold py-3 px-4 rounded-lg transition-colors">
160
+ Get Instant Access <i class="fas fa-arrow-right ml-2"></i>
161
+ </button>
162
+ </form>
163
+ <p class="text-xs text-center mt-4 text-gray-500">We respect your privacy and will never share your information</p>
164
+ </div>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </section>
169
+
170
+ <!-- Why We're Different Section -->
171
+ <section class="py-16 bg-white">
172
+ <div class="container mx-auto px-4">
173
+ <div class="text-center mb-16">
174
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Why We're Different</h2>
175
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">We've revolutionized how inspectors, notaries, and realtors find legitimate job opportunities</p>
176
+ </div>
177
+
178
+ <div class="grid md:grid-cols-3 gap-8">
179
+ <!-- Feature 1 -->
180
+ <div class="feature-card bg-light p-8 rounded-2xl shadow-md border border-gray-100 transition-all">
181
+ <div class="w-14 h-14 bg-blue-100 rounded-xl flex items-center justify-center mb-6">
182
+ <i class="fas fa-shield-check text-2xl text-primary"></i>
183
+ </div>
184
+ <h3 class="text-xl font-bold mb-4">Verified Firms Only</h3>
185
+ <p class="text-gray-600 mb-4">Scam-free, active firms hiring now. No scams. No ghost companies.</p>
186
+ <p class="text-sm text-gray-500">Every firm is manually vetted for licensing, insurance, and active hiring status.</p>
187
+ </div>
188
+
189
+ <!-- Feature 2 -->
190
+ <div class="feature-card bg-light p-8 rounded-2xl shadow-md border border-gray-100 transition-all">
191
+ <div class="w-14 h-14 bg-orange-100 rounded-xl flex items-center justify-center mb-6">
192
+ <i class="fas fa-chart-line text-2xl text-accent"></i>
193
+ </div>
194
+ <h3 class="text-xl font-bold mb-4">Real Pay Transparency</h3>
195
+ <p class="text-gray-600 mb-4">Know rates before applying. Know the money before you waste time.</p>
196
+ <p class="text-sm text-gray-500">We show verified pay rates, reviews, and legal standing so you can apply smart.</p>
197
+ </div>
198
+
199
+ <!-- Feature 3 -->
200
+ <div class="feature-card bg-light p-8 rounded-2xl shadow-md border border-gray-100 transition-all">
201
+ <div class="w-14 h-14 bg-purple-100 rounded-xl flex items-center justify-center mb-6">
202
+ <i class="fas fa-robot text-2xl text-purple-600"></i>
203
+ </div>
204
+ <h3 class="text-xl font-bold mb-4">AI-Powered Tools</h3>
205
+ <p class="text-gray-600 mb-4">Resume builder, job match, training. Smarter applications. Faster job matches.</p>
206
+ <p class="text-sm text-gray-500">Get an AI resume builder, personalized job match engine, and insider training in one dashboard.</p>
207
+ </div>
208
+ </div>
209
+ </div>
210
+ </section>
211
+
212
+ <!-- Preview Section -->
213
+ <section class="py-16 bg-gray-50">
214
+ <div class="container mx-auto px-4">
215
+ <div class="flex flex-col md:flex-row items-center">
216
+ <div class="md:w-1/2 mb-10 md:mb-0">
217
+ <img src="https://static.wixstatic.com/media/f9bafe_985209d0bbe34ee497a1ff5709427893~mv2.jpg/v1/crop/x_0,y_248,w_1624,h_658/fill/w_982,h_398,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202025-04-21%20at%203_57_edited.jpg" alt="Nested Objects Platform Preview - Notary and Field Inspector Job Directory" class="rounded-2xl shadow-xl w-full">
218
+ </div>
219
+ <div class="md:w-1/2 md:pl-12">
220
+ <h2 class="text-3xl font-bold mb-6">See What You're Getting</h2>
221
+ <p class="text-lg text-gray-600 mb-8">Our platform gives you direct access to hiring managers at verified companies looking for your skills.</p>
222
+
223
+ <div class="bg-white p-6 rounded-2xl shadow-md mb-8">
224
+ <h3 class="text-xl font-semibold mb-4 flex items-center">
225
+ <i class="fas fa-gift text-accent mr-2"></i> Free Preview Includes:
226
+ </h3>
227
+ <ul class="space-y-3">
228
+ <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2"></i> Access 3 verified hiring firms instantly</li>
229
+ <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2"></i> Free PDF: Top 5 highest-paying companies of 2025</li>
230
+ <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2"></i> Resume template optimized for inspection jobs</li>
231
+ </ul>
232
+ </div>
233
+
234
+ <a href="#" class="inline-block bg-primary hover:bg-blue-700 text-white font-semibold py-3 px-8 rounded-lg transition-colors">
235
+ Start Your Free Preview Now
236
+ </a>
237
+ </div>
238
+ </div>
239
+ </div>
240
+ </section>
241
+
242
+ <!-- Pricing Section -->
243
+ <section class="py-16 bg-white">
244
+ <div class="container mx-auto px-4">
245
+ <div class="text-center mb-12">
246
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Get Full Directory Access</h2>
247
+ <p class="text-xl text-gray-600">Limited time offer for early adopters</p>
248
+ </div>
249
+
250
+ <div class="max-w-4xl mx-auto">
251
+ <div class="pricing-card bg-gradient-to-br from-primary to-secondary text-white rounded-2xl shadow-2xl p-8 relative overflow-hidden">
252
+ <div class="absolute top-4 right-4 bg-accent text-white text-xs font-bold px-3 py-1 rounded-full">
253
+ LIMITED TIME
254
+ </div>
255
+
256
+ <div class="flex flex-col md:flex-row items-center justify-between">
257
+ <div class="mb-6 md:mb-0 md:pr-8">
258
+ <h3 class="text-2xl font-bold mb-2">Full Directory Access</h3>
259
+ <p class="opacity-90">Unlock 200+ verified companies hiring now</p>
260
+ </div>
261
+
262
+ <div class="text-center">
263
+ <div class="flex items-baseline justify-center">
264
+ <span class="text-4xl font-bold">$37</span>
265
+ <span class="ml-2 text-lg opacity-90 line-through">$99</span>
266
+ </div>
267
+ <p class="text-sm opacity-90 mt-1">one-time payment</p>
268
+ </div>
269
+ </div>
270
+
271
+ <div class="mt-8 grid grid-cols-1 md:grid-cols-2 gap-6">
272
+ <a href="#" class="bg-white text-primary hover:bg-gray-100 font-semibold py-3 px-6 rounded-lg text-center transition-colors">
273
+ Get Access - $37
274
+ </a>
275
+ <a href="#" class="border-2 border-white text-white hover:bg-white hover:text-primary font-semibold py-3 px-6 rounded-lg text-center transition-colors">
276
+ Show Me 3 Firms + Free PDF
277
+ </a>
278
+ </div>
279
+ </div>
280
+ </div>
281
+ </div>
282
+ </section>
283
+
284
+ <!-- Footer -->
285
+ <footer class="bg-dark text-white py-12">
286
+ <div class="container mx-auto px-4">
287
+ <div class="grid md:grid-cols-4 gap-8 mb-8">
288
+ <div>
289
+ <a href="#" class="flex items-center space-x-2 mb-6">
290
+ <img src="https://static.wixstatic.com/media/f9bafe_3c2f9aa04a9d48e184738bfb24f47e62~mv2.png/v1/fill/w_146,h_97,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Studio-Project%20(1)_edited.png" alt="Nested Objects Logo" class="h-12 w-auto">
291
+ <span class="text-xl font-bold">Nested Objects</span>
292
+ </a>
293
+ <p class="text-gray-400 mb-6">The premier platform for verified notary and field inspector jobs.</p>
294
+ <div class="flex space-x-4">
295
+ <a href="#" class="text-gray-400 hover:text-white transition-colors">
296
+ <i class="fab fa-instagram text-xl"></i>
297
+ </a>
298
+ <a href="#" class="text-gray-400 hover:text-white transition-colors">
299
+ <i class="fab fa-facebook text-xl"></i>
300
+ </a>
301
+ <a href="#" class="text-gray-400 hover:text-white transition-colors">
302
+ <i class="fab fa-youtube text-xl"></i>
303
+ </a>
304
+ </div>
305
+ </div>
306
+
307
+ <div>
308
+ <h4 class="text-lg font-semibold mb-4">Quick Links</h4>
309
+ <ul class="space-y-2">
310
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Home</a></li>
311
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Directory Preview</a></li>
312
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Resources</a></li>
313
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Industry News</a></li>
314
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Directory</a></li>
315
+ </ul>
316
+ </div>
317
+
318
+ <div>
319
+ <h4 class="text-lg font-semibold mb-4">Legal</h4>
320
+ <ul class="space-y-2">
321
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Terms of Service</a></li>
322
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Privacy Policy</a></li>
323
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Refund Policy</a></li>
324
+ </ul>
325
+ </div>
326
+
327
+ <div>
328
+ <h4 class="text-lg font-semibold mb-4">Account</h4>
329
+ <ul class="space-y-2">
330
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Login / Member Dashboard</a></li>
331
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Contact Us</a></li>
332
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Blog</a></li>
333
+ </ul>
334
+ </div>
335
+ </div>
336
+
337
+ <div class="border-t border-gray-700 pt-8 text-center text-gray-400">
338
+ <p>© 2025 Nested Objects. All rights reserved.</p>
339
+ </div>
340
+ </div>
341
+ </footer>
342
+
343
+ <script type="application/ld+json">
344
+ {
345
+ "@context": "https://schema.org",
346
+ "@type": "Organization",
347
+ "name": "Nested Objects",
348
+ "url": "https://www.nestedobjects.com",
349
+ "logo": "https://static.wixstatic.com/media/f9bafe_3c2f9aa04a9d48e184738bfb24f47e62~mv2.png/v1/fill/w_146,h_97,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Studio-Project%20(1)_edited.png",
350
+ "description": "Verified notary and field inspector jobs directory with 200+ hiring firms",
351
+ "sameAs": [
352
+ "https://www.instagram.com/nestedobjects",
353
+ "https://www.facebook.com/nestedobjects",
354
+ "https://www.youtube.com/nestedobjects"
355
+ ]
356
+ }
357
+ </script>
358
+
359
+ <script>
360
+ // Mobile menu toggle
361
+ document.getElementById('mobile-menu-button').addEventListener('click', function() {
362
+ const menu = document.getElementById('mobile-menu');
363
+ menu.classList.toggle('hidden');
364
+ });
365
+
366
+ // Close mobile menu when clicking outside
367
+ document.addEventListener('click', function(event) {
368
+ const menu = document.getElementById('mobile-menu');
369
+ const menu
370
+ <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=flynerd/nested-objects" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
371
+ </html>