Hugging Face's logo

Spaces:
sfaizalkhan
/
poc
Running

App Files Community
sfaizalkhan commited on
Commit
98568d6
·
verified ·
1 Parent(s): 6887ad3

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +379 -131
  2. prompts.txt +1 -2
index.html CHANGED
@@ -120,6 +120,126 @@
120
  display: inline-flex;
121
  align-items: center;
122
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
123
  </style>
124
  </head>
125
  <body class="bg-gray-50 font-sans">
@@ -127,8 +247,8 @@
127
  <!-- Header -->
128
  <header class="mb-10 text-center">
129
  <h1 class="text-4xl font-bold text-blue-800 mb-2">Medical Pathway Tracker</h1>
130
- <p class="text-lg text-gray-600">For Seattle High School Junior | 3.8 GPA | SAT 1360 |
131
- <span class="hosa-badge"><i class="fas fa-medal mr-1"></i>2nd Place State HOSA</span> |
132
  <span class="leadership-badge"><i class="fas fa-user-tie mr-1"></i>HOSA Secretary</span> |
133
  DECA National Qualifier | Reflections Winner | KingCo Runner</p>
134
  <div class="mt-6 bg-white rounded-lg shadow-md p-6 max-w-3xl mx-auto">
@@ -170,11 +290,11 @@
170
  </div>
171
  <div class="bg-green-50 border border-green-200 rounded-lg p-3 flex items-start">
172
  <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
173
- <span>SAT 1360 (75th percentile)</span>
174
  </div>
175
  <div class="bg-green-50 border border-green-200 rounded-lg p-3 flex items-start">
176
  <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
177
- <span><span class="hosa-badge"><i class="fas fa-medal mr-1"></i>2nd Place State HOSA</span> (National Qualifier)</span>
178
  </div>
179
  <div class="bg-green-50 border border-green-200 rounded-lg p-3 flex items-start">
180
  <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
@@ -370,7 +490,7 @@
370
  <i class="fas fa-heartbeat text-indigo-600"></i>
371
  </div>
372
  <div>
373
- <h4 class="font-medium text-gray-800">Community Service</ 4>
374
  <p class="text-sm text-gray-600 mt-1">Volunteer at homeless clinics or dental outreach programs</p>
375
  <div class="mt-2 flex items-center">
376
  <div class="w-full bg-gray-200 rounded-full h-2">
@@ -418,140 +538,128 @@
418
  </div>
419
 
420
  <div class="space-y-4">
