Hugging Face's logo

Spaces:
XXXMARK
/
mai
Running

App Files Community
XXXMARK commited on
Commit
759a792
·
verified ·
1 Parent(s): 6c236cf

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +539 -19
  3. prompts.txt +2 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Mai
3
- emoji: 🏢
4
- colorFrom: red
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: mai
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: green
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,539 @@
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>Mai Tawhiti | Digital Innovation Hub</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
+ <link rel="preconnect" href="https://fonts.googleapis.com">
10
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11
+ <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
12
+ <style>
13
+ :root {
14
+ --dark-bg: #121212;
15
+ --darker-bg: #0a0a0a;
16
+ --accent: #FFD700;
17
+ --text: #FFFFFF;
18
+ --secondary-text: #B3B3B3;
19
+ }
20
+
21
+ body {
22
+ font-family: 'Space Grotesk', sans-serif;
23
+ background-color: var(--dark-bg);
24
+ color: var(--text);
25
+ margin: 0;
26
+ padding: 0;
27
+ min-height: 100vh;
28
+ }
29
+
30
+ .mono {
31
+ font-family: 'Space Mono', monospace;
32
+ }
33
+
34
+ .sidebar {
35
+ background-color: var(--darker-bg);
36
+ border-right: 1px solid rgba(255, 215, 0, 0.1);
37
+ }
38
+
39
+ .tab-active {
40
+ border-left: 3px solid var(--accent);
41
+ background: rgba(255, 215, 0, 0.05);
42
+ }
43
+
44
+ .btn-accent {
45
+ background-color: var(--accent);
46
+ color: var(--dark-bg);
47
+ transition: all 0.3s ease;
48
+ }
49
+
50
+ .btn-accent:hover {
51
+ transform: translateY(-2px);
52
+ box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
53
+ }
54
+
55
+ .card {
56
+ background-color: var(--darker-bg);
57
+ border: 1px solid rgba(255, 215, 0, 0.1);
58
+ transition: all 0.3s ease;
59
+ }
60
+
61
+ .card:hover {
62
+ transform: translateY(-5px);
63
+ border-color: rgba(255, 215, 0, 0.3);
64
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
65
+ }
66
+
67
+ .ai-tool {
68
+ background: linear-gradient(135deg, rgba(255, 215, 0, 0.1) 0%, rgba(18, 18, 18, 0.8) 100%);
69
+ }
70
+
71
+ .divider {
72
+ border-color: rgba(255, 215, 0, 0.2);
73
+ }
74
+
75
+ input, textarea {
76
+ background-color: rgba(255, 255, 255, 0.05);
77
+ border: 1px solid rgba(255, 215, 0, 0.2);
78
+ color: var(--text);
79
+ }
80
+
81
+ input:focus, textarea:focus {
82
+ outline: none;
83
+ border-color: var(--accent);
84
+ box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.2);
85
+ }
86
+
87
+ .tag {
88
+ background-color: rgba(255, 215, 0, 0.1);
89
+ border: 1px solid rgba(255, 215, 0, 0.3);
90
+ }
91
+
92
+ .notification {
93
+ animation: slideIn 0.5s forwards;
94
+ }
95
+
96
+ @keyframes slideIn {
97
+ from { transform: translateX(100%); opacity: 0; }
98
+ to { transform: translateX(0); opacity: 1; }
99
+ }
100
+ </style>
101
+ </head>
102
+ <body class="flex">
103
+ <!-- Sidebar Navigation -->
104
+ <div class="sidebar w-64 min-h-screen hidden md:block fixed">
105
+ <div class="p-6">
106
+ <div class="flex items-center space-x-3 mb-10">
107
+ <i class="fas fa-atom text-2xl" style="color: var(--accent);"></i>
108
+ <h1 class="text-xl font-bold">MAI TAWHITI</h1>
109
+ </div>
110
+
111
+ <nav class="space-y-2">
112
+ <a href="#" class="block py-3 px-4 rounded tab-active" onclick="switchTab('dashboard')">
113
+ <i class="fas fa-chart-line mr-3"></i> Dashboard
114
+ </a>
115
+ <a href="#" class="block py-3 px-4 rounded hover:bg-gray-800" onclick="switchTab('projects')">
116
+ <i class="fas fa-code-branch mr-3"></i> Projects
117
+ </a>
118
+ <a href="#" class="block py-3 px-4 rounded hover:bg-gray-800" onclick="switchTab('ai-tools')">
119
+ <i class="fas fa-robot mr-3"></i> AI Tools
120
+ </a>
121
+ <a href="#" class="block py-3 px-4 rounded hover:bg-gray-800" onclick="switchTab('research')">
122
+ <i class="fas fa-flask mr-3"></i> Research
123
+ </a>
124
+ <a href="#" class="block py-3 px-4 rounded hover:bg-gray-800" onclick="switchTab('collaborate')">
125
+ <i class="fas fa-handshake mr-3"></i> Collaborate
126
+ </a>
127
+ </nav>
128
+
129
+ <div class="mt-20 pt-6 border-t divider">
130
+ <div class="flex items-center space-x-3 mb-4">
131
+ <div class="w-10 h-10 rounded-full bg-gray-700 flex items-center justify-center">
132
+ <i class="fas fa-user"></i>
133
+ </div>
134
+ <div>
135
+ <p class="font-medium">Mai Tawhiti</p>
136
+ <p class="text-xs text-secondary-text">Digital Innovator</p>
137
+ </div>
138
+ </div>
139
+ <button class="w-full py-2 px-4 rounded border border-accent text-accent hover:bg-gray-800">
140
+ <i class="fas fa-sign-out-alt mr-2"></i> Sign Out
141
+ </button>
142
+ </div>
143
+ </div>
144
+ </div>
145
+
146
+ <!-- Mobile Header -->
147
+ <div class="md:hidden w-full fixed top-0 bg-darker-bg z-50 p-4 flex justify-between items-center border-b divider">
148
+ <div class="flex items-center space-x-3">
149
+ <i class="fas fa-atom text-xl" style="color: var(--accent);"></i>
150
+ <h1 class="text-lg font-bold">MAI TAWHITI</h1>
151
+ </div>
152
+ <button id="mobileMenuButton" class="text-xl">
153
+ <i class="fas fa-bars"></i>
154
+ </button>
155
+ </div>
156
+
157
+ <!-- Mobile Sidebar -->
158
+ <div id="mobileSidebar" class="fixed inset-0 bg-black bg-opacity-75 z-50 hidden">
159
+ <div class="w-3/4 h-full bg-darker-bg p-6">
160
+ <div class="flex justify-between items-center mb-10">
161
+ <div class="flex items-center space-x-3">
162
+ <i class="fas fa-atom text-2xl" style="color: var(--accent);"></i>
163
+ <h1 class="text-xl font-bold">MAI TAWHITI</h1>
164
+ </div>
165
+ <button id="closeMobileMenu" class="text-xl">
166
+ <i class="fas fa-times"></i>
167
+ </button>
168
+ </div>
169
+
170
+ <nav class="space-y-2">
171
+ <a href="#" class="block py-3 px-4 rounded tab-active" onclick="switchTab('dashboard')">
172
+ <i class="fas fa-chart-line mr-3"></i> Dashboard
173
+ </a>
174
+ <a href="#" class="block py-3 px-4 rounded hover:bg-gray-800" onclick="switchTab('projects')">
175
+ <i class="fas fa-code-branch mr-3"></i> Projects
176
+ </a>
177
+ <a href="#" class="block py-3 px-4 rounded hover:bg-gray-800" onclick="switchTab('ai-tools')">
178
+ <i class="fas fa-robot mr-3"></i> AI Tools
179
+ </a>
180
+ <a href="#" class="block py-3 px-4 rounded hover:bg-gray-800" onclick="switchTab('research')">
181
+ <i class="fas fa-flask mr-3"></i> Research
182
+ </a>
183
+ <a href="#" class="block py-3 px-4 rounded hover:bg-gray-800" onclick="switchTab('collaborate')">
184
+ <i class="fas fa-handshake mr-3"></i> Collaborate
185
+ </a>
186
+ </nav>
187
+
188
+ <div class="mt-20 pt-6 border-t divider">
189
+ <div class="flex items-center space-x-3 mb-4">
190
+ <div class="w-10 h-10 rounded-full bg-gray-700 flex items-center justify-center">
191
+ <i class="fas fa-user"></i>
192
+ </div>
193
+ <div>
194
+ <p class="font-medium">Mai Tawhiti</p>
195
+ <p class="text-xs text-secondary-text">Digital Innovator</p>
196
+ </div>
197
+ </div>
198
+ <button class="w-full py-2 px-4 rounded border border-accent text-accent hover:bg-gray-800">
199
+ <i class="fas fa-sign-out-alt mr-2"></i> Sign Out
200
+ </button>
201
+ </div>
202
+ </div>
203
+ </div>
204
+
205
+ <!-- Main Content -->
206
+ <div class="flex-1 md:ml-64 pt-16 md:pt-0">
207
+ <!-- Dashboard Tab -->
208
+ <div id="dashboard" class="tab-content p-6">
209
+ <div class="max-w-7xl mx-auto">
210
+ <div class="flex justify-between items-center mb-8">
211
+ <h2 class="text-2xl font-bold">Innovation Dashboard</h2>
212
+ <div class="flex space-x-3">
213
+ <button class="btn-accent py-2 px-4 rounded font-medium">
214
+ <i class="fas fa-plus mr-2"></i> New Project
215
+ </button>
216
+ <button class="py-2 px-4 rounded border border-accent text-accent hover:bg-gray-800">
217
+ <i class="fas fa-bell mr-2"></i>
218
+ </button>
219
+ </div>
220
+ </div>
221
+
222
+ <div class="grid md:grid-cols-3 gap-6 mb-8">
223
+ <div class="card p-6 rounded-lg">
224
+ <div class="flex justify-between items-start">
225
+ <div>
226
+ <p class="text-secondary-text">Active Projects</p>
227
+ <p class="text-3xl font-bold mt-2">12</p>
228
+ </div>
229
+ <div class="bg-gray-800 p-3 rounded-full">
230
+ <i class="fas fa-code text-accent"></i>
231
+ </div>
232
+ </div>
233
+ <div class="mt-4 pt-4 border-t divider">
234
+ <p class="text-sm text-secondary-text">+2 from last month</p>
235
+ </div>
236
+ </div>
237
+
238
+ <div class="card p-6 rounded-lg">
239
+ <div class="flex justify-between items-start">
240
+ <div>
241
+ <p class="text-secondary-text">Collaborations</p>
242
+ <p class="text-3xl font-bold mt-2">8</p>
243
+ </div>
244
+ <div class="bg-gray-800 p-3 rounded-full">
245
+ <i class="fas fa-users text-accent"></i>
246
+ </div>
247
+ </div>
248
+ <div class="mt-4 pt-4 border-t divider">
249
+ <p class="text-sm text-secondary-text">3 new requests</p>
250
+ </div>
251
+ </div>
252
+
253
+ <div class="card p-6 rounded-lg">
254
+ <div class="flex justify-between items-start">
255
+ <div>
256
+ <p class="text-secondary-text">AI Concepts</p>
257
+ <p class="text-3xl font-bold mt-2">24</p>
258
+ </div>
259
+ <div class="bg-gray-800 p-3 rounded-full">
260
+ <i class="fas fa-robot text-accent"></i>
261
+ </div>
262
+ </div>
263
+ <div class="mt-4 pt-4 border-t divider">
264
+ <p class="text-sm text-secondary-text">5 generated today</p>
265
+ </div>
266
+ </div>
267
+ </div>
268
+
269
+ <div class="grid md:grid-cols-2 gap-6 mb-8">
270
+ <div class="card p-6 rounded-lg">
271
+ <div class="flex justify-between items-center mb-6">
272
+ <h3 class="text-lg font-bold">Recent Activity</h3>
273
+ <button class="text-sm text-accent">View All</button>
274
+ </div>
275
+ <div class="space-y-4">
276
+ <div class="flex items-start">
277
+ <div class="bg-gray-800 p-2 rounded-full mr-4">
278
+ <i class="fas fa-code text-sm text-accent"></i>
279
+ </div>
280
+ <div>
281
+ <p class="font-medium">Updated HANUMI project</p>
282
+ <p class="text-sm text-secondary-text">2 hours ago</p>
283
+ </div>
284
+ </div>
285
+ <div class="flex items-start">
286
+ <div class="bg-gray-800 p-2 rounded-full mr-4">
287
+ <i class="fas fa-robot text-sm text-accent"></i>
288
+ </div>
289
+ <div>
290
+ <p class="font-medium">Generated new AI concept</p>
291
+ <p class="text-sm text-secondary-text">5 hours ago</p>
292
+ </div>
293
+ </div>
294
+ <div class="flex items-start">
295
+ <div class="bg-gray-800 p-2 rounded-full mr-4">
296
+ <i class="fas fa-envelope text-sm text-accent"></i>
297
+ </div>
298
+ <div>
299
+ <p class="font-medium">New collaboration request</p>
300
+ <p class="text-sm text-secondary-text">1 day ago</p>
301
+ </div>
302
+ </div>
303
+ </div>
304
+ </div>
305
+
306
+ <div class="card p-6 rounded-lg">
307
+ <div class="flex justify-between items-center mb-6">
308
+ <h3 class="text-lg font-bold">Quick Actions</h3>
309
+ </div>
310
+ <div class="grid grid-cols-2 gap-4">
311
+ <button class="py-4 px-4 rounded bg-gray-800 hover:bg-gray-700 flex flex-col items-center justify-center" onclick="switchTab('ai-tools')">
312
+ <i class="fas fa-robot text-xl mb-2 text-accent"></i>
313
+ <span class="text-sm">AI Tools</span>
314
+ </button>
315
+ <button class="py-4 px-4 rounded bg-gray-800 hover:bg-gray-700 flex flex-col items-center justify-center" onclick="switchTab('collaborate')">
316
+ <i class="fas fa-handshake text-xl mb-2 text-accent"></i>
317
+ <span class="text-sm">Collaborate</span>
318
+ </button>
319
+ <button class="py-4 px-4 rounded bg-gray-800 hover:bg-gray-700 flex flex-col items-center justify-center">
320
+ <i class="fas fa-file-export text-xl mb-2 text-accent"></i>
321
+ <span class="text-sm">Export Data</span>
322
+ </button>
323
+ <button class="py-4 px-4 rounded bg-gray-800 hover:bg-gray-700 flex flex-col items-center justify-center">
324
+ <i class="fas fa-cog text-xl mb-2 text-accent"></i>
325
+ <span class="text-sm">Settings</span>
326
+ </button>
327
+ </div>
328
+ </div>
329
+ </div>
330
+
331
+ <div class="card p-6 rounded-lg">
332
+ <div class="flex justify-between items-center mb-6">
333
+ <h3 class="text-lg font-bold">Current Focus Areas</h3>
334
+ </div>
335
+ <div class="grid md:grid-cols-2 gap-4">
336
+ <div class="p-4 rounded bg-gray-800">
337
+ <div class="flex items-center mb-3">
338
+ <div class="bg-accent bg-opacity-20 p-2 rounded-full mr-3">
339
+ <i class="fas fa-brain text-accent"></i>
340
+ </div>
341
+ <h4 class="font-bold">AI Cultural Preservation</h4>
342
+ </div>
343
+ <p class="text-sm text-secondary-text">Developing intelligent systems that document and preserve indigenous knowledge using machine learning.</p>
344
+ </div>
345
+ <div class="p-4 rounded bg-gray-800">
346
+ <div class="flex items-center mb-3">
347
+ <div class="bg-accent bg-opacity-20 p-2 rounded-full mr-3">
348
+ <i class="fas fa-language text-accent"></i>
349
+ </div>
350
+ <h4 class="font-bold">Language Revitalization</h4>
351
+ </div>
352
+ <p class="text-sm text-secondary-text">Building tools for endangered language documentation and learning through technology.</p>
353
+ </div>
354
+ </div>
355
+ </div>
356
+ </div>
357
+ </div>
358
+
359
+ <!-- Projects Tab -->
360
+ <div id="projects" class="tab-content p-6 hidden">
361
+ <div class="max-w-7xl mx-auto">
362
+ <div class="flex justify-between items-center mb-8">
363
+ <h2 class="text-2xl font-bold">Innovation Projects</h2>
364
+ <div class="flex space-x-3">
365
+ <button class="btn-accent py-2 px-4 rounded font-medium">
366
+ <i class="fas fa-plus mr-2"></i> New Project
367
+ </button>
368
+ </div>
369
+ </div>
370
+
371
+ <div class="mb-6">
372
+ <div class="flex space-x-4 overflow-x-auto pb-2">
373
+ <button class="tag px-4 py-1 rounded-full text-sm whitespace-nowrap">All Projects</button>
374
+ <button class="tag px-4 py-1 rounded-full text-sm whitespace-nowrap">Cultural Tech</button>
375
+ <button class="tag px-4 py-1 rounded-full text-sm whitespace-nowrap">Education</button>
376
+ <button class="tag px-4 py-1 rounded-full text-sm whitespace-nowrap">AI Tools</button>
377
+ <button class="tag px-4 py-1 rounded-full text-sm whitespace-nowrap">Community</button>
378
+ </div>
379
+ </div>
380
+
381
+ <div class="grid md:grid-cols-2 gap-6">
382
+ <div class="card p-6 rounded-lg">
383
+ <div class="flex justify-between items-start mb-4">
384
+ <div>
385
+ <h3 class="text-xl font-bold mb-1">HANUMI</h3>
386
+ <p class="text-secondary-text">Te Ao Māori Digital Assistant</p>
387
+ </div>
388
+ <div class="bg-gray-800 p-3 rounded-full">
389
+ <i class="fas fa-globe-americas text-accent"></i>
390
+ </div>
391
+ </div>
392
+ <p class="mb-4">Indigenous knowledge preservation system with cultural event planning tools.</p>
393
+ <div class="flex flex-wrap gap-2 mb-4">
394
+ <span class="tag px-3 py-1 rounded-full text-xs">AI</span>
395
+ <span class="tag px-3 py-1 rounded-full text-xs">Cultural Tech</span>
396
+ <span class="tag px-3 py-1 rounded-full text-xs">React</span>
397
+ </div>
398
+ <div class="flex justify-between items-center pt-4 border-t divider">
399
+ <div class="text-sm text-secondary-text">
400
+ <i class="fas fa-clock mr-1"></i> Last updated 2 days ago
401
+ </div>
402
+ <button class="text-sm text-accent">View Details</button>
403
+ </div>
404
+ </div>
405
+
406
+ <div class="card p-6 rounded-lg">
407
+ <div class="flex justify-between items-start mb-4">
408
+ <div>
409
+ <h3 class="text-xl font-bold mb-1">Māori.AI</h3>
410
+ <p class="text-secondary-text">Cultural Preservation Framework</p>
411
+ </div>
412
+ <div class="bg-gray-800 p-3 rounded-full">
413
+ <i class="fas fa-project-diagram text-accent"></i>
414
+ </div>
415
+ </div>
416
+ <p class="mb-4">Cultural preservation through code with integration of traditional knowledge.</p>
417
+ <div class="flex flex-wrap gap-2 mb-4">
418
+ <span class="tag px-3 py-1 rounded-full text-xs">AI</span>
419
+ <span class="tag px-3 py-1 rounded-full text-xs">Framework</span>
420
+ <span class="tag px-3 py-1 rounded-full text-xs">Python</span>
421
+ </div>
422
+ <div class="flex justify-between items-center pt-4 border-t divider">
423
+ <div class="text-sm text-secondary-text">
424
+ <i class="fas fa-clock mr-1"></i> Last updated 1 week ago
425
+ </div>
426
+ <button class="text-sm text-accent">View Details</button>
427
+ </div>
428
+ </div>
429
+
430
+ <div class="card p-6 rounded-lg">
431
+ <div class="flex justify-between items-start mb-4">
432
+ <div>
433
+ <h3 class="text-xl font-bold mb-1">Te Whare Ako</h3>
434
+ <p class="text-secondary-text">Learning Platform</p>
435
+ </div>
436
+ <div class="bg-gray-800 p-3 rounded-full">
437
+ <i class="fas fa-graduation-cap text-accent"></i>
438
+ </div>
439
+ </div>
440
+ <p class="mb-4">React-based component system with interactive learning modules.</p>
441
+ <div class="flex flex-wrap gap-2 mb-4">
442
+ <span class="tag px-3 py-1 rounded-full text-xs">Education</span>
443
+ <span class="tag px-3 py-1 rounded-full text-xs">React</span>
444
+ <span class="tag px-3 py-1 rounded-full text-xs">Node.js</span>
445
+ </div>
446
+ <div class="flex justify-between items-center pt-4 border-t divider">
447
+ <div class="text-sm text-secondary-text">
448
+ <i class="fas fa-clock mr-1"></i> Last updated 3 days ago
449
+ </div>
450
+ <button class="text-sm text-accent">View Details</button>
451
+ </div>
452
+ </div>
453
+
454
+ <div class="card p-6 rounded-lg">
455
+ <div class="flex justify-between items-start mb-4">
456
+ <div>
457
+ <h3 class="text-xl font-bold mb-1">Kapa Haka Hub</h3>
458
+ <p class="text-secondary-text">Performance Management</p>
459
+ </div>
460
+ <div class="bg-gray-800 p-3 rounded-full">
461
+ <i class="fas fa-users text-accent"></i>
462
+ </div>
463
+ </div>
464
+ <p class="mb-4">Digital tools for Kapa Haka groups including judging and event planning.</p>
465
+ <div class="flex flex-wrap gap-2 mb-4">
466
+ <span class="tag px-3 py-1 rounded-full text-xs">Community</span>
467
+ <span class="tag px-3 py-1 rounded-full text-xs">Vue.js</span>
468
+ <span class="tag px-3 py-1 rounded-full text-xs">Firebase</span>
469
+ </div>
470
+ <div class="flex justify-between items-center pt-4 border-t divider">
471
+ <div class="text-sm text-secondary-text">
472
+ <i class="fas fa-clock mr-1"></i> Last updated 2 weeks ago
473
+ </div>
474
+ <button class="text-sm text-accent">View Details</button>
475
+ </div>
476
+ </div>
477
+ </div>
478
+ </div>
479
+ </div>
480
+
481
+ <!-- AI Tools Tab -->
482
+ <div id="ai-tools" class="tab-content p-6 hidden">
483
+ <div class="max-w-7xl mx-auto">
484
+ <div class="flex justify-between items-center mb-8">
485
+ <h2 class="text-2xl font-bold">AI Innovation Tools</h2>
486
+ <div class="flex space-x-3">
487
+ <button class="btn-accent py-2 px-4 rounded font-medium" onclick="showHistory()">
488
+ <i class="fas fa-history mr-2"></i> History
489
+ </button>
490
+ </div>
491
+ </div>
492
+
493
+ <div class="grid md:grid-cols-3 gap-6 mb-8">
494
+ <div class="card p-6 rounded-lg">
495
+ <div class="flex justify-between items-start mb-4">
496
+ <h3 class="text-lg font-bold">Concept Generator</h3>
497
+ <div class="bg-gray-800 p-2 rounded-full">
498
+ <i class="fas fa-lightbulb text-accent"></i>
499
+ </div>
500
+ </div>
501
+ <p class="text-sm text-secondary-text mb-4">Generate innovative concepts blending culture and technology.</p>
502
+ <button class="w-full btn-accent py-2 px-4 rounded font-medium" onclick="showGenerator('concept')">
503
+ <i class="fas fa-play mr-2"></i> Start Generating
504
+ </button>
505
+ </div>
506
+
507
+ <div class="card p-6 rounded-lg">
508
+ <div class="flex justify-between items-start mb-4">
509
+ <h3 class="text-lg font-bold">Project Outline</h3>
510
+ <div class="bg-gray-800 p-2 rounded-full">
511
+ <i class="fas fa-project-diagram text-accent"></i>
512
+ </div>
513
+ </div>
514
+ <p class="text-sm text-secondary-text mb-4">Create detailed project outlines for cultural tech initiatives.</p>
515
+ <button class="w-full btn-accent py-2 px-4 rounded font-medium" onclick="showGenerator('project')">
516
+ <i class="fas fa-play mr-2"></i> Start Generating
517
+ </button>
518
+ </div>
519
+
520
+ <div class="card p-6 rounded-lg">
521
+ <div class="flex justify-between items-start mb-4">
522
+ <h3 class="text-lg font-bold">Research Assistant</h3>
523
+ <div class="bg-gray-800 p-2 rounded-full">
524
+ <i class="fas fa-search text-accent"></i>
525
+ </div>
526
+ </div>
527
+ <p class="text-sm text-secondary-text mb-4">Get research insights on cultural technology topics.</p>
528
+ <button class="w-full btn-accent py-2 px-4 rounded font-medium" onclick="showGenerator('research')">
529
+ <i class="fas fa-play mr-2"></i> Start Generating
530
+ </button>
531
+ </div>
532
+ </div>
533
+
534
+ <!-- AI Generator Panel (hidden by default) -->
535
+ <div id="ai-generator" class="hidden">
536
+ <div class="card p-6 rounded-lg ai-tool mb-6">
537
+ <div class="flex justify-between items-center mb-6">
538
+ <h3 id="generator-title" class="text-xl font-bold">Concept
539
+ </html>
prompts.txt ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ Mai Tawhiti - Digital Innovation Portfolio # Bridging Culture & Technology <aside> Digital innovator specializing in cultural preservation, AI integration, and community empowerment through technology </aside> ## Featured Projects ### Cultural Tech Solutions - HANUMI: Te Ao Māori Digital Assistant - Indigenous knowledge preservation system - Cultural event planning tools - [Māori.AI](http://xn--Mori-qsa.AI) Framework Implementation - Cultural preservation through code - Integration of traditional knowledge ### Educational Initiatives - Te Whare Ako Learning Platform - React-based component system - Interactive learning modules - Te Reo Māori Learning System - Digital worksheets and resources - Advanced language modules ### Creative Technology - AI Music Integration - MIDI generation tools - Cultural music preservation - Digital Art Solutions - Image generation systems - Cultural art galleries ## Community Initiatives Kapa Haka Digital Hub - Performance management system - Digital judging tools - Cultural event planning resources Whakapapa Tools - Genealogy tracking system - Family history preservation - Digital storytelling platform ## Technical Solutions <aside> AI Integration - Custom AI tools development - Workflow automation - Content generation systems </aside> <aside> Web Development - React component libraries - PHP application frameworks - Responsive design systems </aside> <aside> Content Management - Digital asset organization - Multi-platform integration - Automated workflows </aside> ## Research & Innovation > Specializing in the intersection of traditional knowledge and modern technology, creating solutions that preserve and promote cultural heritage while embracing digital innovation. > ### Current Focus Areas - AI-powered cultural preservation tools - Indigenous knowledge management systems - Digital language preservation - Community-focused tech solutions
2
+ redo it, use a dark background, yellow for accents, and studio white for text, do not use images unless vector style images, just icons, and use better fonts, better Ui, and add more features, add a ai working tool for front end users to create text based concepts to then download button, as well as email it to the site for collab, I want this to be a dashboard like style with tabs to the side, and working tabs , I want this to be well detailed, and a great working application , modern, sleek design, it needs to look like its innovative..