421
- <div class="bg-white border border-gray-200 rounded-lg p-4">
422
- <div class="flex items-start">
423
- <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3">
424
- <i class="fas fa-brain"></i>
425
- </div>
426
- <div>
427
- <h4 class="font-medium text-gray-800">University of Washington (Seattle)</h4>
428
- <p class="text-sm text-gray-600 mt-1">Direct pipeline to UW School of Medicine (ranked #1 primary care)</p>
429
- <div class="mt-2 flex flex-wrap gap-2">
430
- <span class="cost-chip bg-blue-100 text-blue-800">
431
- <i class="fas fa-dollar-sign mr-1"></i> $12,076 (in-state)
432
- </span>
433
- <span class="acceptance-chip bg-green-100 text-green-800">
434
- <i class="fas fa-percentage mr-1"></i> 48% acceptance
435
- </span>
436
- <span class="bg-purple-100 text-purple-800 px-2 py-1 rounded text-xs">
437
- <i class="fas fa-user-md mr-1"></i> 60% med school acceptance
438
- </span>
439
- </div>
440
  </div>
441
  </div>
442
  </div>
443
 
444
- <div class="bg-white border border-gray-200 rounded-lg p-4">
445
- <div class="flex items-start">
446
- <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3">
447
- <i class="fas fa-church"></i>
448
- </div>
449
- <div>
450
- <h4 class="font-medium text-gray-800">Seattle University</h4>
451
- <p class="text-sm text-gray-600 mt-1">Jesuit institution with strong advising and 55% med school acceptance</p>
452
- <div class="mt-2 flex flex-wrap gap-2">
453
- <span class="cost-chip bg-blue-100 text-blue-800">
454
- <i class="fas fa-dollar-sign mr-1"></i> $52,335
455
- </span>
456
- <span class="acceptance-chip bg-green-100 text-green-800">
457
- <i class="fas fa-percentage mr-1"></i> 82% acceptance
458
- </span>
459
- <span class="bg-pink-100 text-pink-800 px-2 py-1 rounded text-xs">
460
- <i class="fas fa-hands-helping mr-1"></i> Service focus
461
- </span>
462
- </div>
463
  </div>
464
  </div>
465
  </div>
466
 
467
- <div class="bg-white border border-gray-200 rounded-lg p-4">
468
- <div class="flex items-start">
469
- <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3">
470
- <i class="fas fa-leaf"></i>
471
- </div>
472
- <div>
473
- <h4 class="font-medium text-gray-800">University of California, Davis</h4>
474
- <p class="text-sm text-gray-600 mt-1">Top 10% national pre-med acceptance rate to medical schools</p>
475
- <div class="mt-2 flex flex-wrap gap-2">
476
- <span class="cost-chip bg-blue-100 text-blue-800">
477
- <i class="fas fa-dollar-sign mr-1"></i> $44,494 (out-of-state)
478
- </span>
479
- <span class="acceptance-chip bg-green-100 text-green-800">
480
- <i class="fas fa-percentage mr-1"></i> 37% acceptance
481
- </span>
482
- <span class="bg-indigo-100 text-indigo-800 px-2 py-1 rounded text-xs">
483
- <i class="fas fa-flask mr-1"></i> Research focus
484
- </span>
485
- </div>
486
  </div>
487
  </div>
488
  </div>
489
 
490
- <div class="bg-white border border-gray-200 rounded-lg p-4">
491
- <div class="flex items-start">
492
- <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3">
493
- <i class="fas fa-maple-leaf"></i>
494
- </div>
495
- <div>
496
- <h4 class="font-medium text-gray-800">University of British Columbia</h4>
497
- <p class="text-sm text-gray-600 mt-1">Canadian option with strong health sciences and 58% med school acceptance</p>
498
- <div class="mt-2 flex flex-wrap gap-2">
499
- <span class="cost-chip bg-blue-100 text-blue-800">
500
- <i class="fas fa-dollar-sign mr-1"></i> $42,803 CAD
501
- </span>
502
- <span class="acceptance-chip bg-green-100 text-green-800">
503
- <i class="fas fa-percentage mr-1"></i> 52% acceptance
504
- </span>
505
- <span class="bg-teal-100 text-teal-800 px-2 py-1 rounded text-xs">
506
- <i class="fas fa-globe-americas mr-1"></i> Global health
507
- </span>
508
- </div>
509
  </div>
510
  </div>
511
  </div>
512
 
513
- <div class="bg-white border border-gray-200 rounded-lg p-4">
514
- <div class="flex items-start">
515
- <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3">
516
- <i class="fas fa-sun"></i>
517
- </div>
518
- <div>
519
- <h4 class="font-medium text-gray-800">University of Florida</h4>
520
- <p class="text-sm text-gray-600 mt-1">Top 5 public university with 63% med school acceptance rate</p>
521
- <div class="mt-2 flex flex-wrap gap-2">
522
- <span class="cost-chip bg-blue-100 text-blue-800">
523
- <i class="fas fa-dollar-sign mr-1"></i> $28,658 (out-of-state)
524
- </span>
525
- <span class="acceptance-chip bg-green-100 text-green-800">
526
- <i class="fas fa-percentage mr-1"></i> 30% acceptance
527
- </span>
528
- <span class="bg-red-100 text-red-800 px-2 py-1 rounded text-xs">
529
- <i class="fas fa-heartbeat mr-1"></i> Strong clinical
530
- </span>
531
- </div>
532
  </div>
533
  </div>
534
  </div>
535
 
536
- <div class="bg-white border border-gray-200 rounded-lg p-4">
537
- <div class="flex items-start">
538
- <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3">
539
- <i class="fas fa-mountain"></i>
540
- </div>
541
- <div>
542
- <h4 class="font-medium text-gray-800">University of Colorado Boulder</h4>
543
- <p class="text-sm text-gray-600 mt-1">56% med school acceptance with strong research partnerships</p>
544
- <div class="mt-2 flex flex-wrap gap-2">
545
- <span class="cost-chip bg-blue-100 text-blue-800">
546
- <i class="fas fa-dollar-sign mr-1"></i> $38,312 (out-of-state)
547
- </span>
548
- <span class="acceptance-chip bg-green-100 text-green-800">
549
- <i class="fas fa-percentage mr-1"></i> 78% acceptance
550
- </span>
551
- <span class="bg-yellow-100 text-yellow-800 px-2 py-1 rounded text-xs">
552
- <i class="fas fa-snowboarding mr-1"></i> Outdoor focus
553
- </span>
554
- </div>
555
  </div>
556
  </div>
557
  </div>
@@ -665,7 +773,7 @@
665
  </div>
666
  <div class="p-6">
667
  <div class="mb-6">
668
- <h3 class="text-lg font-semibold text-gray-800 mb-3">Admission Probability (SAT 1360 + HOSA Leadership)</h3>
669
  <div class="space-y-4">
670
  <div>
671
  <div class="flex justify-between mb-1">
@@ -883,14 +991,14 @@
883
  <div class="bg-amber-700 text-white px-6 py-4">
884
  <h2 class="text-xl font-bold flex items-center">
885
  <i class="fas fa-award mr-3"></i>
886
- Scholarship Strategy (SAT 1360 + HOSA)
887
  </h2>
888
  </div>
889
  <div class="p-6">
890
  <div class="mb-4">
891
  <h3 class="font-medium text-gray-800 mb-2">Maximize Your Scholarship Potential</h3>
892
  <div class="bg-amber-50 border-l-4 border-amber-500 p-3 rounded-r">
893
- <p class="text-sm text-gray-700">With your 1360 SAT and HOSA leadership (Secretary + state medal), focus on these scholarship strategies:</p>
894
  </div>
895
  </div>
896
 
@@ -1027,6 +1135,7 @@
1027
  <i class="fas fa-passport"></i>
1028
  </div>
1029
  <div>
 
1030
  <h4 class="font-medium text-gray-800">Canadian University Apps</h4>
1031
  <p class="text-sm text-gray-600 mt-1">UBC/SFU deadlines typically Jan 15</p>
1032
  </div>
@@ -1038,9 +1147,35 @@
1038
  </div>
1039
  </div>
1040
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1041
  <!-- Floating Action Button -->
1042
- <div class="floating-btn bg-blue-600 text-white">
1043
- <i class="fas fa-plus text-2xl"></i>
1044
  </div>
1045
 
1046
  <script>
@@ -1075,11 +1210,6 @@
1075
  document.querySelector('.progress-bar + p').textContent = `${Math.round(progress)}% of recommended activities completed`;
1076
  }
1077
 
1078
- // Floating button click event
1079
- document.querySelector('.floating-btn').addEventListener('click', function() {
1080
- alert('Add new task or milestone to your tracker!');
1081
- });
1082
-
1083
  // Tab switching function
1084
  function switchTab(tabId) {
1085
  // Hide all tab contents
@@ -1096,6 +1226,124 @@
1096
  document.getElementById(tabId).classList.remove('hidden');
1097
  event.currentTarget.classList.add('active');
1098
  }
1099
- </script>
1100
- <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=sfaizalkhan/poc" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1101
  </html>
 
120
  display: inline-flex;
121
  align-items: center;
122
  }
123
+ /* AI Assistant Styles */
124
+ .ai-assistant {
125
+ position: fixed;
126
+ bottom: 30px;
127
+ right: 100px;
128
+ width: 400px;
129
+ max-height: 600px;
130
+ background: white;
131
+ border-radius: 16px;
132
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
133
+ z-index: 1000;
134
+ transform: translateY(100%);
135
+ opacity: 0;
136
+ transition: all 0.3s ease;
137
+ overflow: hidden;
138
+ display: flex;
139
+ flex-direction: column;
140
+ }
141
+ .ai-assistant.active {
142
+ transform: translateY(0);
143
+ opacity: 1;
144
+ }
145
+ .ai-header {
146
+ background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
147
+ color: white;
148
+ padding: 16px;
149
+ display: flex;
150
+ justify-content: space-between;
151
+ align-items: center;
152
+ }
153
+ .ai-messages {
154
+ flex: 1;
155
+ padding: 16px;
156
+ overflow-y: auto;
157
+ background: #f9fafb;
158
+ }
159
+ .ai-input-container {
160
+ padding: 16px;
161
+ border-top: 1px solid #e5e7eb;
162
+ background: white;
163
+ }
164
+ .ai-input {
165
+ width: 100%;
166
+ padding: 12px 16px;
167
+ border: 1px solid #e5e7eb;
168
+ border-radius: 8px;
169
+ outline: none;
170
+ transition: border-color 0.3s;
171
+ }
172
+ .ai-input:focus {
173
+ border-color: #4f46e5;
174
+ }
175
+ .ai-message {
176
+ margin-bottom: 12px;
177
+ max-width: 80%;
178
+ padding: 8px 12px;
179
+ border-radius: 12px;
180
+ font-size: 14px;
181
+ line-height: 1.5;
182
+ }
183
+ .ai-message.user {
184
+ background: #e0e7ff;
185
+ color: #4f46e5;
186
+ margin-left: auto;
187
+ border-bottom-right-radius: 4px;
188
+ }
189
+ .ai-message.bot {
190
+ background: white;
191
+ color: #111827;
192
+ margin-right: auto;
193
+ border-bottom-left-radius: 4px;
194
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
195
+ }
196
+ .ai-close {
197
+ background: none;
198
+ border: none;
199
+ color: white;
200
+ cursor: pointer;
201
+ font-size: 20px;
202
+ }
203
+ .ai-suggestions {
204
+ display: flex;
205
+ flex-wrap: wrap;
206
+ gap: 8px;
207
+ margin-top: 12px;
208
+ }
209
+ .ai-suggestion {
210
+ background: #e0e7ff;
211
+ color: #4f46e5;
212
+ padding: 6px 12px;
213
+ border-radius: 9999px;
214
+ font-size: 12px;
215
+ cursor: pointer;
216
+ transition: all 0.2s;
217
+ }
218
+ .ai-suggestion:hover {
219
+ background: #c7d2fe;
220
+ }
221
+ .ai-typing {
222
+ display: flex;
223
+ padding: 8px 12px;
224
+ }
225
+ .ai-typing span {
226
+ height: 8px;
227
+ width: 8px;
228
+ background: #9ca3af;
229
+ border-radius: 50%;
230
+ margin: 0 2px;
231
+ animation: typing 1s infinite;
232
+ }
233
+ .ai-typing span:nth-child(2) {
234
+ animation-delay: 0.2s;
235
+ }
236
+ .ai-typing span:nth-child(3) {
237
+ animation-delay: 0.4s;
238
+ }
239
+ @keyframes typing {
240
+ 0%, 100% { transform: translateY(0); }
241
+ 50% { transform: translateY(-5px); }
242
+ }
243
  </style>
244
  </head>
245
  <body class="bg-gray-50 font-sans">
 
247
  <!-- Header -->
248
  <header class="mb-10 text-center">
249
  <h1 class="text-4xl font-bold text-blue-800 mb-2">Medical Pathway Tracker</h1>
250
+ <p class="text-lg text-gray-600">For Seattle High School Junior | 3.8 GPA | SAT <span id="sat-score">1360</span> |
251
+ <span class="hosa-badge"><i class="fas fa-medal mr-1"></i><span id="hosa-achievement">2nd Place State HOSA</span></span> |
252
  <span class="leadership-badge"><i class="fas fa-user-tie mr-1"></i>HOSA Secretary</span> |
253
  DECA National Qualifier | Reflections Winner | KingCo Runner</p>
254
  <div class="mt-6 bg-white rounded-lg shadow-md p-6 max-w-3xl mx-auto">
 
290
  </div>
291
  <div class="bg-green-50 border border-green-200 rounded-lg p-3 flex items-start">
292
  <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
293
+ <span>SAT <span id="sat-score-2">1360</span> (75th percentile)</span>
294
  </div>
295
  <div class="bg-green-50 border border-green-200 rounded-lg p-3 flex items-start">
296
  <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
297
+ <span><span class="hosa-badge"><i class="fas fa-medal mr-1"></i><span id="hosa-achievement-2">2nd Place State HOSA</span></span> (National Qualifier)</span>
298
  </div>
299
  <div class="bg-green-50 border border-green-200 rounded-lg p-3 flex items-start">
300
  <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
 
490
  <i class="fas fa-heartbeat text-indigo-600"></i>
491
  </div>
492
  <div>
493
+ <h4 class="font-medium text-gray-800">Community Service</h4>
494
  <p class="text-sm text-gray-600 mt-1">Volunteer at homeless clinics or dental outreach programs</p>
495
  <div class="mt-2 flex items-center">
496
  <div class="w-full bg-gray-200 rounded-full h-2">
 
538
  </div>
539
 
540
  <div class="space-y-4">
541
+ <div class="bg-white border border-gray-200 rounded-lg p-4 flex items-start">
542
+ <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3">
543
+ <i class="fas fa-brain"></i>
544
+ </div>
545
+ <div>
546
+ <h4 class="font-medium text-gray-800">University of Washington (Seattle)</h4>
547
+ <p class="text-sm text-gray-600 mt-1">Direct pipeline to UW School of Medicine (ranked #1 primary care)</p>
548
+ <div class="mt-2 flex flex-wrap gap-2">
549
+ <span class="cost-chip bg-blue-100 text-blue-800">
550
+ <i class="fas fa-dollar-sign mr-1"></i> $12,076 (in-state)
551
+ </span>
552
+ <span class="acceptance-chip bg-green-100 text-green-800">
553
+ <i class="fas fa-percentage mr-1"></i> 48% acceptance
554
+ </span>
555
+ <span class="bg-purple-100 text-purple-800 px-2 py-1 rounded text-xs">
556
+ <i class="fas fa-user-md mr-1"></i> 60% med school acceptance
557
+ </span>
 
 
558
  </div>
559
  </div>
560
  </div>
561
 
562
+ <div class="bg-white border border-gray-200 rounded-lg p-4 flex items-start">
563
+ <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3">
564
+ <i class="fas fa-church"></i>
565
+ </div>
566
+ <div>
567
+ <h4 class="font-medium text-gray-800">Seattle University</h4>
568
+ <p class="text-sm text-gray-600 mt-1">Jesuit institution with strong advising and 55% med school acceptance</p>
569
+ <div class="mt-2 flex flex-wrap gap-2">
570
+ <span class="cost-chip bg-blue-100 text-blue-800">
571
+ <i class="fas fa-dollar-sign mr-1"></i> $52,335
572
+ </span>
573
+ <span class="acceptance-chip bg-green-100 text-green-800">
574
+ <i class="fas fa-percentage mr-1"></i> 82% acceptance
575
+ </span>
576
+ <span class="bg-pink-100 text-pink-800 px-2 py-1 rounded text-xs">
577
+ <i class="fas fa-hands-helping mr-1"></i> Service focus
578
+ </span>
 
 
579
  </div>
580
  </div>
581
  </div>
582
 
583
+ <div class="bg-white border border-gray-200 rounded-lg p-4 flex items-start">
584
+ <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3">
585
+ <i class="fas fa-leaf"></i>
586
+ </div>
587
+ <div>
588
+ <h4 class="font-medium text-gray-800">University of California, Davis</h4>
589
+ <p class="text-sm text-gray-600 mt-1">Top 10% national pre-med acceptance rate to medical schools</p>
590
+ <div class="mt-2 flex flex-wrap gap-2">
591
+ <span class="cost-chip bg-blue-100 text-blue-800">
592
+ <i class="fas fa-dollar-sign mr-1"></i> $44,494 (out-of-state)
593
+ </span>
594
+ <span class="acceptance-chip bg-green-100 text-green-800">
595
+ <i class="fas fa-percentage mr-1"></i> 37% acceptance
596
+ </span>
597
+ <span class="bg-indigo-100 text-indigo-800 px-2 py-1 rounded text-xs">
598
+ <i class="fas fa-flask mr-1"></i> Research focus
599
+ </span>
 
 
600
  </div>
601
  </div>
602
  </div>
603
 
604
+ <div class="bg-white border border-gray-200 rounded-lg p-4 flex items-start">
605
+ <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3">
606
+ <i class="fas fa-maple-leaf"></i>
607
+ </div>
608
+ <div>
609
+ <h4 class="font-medium text-gray-800">University of British Columbia</h4>
610
+ <p class="text-sm text-gray-600 mt-1">Canadian option with strong health sciences and 58% med school acceptance</p>
611
+ <div class="mt-2 flex flex-wrap gap-2">
612
+ <span class="cost-chip bg-blue-100 text-blue-800">
613
+ <i class="fas fa-dollar-sign mr-1"></i> $42,803 CAD
614
+ </span>
615
+ <span class="acceptance-chip bg-green-100 text-green-800">
616
+ <i class="fas fa-percentage mr-1"></i> 52% acceptance
617
+ </span>
618
+ <span class="bg-teal-100 text-teal-800 px-2 py-1 rounded text-xs">
619
+ <i class="fas fa-globe-americas mr-1"></i> Global health
620
+ </span>
 
 
621
  </div>
622
  </div>
623
  </div>
624
 
625
+ <div class="bg-white border border-gray-200 rounded-lg p-4 flex items-start">
626
+ <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3">
627
+ <i class="fas fa-sun"></i>
628
+ </div>
629
+ <div>
630
+ <h4 class="font-medium text-gray-800">University of Florida</h4>
631
+ <p class="text-sm text-gray-600 mt-1">Top 5 public university with 63% med school acceptance rate</p>
632
+ <div class="mt-2 flex flex-wrap gap-2">
633
+ <span class="cost-chip bg-blue-100 text-blue-800">
634
+ <i class="fas fa-dollar-sign mr-1"></i> $28,658 (out-of-state)
635
+ </span>
636
+ <span class="acceptance-chip bg-green-100 text-green-800">
637
+ <i class="fas fa-percentage mr-1"></i> 30% acceptance
638
+ </span>
639
+ <span class="bg-red-100 text-red-800 px-2 py-1 rounded text-xs">
640
+ <i class="fas fa-heartbeat mr-1"></i> Strong clinical
641
+ </span>
 
 
642
  </div>
643
  </div>
644
  </div>
645
 
646
+ <div class="bg-white border border-gray-200 rounded-lg p-4 flex items-start">
647
+ <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3">
648
+ <i class="fas fa-mountain"></i>
649
+ </div>
650
+ <div>
651
+ <h4 class="font-medium text-gray-800">University of Colorado Boulder</h4>
652
+ <p class="text-sm text-gray-600 mt-1">56% med school acceptance with strong research partnerships</p>
653
+ <div class="mt-2 flex flex-wrap gap-2">
654
+ <span class="cost-chip bg-blue-100 text-blue-800">
655
+ <i class="fas fa-dollar-sign mr-1"></i> $38,312 (out-of-state)
656
+ </span>
657
+ <span class="acceptance-chip bg-green-100 text-green-800">
658
+ <i class="fas fa-percentage mr-1"></i> 78% acceptance
659
+ </span>
660
+ <span class="bg-yellow-100 text-yellow-800 px-2 py-1 rounded text-xs">
661
+ <i class="fas fa-snowboarding mr-1"></i> Outdoor focus
662
+ </span>
 
 
663
  </div>
664
  </div>
665
  </div>
 
773
  </div>
774
  <div class="p-6">
775
  <div class="mb-6">
776
+ <h3 class="text-lg font-semibold text-gray-800 mb-3">Admission Probability (SAT <span id="sat-score-3">1360</span> + HOSA Leadership)</h3>
777
  <div class="space-y-4">
778
  <div>
779
  <div class="flex justify-between mb-1">
 
991
  <div class="bg-amber-700 text-white px-6 py-4">
992
  <h2 class="text-xl font-bold flex items-center">
993
  <i class="fas fa-award mr-3"></i>
994
+ Scholarship Strategy (SAT <span id="sat-score-4">1360</span> + HOSA)
995
  </h2>
996
  </div>
997
  <div class="p-6">
998
  <div class="mb-4">
999
  <h3 class="font-medium text-gray-800 mb-2">Maximize Your Scholarship Potential</h3>
1000
  <div class="bg-amber-50 border-l-4 border-amber-500 p-3 rounded-r">
1001
+ <p class="text-sm text-gray-700">With your <span id="sat-score-5">1360</span> SAT and HOSA leadership (Secretary + state medal), focus on these scholarship strategies:</p>
1002
  </div>
1003
  </div>
1004
 
 
1135
  <i class="fas fa-passport"></i>
1136
  </div>
1137
  <div>
1138
+ 极速赛车开奖结果查询官网168极速赛车开奖结果查询官网168```html
1139
  <h4 class="font-medium text-gray-800">Canadian University Apps</h4>
1140
  <p class="text-sm text-gray-600 mt-1">UBC/SFU deadlines typically Jan 15</p>
1141
  </div>
 
1147
  </div>
1148
  </div>
1149
 
1150
+ <!-- AI Assistant -->
1151
+ <div class="ai-assistant">
1152
+ <div class="ai-header">
1153
+ <h3 class="font-bold">Medical Pathway AI Assistant</h3>
1154
+ <button class="ai-close" onclick="toggleAIAssistant()">×</button>
1155
+ </div>
1156
+ <div class="ai-messages" id="ai-messages">
1157
+ <div class="ai-message bot">
1158
+ Hi there! I'm your Medical Pathway AI Assistant. How can I help you today? Here are some things I can do:
1159
+ <div class="ai-suggestions mt-2">
1160
+ <div class="ai-suggestion" onclick="sendAIMessage('Update my SAT score')">Update SAT score</div>
1161
+ <div class="ai-suggestion" onclick="sendAIMessage('Add a new achievement')">Add achievement</div>
1162
+ <div class="ai-suggestion" onclick="sendAIMessage('Refresh my progress tracker')">Refresh tracker</div>
1163
+ </div>
1164
+ </div>
1165
+ </div>
1166
+ <div class="ai-input-container">
1167
+ <input type="text" class="ai-input" id="ai-input" placeholder="Type your message..." onkeypress="handleAIInputKeypress(event)">
1168
+ <div class="ai-suggestions mt-2">
1169
+ <div class="ai-suggestion" onclick="sendAIMessage('I won 1st place in HOSA Nationals')">Add HOSA award</div>
1170
+ <div class="ai-suggestion" onclick="sendAIMessage('My new GPA is 3.9')">Update GPA</div>
1171
+ <div class="ai-suggestion" onclick="sendAIMessage('I completed 50 volunteer hours')">Add volunteer hours</div>
1172
+ </div>
1173
+ </div>
1174
+ </div>
1175
+
1176
  <!-- Floating Action Button -->
1177
+ <div class="floating-btn bg-blue-600 text-white" onclick="toggleAIAssistant()">
1178
+ <i class="fas fa-robot text-2xl"></i>
1179
  </div>
1180
 
1181
  <script>
 
1210
  document.querySelector('.progress-bar + p').textContent = `${Math.round(progress)}% of recommended activities completed`;
1211
  }
1212
 
 
 
 
 
 
1213
  // Tab switching function
1214
  function switchTab(tabId) {
1215
  // Hide all tab contents
 
1226
  document.getElementById(tabId).classList.remove('hidden');
1227
  event.currentTarget.classList.add('active');
1228
  }
1229
+
1230
+ // AI Assistant Functions
1231
+ function toggleAIAssistant() {
1232
+ document.querySelector('.ai-assistant').classList.toggle('active');
1233
+ }
1234
+
1235
+ function handleAIInputKeypress(event) {
1236
+ if (event.key === 'Enter') {
1237
+ sendAIMessage(document.getElementById('ai-input').value);
1238
+ document.getElementById('ai-input').value = '';
1239
+ }
1240
+ }
1241
+
1242
+ function sendAIMessage(message) {
1243
+ const messagesContainer = document.getElementById('ai-messages');
1244
+
1245
+ // Add user message
1246
+ messagesContainer.innerHTML += `
1247
+ <div class="ai-message user">
1248
+ ${message}
1249
+ </div>
1250
+ `;
1251
+
1252
+ // Add typing indicator
1253
+ messagesContainer.innerHTML += `
1254
+ <div class="ai-typing">
1255
+ <span></span>
1256
+ <span></span>
1257
+ <span></span>
1258
+ </div>
1259
+ `;
1260
+
1261
+ // Scroll to bottom
1262
+ messagesContainer.scrollTop = messagesContainer.scrollHeight;
1263
+
1264
+ // Process message after a delay
1265
+ setTimeout(() => {
1266
+ // Remove typing indicator
1267
+ document.querySelector('.ai-typing')?.remove();
1268
+
1269
+ // Process the message
1270
+ processAIMessage(message);
1271
+
1272
+ // Scroll to bottom again after adding response
1273
+ messagesContainer.scrollTop = messagesContainer.scrollHeight;
1274
+ }, 1000);
1275
+ }
1276
+
1277
+ function processAIMessage(message) {
1278
+ const messagesContainer = document.getElementById('ai-messages');
1279
+ let response = '';
1280
+
1281
+ if (message.toLowerCase().includes('sat') || message.toLowerCase().includes('score')) {
1282
+ // Extract SAT score from message
1283
+ const satMatch = message.match(/\d+/);
1284
+ if (satMatch) {
1285
+ const newScore = satMatch[0];
1286
+ updateSATScore(newScore);
1287
+ response = `I've updated your SAT score to ${newScore}. Your profile and university admission probabilities have been recalculated.`;
1288
+ } else {
1289
+ response = `To update your SAT score, please tell me your new score (e.g., "My new SAT score is 1450").`;
1290
+ }
1291
+ }
1292
+ else if (message.toLowerCase().includes('achievement') || message.toLowerCase().includes('award') || message.toLowerCase().includes('hosa')) {
1293
+ // Check for HOSA achievement
1294
+ if (message.toLowerCase().includes('hosa')) {
1295
+ const achievementMatch = message.match(/won (.+?) in hosa/i) || message.match(/hosa (.+?)/i);
1296
+ if (achievementMatch) {
1297
+ const newAchievement = achievementMatch[1];
1298
+ updateHOSAAchievement(newAchievement);
1299
+ response = `Congratulations! I've updated your HOSA achievement to "${newAchievement}". This will strengthen your medical school applications.`;
1300
+ } else {
1301
+ response = `To add a HOSA achievement, please specify what you won (e.g., "I won 1st place in HOSA Nationals").`;
1302
+ }
1303
+ } else {
1304
+ response = `What achievement would you like to add? For example: "I won 1st place in HOSA Nationals" or "I completed 100 volunteer hours".`;
1305
+ }
1306
+ }
1307
+ else if (message.toLowerCase().includes('refresh') || message.toLowerCase().includes('update') || message.toLowerCase().includes('tracker')) {
1308
+ updateProgress();
1309
+ response = `I've refreshed your progress tracker. Your completion percentage has been updated based on checked items.`;
1310
+ }
1311
+ else if (message.toLowerCase().includes('gpa')) {
1312
+ const gpaMatch = message.match(/\d\.\d+/);
1313
+ if (gpaMatch) {
1314
+ const newGPA = gpaMatch[0];
1315
+ response = `I've noted your new GPA of ${newGPA}. Remember to update your GPA in your university applications as well.`;
1316
+ } else {
1317
+ response = `To update your GPA, please tell me your new GPA (e.g., "My new GPA is 3.9").`;
1318
+ }
1319
+ }
1320
+ else if (message.toLowerCase().includes('volunteer') || message.toLowerCase().includes('hours')) {
1321
+ const hoursMatch = message.match(/\d+/);
1322
+ if (hoursMatch) {
1323
+ const hours = hoursMatch[0];
1324
+ response = `Great job completing ${hours} volunteer hours! Clinical experience is very valuable for medical school applications.`;
1325
+ } else {
1326
+ response = `How many volunteer hours would you like to add? For example: "I completed 50 volunteer hours at the hospital".`;
1327
+ }
1328
+ }
1329
+ else {
1330
+ response = `I can help you update your profile information like SAT scores, achievements, GPA, and volunteer hours. Just tell me what you'd like to update!`;
1331
+ }
1332
+
1333
+ // Add bot response
1334
+ messagesContainer.innerHTML += `
1335
+ <div class="ai-message bot">
1336
+ ${response}
1337
+ <div class="ai-suggestions mt-2">
1338
+ <div class="ai-suggestion" onclick="sendAIMessage('Update my SAT score')">Update SAT</div>
1339
+ <div class="ai-suggestion" onclick="sendAIMessage('Add a new achievement')">Add achievement</div>
1340
+ <div class="ai-suggestion" onclick="sendAIMessage('Refresh my progress tracker')">Refresh tracker</div>
1341
+ </div>
1342
+ </div>
1343
+ `;
1344
+ }
1345
+
1346
+ function updateSATScore(newScore) {
1347
+ // Update all SAT score references on the page
1348
+ document.querySelectorAll('[id^="sat-score"]').forEach(element
1349
  </html>
prompts.txt CHANGED
@@ -1,2 +1 @@
1
- update the pathway tracker site to add the new achievement that won 2nd prize on the state Hosa and qualified for the national hosa competition.
2
- Also add another achievement as leadership role in HOSA as high school secretary of HOSA.pls add a section to include all universities fit Nabeel in the country that maximize his acceptance rate for PG in medical school
 
1
+ Add a generative AI agent on this page which can help me add newer achievements like newer SAT score, or new awards and help refresh this page and update tracker page.