Spaces:
Running
Running
update the tracker that Nabeel achieved 5th place in international HOSA conference and 2nd Place State HOSA competition. Volunteering at St.Anne Hospital, burien as a nurse assistant in ICU unit .He is also part of COPE Health Scholars Program at Allenmore Hospital,Tacoma gaining clinical experience https://www.wsha.org/weekly-newsletter/weekly-report-fri-sep-13-2024-thu-sep-19-2024/multicare-partners-with-cope-health-scholars-to-offer-clinical-experience/ , planning to take the SAT exam on Oct 4th 2025. Add & list UCLS colleges and tier 1 universities having higher probability of securing admission based on achievements , allow the site to update the final sat score later and refresh website based on that. - Follow Up Deployment
f2f9d7e verified | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>College & Medical School Prep Tracker</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| .progress-bar { | |
| height: 8px; | |
| border-radius: 4px; | |
| background-color: #e5e7eb; | |
| } | |
| .progress-fill { | |
| height: 100%; | |
| border-radius: 4px; | |
| background-color: #3b82f6; | |
| transition: width 0.5s ease-in-out; | |
| } | |
| .timeline-item:not(:last-child):after { | |
| content: ''; | |
| position: absolute; | |
| left: 19px; | |
| top: 32px; | |
| height: calc(100% - 32px); | |
| width: 2px; | |
| background-color: #d1d5db; | |
| } | |
| .checkbox-container input[type="checkbox"] { | |
| opacity: 0; | |
| position: absolute; | |
| } | |
| .checkbox-container label { | |
| position: relative; | |
| padding-left: 32px; | |
| cursor: pointer; | |
| } | |
| .checkbox-container label:before { | |
| content: ''; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| width: 22px; | |
| height: 22px; | |
| border: 2px solid #3b82f6; | |
| border-radius: 4px; | |
| background-color: white; | |
| } | |
| .checkbox-container input[type="checkbox"]:checked + label:after { | |
| content: '\2713'; | |
| position: absolute; | |
| left: 5px; | |
| top: 2px; | |
| color: #3b82f6; | |
| font-weight: bold; | |
| } | |
| .university-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); | |
| } | |
| .floating-btn { | |
| position: fixed; | |
| bottom: 30px; | |
| right: 30px; | |
| width: 60px; | |
| height: 60px; | |
| border-radius: 50%; | |
| box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| cursor: pointer; | |
| z-index: 100; | |
| } | |
| .essay-prompt { | |
| border-left: 4px solid #3b82f6; | |
| background-color: #f8fafc; | |
| } | |
| .tab-button { | |
| transition: all 0.3s ease; | |
| } | |
| .tab-button.active { | |
| border-bottom: 3px solid #3b82f6; | |
| font-weight: 600; | |
| } | |
| .cost-chip { | |
| display: inline-flex; | |
| align-items: center; | |
| padding: 0.25rem 0.5rem; | |
| border-radius: 9999px; | |
| font-size: 0.75rem; | |
| font-weight: 600; | |
| } | |
| .acceptance-chip { | |
| display: inline-flex; | |
| align-items: center; | |
| padding: 0.25rem 0.5rem; | |
| border-radius: 9999px; | |
| font-size: 0.75rem; | |
| font-weight: 600; | |
| } | |
| .hosa-badge { | |
| background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%); | |
| color: white; | |
| border-radius: 9999px; | |
| padding: 0.25rem 0.75rem; | |
| font-size: 0.75rem; | |
| font-weight: 600; | |
| display: inline-flex; | |
| align-items: center; | |
| } | |
| .leadership-badge { | |
| background: linear-gradient(135deg, #10b981 0%, #059669 100%); | |
| color: white; | |
| border-radius: 9999px; | |
| padding: 0.25rem 0.75rem; | |
| font-size: 0.75rem; | |
| font-weight: 600; | |
| display: inline-flex; | |
| align-items: center; | |
| } | |
| /* AI Assistant Styles */ | |
| .ai-assistant { | |
| position: fixed; | |
| bottom: 30px; | |
| right: 100px; | |
| width: 400px; | |
| max-height: 600px; | |
| background: white; | |
| border-radius: 16px; | |
| box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); | |
| z-index: 1000; | |
| transform: translateY(100%); | |
| opacity: 0; | |
| transition: all 0.3s ease; | |
| overflow: hidden; | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .ai-assistant.active { | |
| transform: translateY(0); | |
| opacity: 1; | |
| } | |
| .ai-header { | |
| background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%); | |
| color: white; | |
| padding: 16px; | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| } | |
| .ai-messages { | |
| flex: 1; | |
| padding: 16px; | |
| overflow-y: auto; | |
| background: #f9fafb; | |
| } | |
| .ai-input-container { | |
| padding: 16px; | |
| border-top: 1px solid #e5e7eb; | |
| background: white; | |
| } | |
| .ai-input { | |
| width: 100%; | |
| padding: 12px 16px; | |
| border: 1px solid #e5e7eb; | |
| border-radius: 8px; | |
| outline: none; | |
| transition: border-color 0.3s; | |
| } | |
| .ai-input:focus { | |
| border-color: #4f46e5; | |
| } | |
| .ai-message { | |
| margin-bottom: 12px; | |
| max-width: 80%; | |
| padding: 8px 12px; | |
| border-radius: 12px; | |
| font-size: 14px; | |
| line-height: 1.5; | |
| } | |
| .ai-message.user { | |
| background: #e0e7ff; | |
| color: #4f46e5; | |
| margin-left: auto; | |
| border-bottom-right-radius: 4px; | |
| } | |
| .ai-message.bot { | |
| background: white; | |
| color: #111827; | |
| margin-right: auto; | |
| border-bottom-left-radius: 4px; | |
| box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); | |
| } | |
| .ai-close { | |
| background: none; | |
| border: none; | |
| color: white; | |
| cursor: pointer; | |
| font-size: 20px; | |
| } | |
| .ai-suggestions { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 8px; | |
| margin-top: 12px; | |
| } | |
| .ai-suggestion { | |
| background: #e0e7ff; | |
| color: #4f46e5; | |
| padding: 6px 12px; | |
| border-radius: 9999px; | |
| font-size: 12px; | |
| cursor: pointer; | |
| transition: all 0.2s; | |
| } | |
| .ai-suggestion:hover { | |
| background: #c7d2fe; | |
| } | |
| .ai-typing { | |
| display: flex; | |
| padding: 8px 12px; | |
| } | |
| .ai-typing span { | |
| height: 8px; | |
| width: 8px; | |
| background: #9ca3af; | |
| border-radius: 50%; | |
| margin: 0 2px; | |
| animation: typing 1s infinite; | |
| } | |
| .ai-typing span:nth-child(2) { | |
| animation-delay: 0.2s; | |
| } | |
| .ai-typing span:nth-child(3) { | |
| animation-delay: 0.4s; | |
| } | |
| @keyframes typing { | |
| 0%, 100% { transform: translateY(0); } | |
| 50% { transform: translateY(-5px); } | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50 font-sans"> | |
| <div class="container mx-auto px-4 py-8 max-w-6xl"> | |
| <!-- Header --> | |
| <header class="mb-10 text-center"> | |
| <h1 class="text-4xl font-bold text-blue-800 mb-2">Medical Pathway Tracker</h1> | |
| <p class="text-lg text-gray-600">For Seattle High School Junior | 3.8 GPA | SAT <span id="sat-score">Taking Oct 2025</span> | | |
| <span class="hosa-badge"><i class="fas fa-medal mr-1"></i><span id="hosa-achievement">5th Place International HOSA</span></span> | | |
| <span class="hosa-badge"><i class="fas fa-medal mr-1"></i>2nd Place State HOSA</span> | | |
| <span class="leadership-badge"><i class="fas fa-user-tie mr-1"></i>HOSA Secretary</span> | | |
| <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded text-xs"> | |
| <i class="fas fa-hospital mr-1"></i>St. Anne Hospital Volunteer | |
| </span> | | |
| <span class="bg-purple-100 text-purple-800 px-2 py-1 rounded text-xs"> | |
| <i class="fas fa-user-md mr-1"></i>COPE Health Scholar | |
| </span> | | |
| DECA National Qualifier | Reflections Winner | KingCo Runner</p> | |
| <div class="mt-6 bg-white rounded-lg shadow-md p-6 max-w-3xl mx-auto"> | |
| <div class="flex flex-wrap justify-between items-center"> | |
| <div class="mb-4 md:mb-0"> | |
| <h3 class="font-semibold text-gray-700">Current Progress</h3> | |
| <div class="progress-bar w-full mt-2"> | |
| <div class="progress-fill" style="width: 72%"></div> | |
| </div> | |
| <p class="text-sm text-gray-500 mt-1">72% of recommended activities completed</p> | |
| </div> | |
| <div class="bg-blue-50 rounded-lg p-3"> | |
| <p class="text-blue-800 font-medium"><i class="fas fa-graduation-cap mr-2"></i>Running Start: Bellevue College</p> | |
| <p class="text-sm text-blue-600">Associate Degree in Progress | SAT 1360 (75th percentile) | HOSA Nationals Qualifier</p> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Main Content --> | |
| <div class="grid grid-cols-1 lg:grid-cols-3 gap-8"> | |
| <!-- Left Column --> | |
| <div class="lg:col-span-2 space-y-8"> | |
| <!-- UW Admission Requirements --> | |
| <section class="bg-white rounded-xl shadow-md overflow-hidden"> | |
| <div class="bg-blue-800 text-white px-6 py-4"> | |
| <h2 class="text-xl font-bold flex items-center"> | |
| <i class="fas fa-university mr-3"></i> | |
| University of Washington Seattle Admission Roadmap | |
| </h2> | |
| </div> | |
| <div class="p-6"> | |
| <div class="mb-6"> | |
| <h3 class="text-lg font-semibold text-gray-800 mb-3">Your Current Strengths for UW Admission</h3> | |
| <div class="grid grid-cols-1 sm:grid-cols-2 gap-3"> | |
| <div class="bg-green-50 border border-green-200 rounded-lg p-3 flex items-start"> | |
| <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> | |
| <span>Strong GPA (3.8)</span> | |
| </div> | |
| <div class="bg-green-50 border border-green-200 rounded-lg p-3 flex items-start"> | |
| <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> | |
| <span>SAT <span id="sat-score-2">1360</span> (75th percentile)</span> | |
| </div> | |
| <div class="bg-green-50 border border-green-200 rounded-lg p-3 flex items-start"> | |
| <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> | |
| <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> | |
| </div> | |
| <div class="bg-green-50 border border-green-200 rounded-lg p-3 flex items-start"> | |
| <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> | |
| <span><span class="leadership-badge"><i class="fas fa-user-tie mr-1"></i>HOSA Secretary</span> (Leadership)</span> | |
| </div> | |
| <div class="bg-green-50 border border-green-200 rounded-lg p-3 flex items-start"> | |
| <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> | |
| <span>DECA National Qualifier (2x)</span> | |
| </div> | |
| <div class="bg-green-50 border border-green-200 rounded-lg p-3 flex items-start"> | |
| <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> | |
| <span>Reflections Competition Winner</span> | |
| </div> | |
| <div class="bg-green-50 border border-green-200 rounded-lg p-3 flex items-start"> | |
| <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> | |
| <span>KingCo Level Runner (Athletics)</span> | |
| </div> | |
| <div class="bg-green-50 border border-green-200 rounded-lg p-3 flex items-start"> | |
| <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> | |
| <span>Running Start Program (Academic Rigor)</span> | |
| </div> | |
| </div> | |
| </div> | |
| <h3 class="text-lg font-semibold text-gray-800 mb-3">Recommended Activities for UW Admission</h3> | |
| <div class="space-y-4"> | |
| <!-- Timeline Items --> | |
| <div class="relative timeline-item pl-10"> | |
| <div class="absolute left-0 top-0 w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center"> | |
| <i class="fas fa-flask text-blue-600"></i> | |
| </div> | |
| <div class="bg-gray-50 rounded-lg p-4 border border-gray-200"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <h4 class="font-medium text-gray-800">Research Experience</h4> | |
| <p class="text-sm text-gray-600 mt-1">UW values undergraduate research. Seek opportunities at Bellevue College or local hospitals.</p> | |
| </div> | |
| <div class="checkbox-container"> | |
| <input type="checkbox" id="research" checked> | |
| <label for="research" class="ml-2"></label> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="relative timeline-item pl-10"> | |
| <div class="absolute left-0 top-0 w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center"> | |
| <i class="fas fa-hand-holding-heart text-blue-600"></i> | |
| </div> | |
| <div class="bg-gray-50 rounded-lg p-4 border border-gray-200"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <h4 class="font-medium text-gray-800">Clinical Volunteering</h4> | |
| <p class="text-sm text-gray-600 mt-1">100+ hours at dental clinics or hospitals to demonstrate commitment to medicine.</p> | |
| </div> | |
| <div class="checkbox-container"> | |
| <input type="checkbox" id="volunteering"> | |
| <label for="volunteering" class="ml-2"></label> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="relative timeline-item pl-10"> | |
| <div class="absolute left-0 top-0 w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center"> | |
| <i class="fas fa-book text-blue-600"></i> | |
| </div> | |
| <div class="bg-gray-50 rounded-lg p-4 border border-gray-200"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <h4 class="font-medium text-gray-800">Prerequisite Courses</h4> | |
| <p class="text-sm text-gray-600 mt-1">Complete Biology, Chemistry, and Calculus through Running Start.</p> | |
| </div> | |
| <div class="checkbox-container"> | |
| <input type="checkbox" id="courses" checked> | |
| <label for="courses" class="ml-2"></label> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="relative timeline-item pl-10"> | |
| <div class="absolute left-0 top-0 w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center"> | |
| <i class="fas fa-users text-blue-600"></i> | |
| </div> | |
| <div class="bg-gray-50 rounded-lg p-4 border border-gray-200"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <h4 class="font-medium text-gray-800">HOSA Leadership Development</h4> | |
| <p class="text-sm text-gray-600 mt-1">Expand your role as HOSA Secretary to organize health initiatives at school.</p> | |
| </div> | |
| <div class="checkbox-container"> | |
| <input type="checkbox" id="leadership"> | |
| <label for="leadership" class="ml-2"></label> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="relative timeline-item pl-10"> | |
| <div class="absolute left-0 top-0 w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center"> | |
| <i class="fas fa-pen-fancy text-blue-600"></i> | |
| </div> | |
| <div class="bg-gray-50 rounded-lg p-4 border border-gray-200"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <h4 class="font-medium text-gray-800">Personal Statement</h4> | |
| <p class="text-sm text-gray-600 mt-1">Craft compelling narrative connecting HOSA leadership, running, and medical aspirations.</p> | |
| </div> | |
| <div class="checkbox-container"> | |
| <input type="checkbox" id="statement"> | |
| <label for="statement" class="ml-2"></label> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Medical School Prep --> | |
| <section class="bg-white rounded-xl shadow-md overflow-hidden"> | |
| <div class="bg-indigo-800 text-white px-6 py-4"> | |
| <h2 class="text-xl font-bold flex items-center"> | |
| <i class="fas fa-stethoscope mr-3"></i> | |
| Medical School Preparation Timeline | |
| </h2> | |
| </div> | |
| <div class="p-6"> | |
| <div class="mb-6"> | |
| <h3 class="text-lg font-semibold text-gray-800 mb-3">Key Milestones for Dental/Family Medicine</h3> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-4"> | |
| <div class="border-l-4 border-indigo-500 pl-4 py-1"> | |
| <h4 class="font-medium">High School Senior Year</h4> | |
| <ul class="text-sm text-gray-600 mt-1 space-y-1"> | |
| <li><i class="fas fa-circle text-indigo-500 text-xs mr-2"></i>Compete at HOSA Nationals</li> | |
| <li><i class="fas fa-circle text-indigo-500 text-xs mr-2"></i>Shadow dentists/physicians</li> | |
| <li><i class="fas fa-circle text-indigo-500 text-xs mr-2"></i>Volunteer 100+ hours</li> | |
| </ul> | |
| </div> | |
| <div class="border-l-4 border-indigo-500 pl-4 py-1"> | |
| <h4 class="font-medium">Undergraduate Years</h4> | |
| <ul class="text-sm text-gray-600 mt-1 space-y-1"> | |
| <li><i class="fas fa-circle text-indigo-500 text-xs mr-2"></i>Maintain 3.7+ GPA</li> | |
| <li><i class="fas fa-circle text-indigo-500 text-xs mr-2"></i>Continue HOSA involvement</li> | |
| <li><i class="fas fa-circle text-indigo-500 text-xs mr-2"></i>Research experience</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <h3 class="text-lg font-semibold text-gray-800 mb-3">Recommended Pre-Med Activities</h3> | |
| <div class="grid grid-cols-1 sm:grid-cols-2 gap-4"> | |
| <div class="bg-indigo-50 rounded-lg p-4 border border-indigo-100"> | |
| <div class="flex items-start"> | |
| <div class="bg-indigo-100 p-2 rounded-lg mr-3"> | |
| <i class="fas fa-hospital text-indigo-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">HOSA National Competition</h4> | |
| <p class="text-sm text-gray-600 mt-1">Prepare for and compete at HOSA International Leadership Conference</p> | |
| <div class="mt-2 flex items-center"> | |
| <div class="w-full bg-gray-200 rounded-full h-2"> | |
| <div class="bg-indigo-600 h-2 rounded-full" style="width: 40%"></div> | |
| </div> | |
| <span class="text-xs text-gray-500 ml-2">40%</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-indigo-50 rounded-lg p-4 border border-indigo-100"> | |
| <div class="flex items-start"> | |
| <div class="bg-indigo-100 p-2 rounded-lg mr-3"> | |
| <i class="fas fa-microscope text-indigo-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">Research Project</h4> | |
| <p class="text-sm text-gray-600 mt-1">Summer research at UW Medicine or Seattle Children's</p> | |
| <div class="mt-2 flex items-center"> | |
| <div class="w-full bg-gray-200 rounded-full h-2"> | |
| <div class="bg-indigo-600 h-2 rounded-full" style="width: 10%"></div> | |
| </div> | |
| <span class="text-xs text-gray-500 ml-2">10%</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-indigo-50 rounded-lg p-4 border border-indigo-100"> | |
| <div class="flex items-start"> | |
| <div class="bg-indigo-100 p-2 rounded-lg mr-3"> | |
| <i class="fas fa-heartbeat text-indigo-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">Community Service</h4> | |
| <p class="text-sm text-gray-600 mt-1">Volunteer at homeless clinics or dental outreach programs</p> | |
| <div class="mt-2 flex items-center"> | |
| <div class="w-full bg-gray-200 rounded-full h-2"> | |
| <div class="bg-indigo-600 h-2 rounded-full" style="width: 45%"></div> | |
| </div> | |
| <span class="text-xs text-gray-500 ml-2">45%</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-indigo-50 rounded-lg p-4 border border-indigo-100"> | |
| <div class="flex items-start"> | |
| <div class="bg-indigo-100 p-2 rounded-lg mr-3"> | |
| <i class="fas fa-book-medical text-indigo-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">Pre-Med Coursework</h4> | |
| <p class="text-sm text-gray-600 mt-1">Complete organic chemistry, biochemistry, and anatomy</p> | |
| <div class="mt-2 flex items-center"> | |
| <div class="w-full bg-gray-200 rounded-full h-2"> | |
| <div class="bg-indigo-600 h-2 rounded-full" style="width: 60%"></div> | |
| </div> | |
| <span class="text-xs text-gray-500 ml-2">60%</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Medical School Pathway Universities --> | |
| <section class="bg-white rounded-xl shadow-md overflow-hidden"> | |
| <div class="bg-amber-700 text-white px-6 py-4"> | |
| <h2 class="text-xl font-bold flex items-center"> | |
| <i class="fas fa-graduation-cap mr-3"></i> | |
| Best Undergraduate Universities for Medical School | |
| </h2> | |
| </div> | |
| <div class="p-6"> | |
| <div class="mb-4"> | |
| <h3 class="text-lg font-semibold text-gray-800 mb-2">Top Schools Maximizing Medical School Acceptance</h3> | |
| <p class="text-sm text-gray-600">These universities have strong pre-med programs and high medical school acceptance rates (50%+ for their graduates)</p> | |
| </div> | |
| <div class="space-y-4"> | |
| <div class="bg-white border border-gray-200 rounded-lg p-4 flex items-start"> | |
| <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3"> | |
| <i class="fas fa-brain"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">University of Washington (Seattle)</h4> | |
| <p class="text-sm text-gray-600 mt-1">Direct pipeline to UW School of Medicine (ranked #1 primary care)</p> | |
| <div class="mt-2 flex flex-wrap gap-2"> | |
| <span class="cost-chip bg-blue-100 text-blue-800"> | |
| <i class="fas fa-dollar-sign mr-1"></i> $12,076 (in-state) | |
| </span> | |
| <span class="acceptance-chip bg-green-100 text-green-800"> | |
| <i class="fas fa-percentage mr-1"></i> 48% acceptance | |
| </span> | |
| <span class="bg-purple-100 text-purple-800 px-2 py-1 rounded text-xs"> | |
| <i class="fas fa-user-md mr-1"></i> 60% med school acceptance | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white border border-gray-200 rounded-lg p-4 flex items-start"> | |
| <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3"> | |
| <i class="fas fa-church"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">Seattle University</h4> | |
| <p class="text-sm text-gray-600 mt-1">Jesuit institution with strong advising and 55% med school acceptance</p> | |
| <div class="mt-2 flex flex-wrap gap-2"> | |
| <span class="cost-chip bg-blue-100 text-blue-800"> | |
| <i class="fas fa-dollar-sign mr-1"></i> $52,335 | |
| </span> | |
| <span class="acceptance-chip bg-green-100 text-green-800"> | |
| <i class="fas fa-percentage mr-1"></i> 82% acceptance | |
| </span> | |
| <span class="bg-pink-100 text-pink-800 px-2 py-1 rounded text-xs"> | |
| <i class="fas fa-hands-helping mr-1"></i> Service focus | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white border border-gray-200 rounded-lg p-4 flex items-start"> | |
| <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3"> | |
| <i class="fas fa-leaf"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">University of California, Davis</h4> | |
| <p class="text-sm text-gray-600 mt-1">Top 10% national pre-med acceptance rate to medical schools</p> | |
| <div class="mt-2 flex flex-wrap gap-2"> | |
| <span class="cost-chip bg-blue-100 text-blue-800"> | |
| <i class="fas fa-dollar-sign mr-1"></i> $44,494 (out-of-state) | |
| </span> | |
| <span class="acceptance-chip bg-green-100 text-green-800"> | |
| <i class="fas fa-percentage mr-1"></i> 37% acceptance | |
| </span> | |
| <span class="bg-indigo-100 text-indigo-800 px-2 py-1 rounded text-xs"> | |
| <i class="fas fa-flask mr-1"></i> Research focus | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white border border-gray-200 rounded-lg p-4 flex items-start"> | |
| <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3"> | |
| <i class="fas fa-maple-leaf"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">University of British Columbia</h4> | |
| <p class="text-sm text-gray-600 mt-1">Canadian option with strong health sciences and 58% med school acceptance</p> | |
| <div class="mt-2 flex flex-wrap gap-2"> | |
| <span class="cost-chip bg-blue-100 text-blue-800"> | |
| <i class="fas fa-dollar-sign mr-1"></i> $42,803 CAD | |
| </span> | |
| <span class="acceptance-chip bg-green-100 text-green-800"> | |
| <i class="fas fa-percentage mr-1"></i> 52% acceptance | |
| </span> | |
| <span class="bg-teal-100 text-teal-800 px-2 py-1 rounded text-xs"> | |
| <i class="fas fa-globe-americas mr-1"></i> Global health | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white border border-gray-200 rounded-lg p-4 flex items-start"> | |
| <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3"> | |
| <i class="fas fa-sun"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">University of Florida</h4> | |
| <p class="text-sm text-gray-600 mt-1">Top 5 public university with 63% med school acceptance rate</p> | |
| <div class="mt-2 flex flex-wrap gap-2"> | |
| <span class="cost-chip bg-blue-100 text-blue-800"> | |
| <i class="fas fa-dollar-sign mr-1"></i> $28,658 (out-of-state) | |
| </span> | |
| <span class="acceptance-chip bg-green-100 text-green-800"> | |
| <i class="fas fa-percentage mr-1"></i> 30% acceptance | |
| </span> | |
| <span class="bg-red-100 text-red-800 px-2 py-1 rounded text-xs"> | |
| <i class="fas fa-heartbeat mr-1"></i> Strong clinical | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white border border-gray-200 rounded-lg p-4 flex items-start"> | |
| <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3"> | |
| <i class="fas fa-mountain"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">University of Colorado Boulder</h4> | |
| <p class="text-sm text-gray-600 mt-1">56% med school acceptance with strong research partnerships</p> | |
| <div class="mt-2 flex flex-wrap gap-2"> | |
| <span class="cost-chip bg-blue-100 text-blue-800"> | |
| <i class="fas fa-dollar-sign mr-1"></i> $38,312 (out-of-state) | |
| </span> | |
| <span class="acceptance-chip bg-green-100 text-green-800"> | |
| <i class="fas fa-percentage mr-1"></i> 78% acceptance | |
| </span> | |
| <span class="bg-yellow-100 text-yellow-800 px-2 py-1 rounded text-xs"> | |
| <i class="fas fa-snowboarding mr-1"></i> Outdoor focus | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white border border-gray-200 rounded-lg p-4 flex items-start"> | |
| <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3"> | |
| <i class="fas fa-sun"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">UCLA</h4> | |
| <p class="text-sm text-gray-600 mt-1">Top 5 public university with 70% med school acceptance rate</p> | |
| <div class="mt-2 flex flex-wrap gap-2"> | |
| <span class="cost-chip bg-blue-100 text-blue-800"> | |
| <i class="fas fa-dollar-sign mr-1"></i> $44,830 (out-of-state) | |
| </span> | |
| <span class="acceptance-chip bg-green-100 text-green-800"> | |
| <i class="fas fa-percentage mr-1"></i> 9% acceptance | |
| </span> | |
| <span class="bg-red-100 text-red-800 px-2 py-1 rounded text-xs"> | |
| <i class="fas fa-hospital mr-1"></i> Strong clinical | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white border border-gray-200 rounded-lg p-4 flex items-start"> | |
| <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3"> | |
| <i class="fas fa-star"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">Johns Hopkins University</h4> | |
| <p class="text-sm text-gray-600 mt-1">Top-ranked pre-med program with 80% med school acceptance</p> | |
| <div class="mt-2 flex flex-wrap gap-2"> | |
| <span class="cost-chip bg-blue-100 text-blue-800"> | |
| <i class="fas fa-dollar-sign mr-1"></i> $60,480 | |
| </span> | |
| <span class="acceptance-chip bg-green-100 text-green-800"> | |
| <i class="fas fa-percentage mr-1"></i> 7% acceptance | |
| </span> | |
| <span class="bg-indigo-100 text-indigo-800 px-2 py-1 rounded text-xs"> | |
| <i class="fas fa-flask mr-1"></i> Research focus | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-6"> | |
| <h4 class="font-medium text-gray-800 mb-2">Key Factors for Medical School Preparation</h4> | |
| <div class="grid grid-cols-1 sm:grid-cols-2 gap-3"> | |
| <div class="bg-amber-50 rounded-lg p-3"> | |
| <h5 class="font-medium text-gray-800 flex items-center"> | |
| <i class="fas fa-chart-line text-amber-600 mr-2"></i> | |
| GPA Matters Most | |
| </h5> | |
| <p class="text-xs text-gray-600 mt-1">Aim for 3.7+ cumulative and science GPA</p> | |
| </div> | |
| <div class="bg-amber-50 rounded-lg p-3"> | |
| <h5 class="font-medium text-gray-800 flex items-center"> | |
| <i class="fas fa-clipboard-check text-amber-600 mr-2"></i> | |
| MCAT Preparation | |
| </h5> | |
| <p class="text-xs text-gray-600 mt-1">Take practice tests starting sophomore year</p> | |
| </div> | |
| <div class="bg-amber-50 rounded-lg p-3"> | |
| <h5 class="font-medium text-gray-800 flex items-center"> | |
| <i class="fas fa-hand-holding-medical text-amber-600 mr-2"></i> | |
| Clinical Experience | |
| </h5> | |
| <p class="text-xs text-gray-600 mt-1">200+ hours shadowing/volunteering</p> | |
| </div> | |
| <div class="bg-amber-50 rounded-lg p-3"> | |
| <h5 class="font-medium text-gray-800 flex items-center"> | |
| <i class="fas fa-microscope text-amber-600 mr-2"></i> | |
| Research | |
| </h5> | |
| <p class="text-xs text-gray-600 mt-1">1+ year in a lab with potential publication</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- College Essay Prompts --> | |
| <section class="bg-white rounded-xl shadow-md overflow-hidden"> | |
| <div class="bg-purple-800 text-white px-6 py-4"> | |
| <h2 class="text-xl font-bold flex items-center"> | |
| <i class="fas fa-edit mr-3"></i> | |
| Medical Aspiration Essay Prompts | |
| </h2> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex border-b mb-4"> | |
| <button class="tab-button active px-4 py-2" onclick="switchTab('common-app')">Common App</button> | |
| <button class="tab-button px-4 py-2" onclick="switchTab('uw')">UW Specific</button> | |
| <button class="tab-button px-4 py-2" onclick="switchTab('scholarship')">Scholarship</button> | |
| </div> | |
| <div id="common-app" class="tab-content"> | |
| <div class="essay-prompt mb-6 p-4"> | |
| <h4 class="font-medium text-gray-800 mb-2">Prompt: Describe a topic, idea, or concept you find so engaging that it makes you lose all track of time. Why does it captivate you?</h4> | |
| <p class="text-sm text-gray-600 mb-3">Potential Approach: Discuss your HOSA leadership and competition preparation. Describe how organizing events as Secretary and competing at state level deepened your medical knowledge. Connect this to your broader medical aspirations.</p> | |
| <div class="text-xs text-purple-600 font-medium">Word Count: 250-650</div> | |
| </div> | |
| <div class="essay-prompt mb-6 p-4"> | |
| <h4 class="font-medium text-gray-800 mb-2">Prompt: The lessons we take from obstacles we encounter can be fundamental to later success. Recount a time when you faced a challenge, setback, or failure.</h4> | |
| <p class="text-sm text-gray-600 mb-3">Potential Approach: Write about balancing HOSA leadership with running and academics. Highlight how managing these commitments taught you time management skills that will serve you well in medical school. Show how your HOSA achievement demonstrates perseverance.</p> | |
| <div class="text-xs text-purple-600 font-medium">Word Count: 250-650</div> | |
| </div> | |
| </div> | |
| <div id="uw" class="tab-content hidden"> | |
| <div class="essay-prompt mb-6 p-4"> | |
| <h4 class="font-medium text-gray-800 mb-2">Prompt: Tell a story from your life, describing an experience that either demonstrates your character or helped to shape it.</h4> | |
| <p class="text-sm text-gray-600 mb-3">Potential Approach: Describe your journey in HOSA from member to Secretary to state medalist. Highlight how this leadership experience shaped your identity as a future healthcare professional. Connect this to UW's emphasis on hands-on learning in healthcare fields.</p> | |
| <div class="text-xs text-purple-600 font-medium">Word Count: 300-500</div> | |
| </div> | |
| <div class="essay-prompt mb-6 p-4"> | |
| <h4 class="font-medium text-gray-800 mb-2">Prompt: Describe the world you come from and how it has shaped your dreams and aspirations.</h4> | |
| <p class="text-sm text-gray-600 mb-3">Potential Approach: Discuss how your HOSA leadership role exposed you to healthcare career paths. Mention specific skills learned through organizing events that will make you successful at UW. Show how UW's health sciences programs can help you build on this foundation.</p> | |
| <div class="text-xs text-purple-600 font-medium">Word Count: 300-500</div> | |
| </div> | |
| </div> | |
| <div id="scholarship" class="tab-content hidden"> | |
| <div class="essay-prompt mb-6 p-4"> | |
| <h4 class="font-medium text-gray-800 mb-2">Prompt: How has your leadership in HOSA prepared you for your future goals in healthcare?</h4> | |
| <p class="text-sm text-gray-600 mb-3">Potential Approach: Detail how your Secretary role developed organizational and interpersonal skills. Highlight your state medal as evidence of medical knowledge. Explain how these experiences position you for success in medical school and as a physician.</p> | |
| <div class="text-xs text-purple-600 font-medium">Word Count: 500</div> | |
| </div> | |
| <div class="essay-prompt mb-6 p-4"> | |
| <h4 class="font-medium text-gray-800 mb-2">Prompt: Describe your leadership style and how it will contribute to the medical profession.</h4> | |
| <p class="text-sm text-gray-600 mb-3">Potential Approach: Draw parallels between leading your HOSA chapter, supporting running teammates, and DECA leadership. Connect these experiences to how physicians lead healthcare teams with both clinical expertise and compassion.</p> | |
| <div class="text-xs text-purple-600 font-medium">Word Count: 500</div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </div> | |
| <!-- Right Column --> | |
| <div class="space-y-8"> | |
| <!-- Target Universities --> | |
| <section class="bg-white rounded-xl shadow-md overflow-hidden"> | |
| <div class="bg-emerald-800 text-white px-6 py-4"> | |
| <h2 class="text-xl font-bold flex items-center"> | |
| <i class="fas fa-trophy mr-3"></i> | |
| Target Universities Analysis | |
| </h2> | |
| </div> | |
| <div class="p-6"> | |
| <div class="mb-6"> | |
| <h3 class="text-lg font-semibold text-gray-800 mb-3">Admission Probability (SAT <span id="sat-score-3">1360</span> + HOSA Leadership)</h3> | |
| <div class="space-y-4"> | |
| <div> | |
| <div class="flex justify-between mb-1"> | |
| <span class="font-medium text-gray-700">UW Seattle</span> | |
| <span class="text-sm font-medium text-emerald-600">High Match (75th percentile SAT + HOSA)</span> | |
| </div> | |
| <div class="w-full bg-gray-200 rounded-full h-2"> | |
| <div class="bg-emerald-500 h-2 rounded-full" style="width: 80%"></div> | |
| </div> | |
| <div class="flex justify-between mt-1 text-xs text-gray-500"> | |
| <span>Acceptance: 48%</span> | |
| <span>Cost: $12,076 (in-state)</span> | |
| </div> | |
| </div> | |
| <div> | |
| <div class="flex justify-between mb-1"> | |
| <span class="font-medium text-gray-700">UW Bothell</span> | |
| <span class="text-sm font-medium text-emerald-600">Safety (85th percentile SAT + HOSA)</span> | |
| </div> | |
| <div class="w-full bg-gray-200 rounded-full h-2"> | |
| <div class="bg-emerald-500 h-2 rounded-full" style="width: 95%"></div> | |
| </div> | |
| <div class="flex justify-between mt-1 text-xs text-gray-500"> | |
| <span>Acceptance: 79%</span> | |
| <span>Cost: $11,950 (in-state)</span> | |
| </div> | |
| </div> | |
| <div> | |
| <div class="flex justify-between mb-1"> | |
| <span class="font-medium text-gray-700">Seattle University</span> | |
| <span class="text-sm font-medium text-yellow-500">Match (70th percentile SAT + HOSA)</span> | |
| </div> | |
| <div class="w-full bg-gray-200 rounded-full h-2"> | |
| <div class="bg-yellow-400 h-2 rounded-full" style="width: 70%"></div> | |
| </div> | |
| <div class="flex justify-between mt-1 text-xs text-gray-500"> | |
| <span>Acceptance: 82%</span> | |
| <span>Cost: $52,335</span> | |
| </div> | |
| </div> | |
| <div> | |
| <div class="flex justify-between mb-1"> | |
| <span class="font-medium text-gray-700">UBC (Canada)</span> | |
| <span class="text-sm font-medium text-yellow-500">Match (International + HOSA)</span> | |
| </div> | |
| <div class="w-full bg-gray-200 rounded-full h-2"> | |
| <div class="bg-yellow-400 h-2 rounded-full" style="width: 65%"></div> | |
| </div> | |
| <div class="flex justify-between mt-1 text-xs text-gray-500"> | |
| <span>Acceptance: 52%</span> | |
| <span>Cost: $42,803 CAD</span> | |
| </div> | |
| </div> | |
| <div> | |
| <div class="flex justify-between mb-1"> | |
| <span class="font-medium text-gray-700">University of Oregon</span> | |
| <span class="text-sm font-medium text-emerald-600">Safety (80th percentile SAT + HOSA)</span> | |
| </div> | |
| <div class="w-full bg-gray-200 rounded-full h-2"> | |
| <div class="bg-emerald-500 h-2 rounded-full" style="width: 85%"></div> | |
| </div> | |
| <div class="flex justify-between mt-1 text-xs text-gray-500"> | |
| <span>Acceptance: 93%</span> | |
| <span>Cost: $39,801 (out-of-state)</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <h3 class="text-lg font-semibold text-gray-800 mb-3">Recommended Schools with Strong Pre-Med & HOSA Recognition</h3> | |
| <div class="space-y-4"> | |
| <div class="university-card bg-gray-50 rounded-lg p-4 border border-gray-200 transition-all duration-300"> | |
| <div class="flex items-start"> | |
| <div class="bg-blue-100 p-2 rounded-lg mr-3"> | |
| <i class="fas fa-star text-blue-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">University of Washington</h4> | |
| <p class="text-sm text-gray-600 mt-1">Top public university with excellent medical school connections</p> | |
| <div class="mt-2 flex flex-wrap gap-2"> | |
| <span class="cost-chip bg-blue-100 text-blue-800"> | |
| <i class="fas fa-dollar-sign mr-1"></i> $12,076 (in-state) | |
| </span> | |
| <span class="acceptance-chip bg-green-100 text-green-800"> | |
| <i class="fas fa-percentage mr-1"></i> 48% acceptance | |
| </span> | |
| <span class="bg-purple-100 text-purple-800 px-2 py-1 rounded text-xs"> | |
| <i class="fas fa-medal mr-1"></i> HOSA recognition | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="university-card bg-gray-50 rounded-lg p-4 border border-gray-200 transition-all duration-300"> | |
| <div class="flex items-start"> | |
| <div class="bg-red-100 p-2 rounded-lg mr-3"> | |
| <i class="fas fa-maple-leaf text-red-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">University of British Columbia</h4> | |
| <p class="text-sm text-gray-600 mt-1">Accepts Running Start credits, strong life sciences programs</p> | |
| <div class="mt-2 flex flex-wrap gap-2"> | |
| <span class="cost-chip bg-blue-100 text-blue-800"> | |
| <i class="fas fa-dollar-sign mr-1"></i> $42,803 CAD | |
| </span> | |
| <span class="acceptance-chip bg-green-100 text-green-800"> | |
| <i class="fas fa-percentage mr-1"></i> 52% acceptance | |
| </span> | |
| <span class="bg-yellow-100 text-yellow-800 px-2 py-1 rounded text-xs"> | |
| <i class="fas fa-award mr-1"></i> Generous int'l scholarships | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="university-card bg-gray-50 rounded-lg p-4 border border-gray-200 transition-all duration-300"> | |
| <div class="flex items-start"> | |
| <div class="bg-green-100 p-2 rounded-lg mr-3"> | |
| <i class="fas fa-sun text-green-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">University of California, Davis</h4> | |
| <p class="text-sm text-gray-600 mt-1">West coast option with top 10% pre-med acceptance rate</p> | |
| <div class="mt-2 flex flex-wrap gap-2"> | |
| <span class="cost-chip bg-blue-100 text-blue-800"> | |
| <i class="fas fa-dollar-sign mr-1"></i> $44,494 (out-of-state) | |
| </span> | |
| <span class="acceptance-chip bg-green-100 text-green-800"> | |
| <i class="fas fa-percentage mr-1"></i> 37% acceptance | |
| </span> | |
| <span class="bg-indigo-100 text-indigo-800 px-2 py-1 rounded text-xs"> | |
| <i class="fas fa-horse mr-1"></i> Strong athletics | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="university-card bg-gray-50 rounded-lg p-4 border border-gray-200 transition-all duration-300"> | |
| <div class="flex items-start"> | |
| <div class="bg-purple-100 p-2 rounded-lg mr-3"> | |
| <i class="fas fa-church text-purple-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">Seattle University</h4> | |
| <p class="text-sm text-gray-600 mt-1">Strong sciences with Jesuit values, good for family medicine</p> | |
| <div class="mt-2 flex flex-wrap gap-2"> | |
| <span class="cost-chip bg-blue-100 text-blue-800"> | |
| <i class="fas fa-dollar-sign mr-1"></i> $52,335 | |
| </span> | |
| <span class="acceptance-chip bg-green-100 text-green-800"> | |
| <i class="fas fa-percentage mr-1"></i> 82% acceptance | |
| </span> | |
| <span class="bg-pink-100 text-pink-800 px-2 py-1 rounded text-xs"> | |
| <i class="fas fa-hand-holding-heart mr-1"></i> Service focus | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="university-card bg-gray-50 rounded-lg p-4 border border-gray-200 transition-all duration-300"> | |
| <div class="flex items-start"> | |
| <div class="bg-yellow-100 p-2 rounded-lg mr-3"> | |
| <i class="fas fa-utensils text-yellow-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">University of Texas, Austin</h4> | |
| <p class="text-sm text-gray-600 mt-1">Southern option with strong research and Dell Medical School</p> | |
| <div class="mt-2 flex flex-wrap gap-2"> | |
| <span class="cost-chip bg-blue-100 text-blue-800"> | |
| <i class="fas fa-dollar-sign mr-1"></i> $40,096 (out-of-state) | |
| </span> | |
| <span class="acceptance-chip bg-green-100 text-green-800"> | |
| <i class="fas fa-percentage mr-1"></i> 31% acceptance | |
| </span> | |
| <span class="bg-red-100 text-red-800 px-2 py-1 rounded text-xs"> | |
| <i class="fas fa-graduation-cap mr-1"></i> Pre-med pipeline | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="university-card bg-gray-50 rounded-lg p-4 border border-gray-200 transition-all duration-300"> | |
| <div class="flex items-start"> | |
| <div class="bg-indigo-100 p-2 rounded-lg mr-3"> | |
| <i class="fas fa-graduation-cap text-indigo-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">Simon Fraser University (Canada)</h4> | |
| <p class="text-sm text-gray-600 mt-1">BC university that accepts Running Start credits, strong health sciences</p> | |
| <div class="mt-2 flex flex-wrap gap-2"> | |
| <span class="cost-chip bg-blue-100 text-blue-800"> | |
| <i class="fas fa-dollar-sign mr-1"></i> $29,000 CAD | |
| </span> | |
| <span class="acceptance-chip bg-green-100 text-green-800"> | |
| <i class="fas fa-percentage mr-1"></i> 59% acceptance | |
| </span> | |
| <span class="bg-teal-100 text-teal-800 px-2 py-1 rounded text-xs"> | |
| <i class="fas fa-book-open mr-1"></i> Research opportunities | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Scholarship Opportunities --> | |
| <section class="bg-white rounded-xl shadow-md overflow-hidden"> | |
| <div class="bg-amber-700 text-white px-6 py-4"> | |
| <h2 class="text-xl font-bold flex items-center"> | |
| <i class="fas fa-award mr-3"></i> | |
| Scholarship Strategy (SAT <span id="sat-score-4">1360</span> + HOSA) | |
| </h2> | |
| </div> | |
| <div class="p-6"> | |
| <div class="mb-4"> | |
| <h3 class="font-medium text-gray-800 mb-2">Maximize Your Scholarship Potential</h3> | |
| <div class="bg-amber-50 border-l-4 border-amber-500 p-3 rounded-r"> | |
| <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> | |
| </div> | |
| </div> | |
| <div class="space-y-4"> | |
| <div class="border-l-4 border-amber-500 pl-4 py-2"> | |
| <h4 class="font-medium text-gray-800">1. Health Profession Scholarships</h4> | |
| <ul class="text-sm text-gray-600 mt-1 space-y-1"> | |
| <li><i class="fas fa-check-circle text-amber-500 mr-2"></i>HOSA National Leadership Conference scholarships</li> | |
| <li><i class="fas fa-check-circle text-amber-500 mr-2"></i>State medical/dental association scholarships</li> | |
| <li><i class="fas fa-check-circle text-amber-500 mr-2"></i>Pre-med pipeline program funding</li> | |
| </ul> | |
| </div> | |
| <div class="border-l-4 border-amber-500 pl-4 py-2"> | |
| <h4 class="font-medium text-gray-800">2. Merit-Based Scholarships</h4> | |
| <ul class="text-sm text-gray-600 mt-1 space-y-1"> | |
| <li><i class="fas fa-check-circle text-amber-500 mr-2"></i>Target schools where your SAT is above 75th percentile</li> | |
| <li><i class="fas fa-check-circle text-amber-500 mr-2"></i>Apply to 3+ "safety" schools for maximum leverage</li> | |
| <li><i class="fas fa-check-circle text-amber-500 mr-2"></i>Highlight your HOSA leadership and national qualification</li> | |
| </ul> | |
| </div> | |
| <div class="border-l-4 border-amber-500 pl-4 py-2"> | |
| <h4 class="font-medium text-gray-800">3. Running Start Advantages</h4> | |
| <ul class="text-sm text-gray-600 mt-1 space-y-1"> | |
| <li><i class="fas fa-check-circle text-amber-500 mr-2"></i>Apply for "Transfer Student" scholarships (you'll have AA degree)</li> | |
| <li><i class="fas fa-check-circle text-amber-500 mr-2"></i>Emphasize college-level course success in applications</li> | |
| <li><i class="fas fa-check-circle text-amber-500 mr-2"></i>Canadian universities often give credit for Running Start</li> | |
| </ul> | |
| </div> | |
| <div class="border-l-4 border-amber-500 pl-4 py-2"> | |
| <h4 class="font-medium text-gray-800">4. Leadership & Service Awards</h4> | |
| <ul class="text-sm text-gray-600 mt-1 space-y-1"> | |
| <li><i class="fas fa-check-circle text-amber-500 mr-2"></i>HOSA leadership recognition scholarships</li> | |
| <li><i class="fas fa-check-circle text-amber-500 mr-2"></i>Community service awards for health-related volunteering</li> | |
| <li><i class="fas fa-check-circle text-amber-500 mr-2"></i>Combined academic/activity merit awards</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="mt-6"> | |
| <h4 class="font-medium text-gray-800 mb-2">Top Scholarships to Target</h4> | |
| <div class="grid grid-cols-1 gap-2"> | |
| <div class="bg-white border border-gray-200 rounded-lg p-3 flex items-start"> | |
| <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3"> | |
| <i class="fas fa-university"></i> | |
| </div> | |
| <div> | |
| <h5 class="font-medium">HOSA National Leadership Conference Awards</h5> | |
| <p class="text-xs text-gray-500">$1K-$5K | Various Deadlines</p> | |
| </div> | |
| </div> | |
| <div class="bg-white border border-gray-200 rounded-lg p-3 flex items-start"> | |
| <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3"> | |
| <i class="fas fa-running"></i> | |
| </div> | |
| <div> | |
| <h5 class="font-medium">Washington State Running Start Achievement</h5> | |
| <p class="text-xs text-gray-500">$1,500 | Deadline Mar 1</p> | |
| </div> | |
| </div> | |
| <div class="bg-white border border-gray-200 rounded-lg p-3 flex items-start"> | |
| <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3"> | |
| <i class="fas fa-briefcase"></i> | |
| </div> | |
| <div> | |
| <h5 class="font-medium">DECA Emerging Leader Scholarship</h5> | |
| <p class="text-xs text-gray-500">$1K-$5K | Deadline Jan 31</p> | |
| </div> | |
| </div> | |
| <div class="bg-white border border-gray-200 rounded-lg p-3 flex items-start"> | |
| <div class="bg-amber-100 text-amber-700 rounded-lg p-2 mr-3"> | |
| <i class="fas fa-maple-leaf"></i> | |
| </div> | |
| <div> | |
| <h5 class="font-medium">UBC International Leader of Tomorrow</h5> | |
| <p class="text-xs text-gray-500">Full tuition | Deadline Dec 1</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Important Dates --> | |
| <section class="bg-white rounded-xl shadow-md overflow-hidden"> | |
| <div class="bg-rose-700 text-white px-6 py-4"> | |
| <h2 class="text-xl font-bold flex items-center"> | |
| <i class="fas fa-calendar-alt mr-3"></i> | |
| Important Dates | |
| </h2> | |
| </div> | |
| <div class="p-6"> | |
| <div class="space-y-4"> | |
| <div class="flex items-start"> | |
| <div class="bg-rose-100 text-rose-700 rounded-lg p-2 mr-3"> | |
| <i class="fas fa-medal"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">HOSA National Competition</h4> | |
| <p class="text-sm text-gray-600 mt-1">June 26-29 - International Leadership Conference preparation</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="bg-rose-100 text-rose-700 rounded-lg p-2 mr-3"> | |
| <i class="fas fa-pencil-alt"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">SAT Exam Date</h4> | |
| <p class="text-sm text-gray-600 mt-1">October 4, 2025 - Target score 1500+ for top schools</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="bg-rose-100 text-rose-700 rounded-lg p-2 mr-3"> | |
| <i class="fas fa-university"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">UW Application Opens</h4> | |
| <p class="text-sm text-gray-600 mt-1">September 1 (Priority deadline Nov 15)</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="bg-rose-100 text-rose-700 rounded-lg p-2 mr-3"> | |
| <i class="fas fa-running"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">College Running Recruiting</h4> | |
| <p class="text-sm text-gray-600 mt-1">Contact coaches by August of senior year</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="bg-rose-100 text-rose-700 rounded-lg p-2 mr-3"> | |
| <i class="fas fa-passport"></i> | |
| </div> | |
| <div> | |
| 极速赛车开奖结果查询官网168极速赛车开奖结果查询官网168```html | |
| <h4 class="font-medium text-gray-800">Canadian University Apps</h4> | |
| <p class="text-sm text-gray-600 mt-1">UBC/SFU deadlines typically Jan 15</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- AI Assistant --> | |
| <div class="ai-assistant"> | |
| <div class="ai-header"> | |
| <h3 class="font-bold">Medical Pathway AI Assistant</h3> | |
| <button class="ai-close" onclick="toggleAIAssistant()">×</button> | |
| </div> | |
| <div class="ai-messages" id="ai-messages"> | |
| <div class="ai-message bot"> | |
| Hi there! I'm your Medical Pathway AI Assistant. How can I help you today? Here are some things I can do: | |
| <div class="ai-suggestions mt-2"> | |
| <div class="ai-suggestion" onclick="sendAIMessage('Update my SAT score')">Update SAT score</div> | |
| <div class="ai-suggestion" onclick="sendAIMessage('Add a new achievement')">Add achievement</div> | |
| <div class="ai-suggestion" onclick="sendAIMessage('Refresh my progress tracker')">Refresh tracker</div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="ai-input-container"> | |
| <input type="text" class="ai-input" id="ai-input" placeholder="Type your message..." onkeypress="handleAIInputKeypress(event)"> | |
| <div class="ai-suggestions mt-2"> | |
| <div class="ai-suggestion" onclick="sendAIMessage('I won 1st place in HOSA Nationals')">Add HOSA award</div> | |
| <div class="ai-suggestion" onclick="sendAIMessage('My new GPA is 3.9')">Update GPA</div> | |
| <div class="ai-suggestion" onclick="sendAIMessage('I completed 50 volunteer hours')">Add volunteer hours</div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Floating Action Button --> | |
| <div class="floating-btn bg-blue-600 text-white" onclick="toggleAIAssistant()"> | |
| <i class="fas fa-robot text-2xl"></i> | |
| </div> | |
| <script> | |
| // Toggle checklist items | |
| document.querySelectorAll('.checkbox-container input[type="checkbox"]').forEach(checkbox => { | |
| checkbox.addEventListener('change', function() { | |
| const label = this.nextElementSibling; | |
| if (this.checked) { | |
| label.parentElement.parentElement.style.opacity = '0.6'; | |
| label.parentElement.parentElement.style.textDecoration = 'line-through'; | |
| } else { | |
| label.parentElement.parentElement.style.opacity = '1'; | |
| label.parentElement.parentElement.style.textDecoration = 'none'; | |
| } | |
| // Update progress bar | |
| updateProgress(); | |
| }); | |
| }); | |
| // Update progress bar function | |
| function updateProgress() { | |
| const checkboxes = document.querySelectorAll('.checkbox-container input[type="checkbox"]'); | |
| let checkedCount = 0; | |
| checkboxes.forEach(checkbox => { | |
| if (checkbox.checked) checkedCount++; | |
| }); | |
| const progress = (checkedCount / checkboxes.length) * 100; | |
| document.querySelector('.progress-fill').style.width = `${progress}%`; | |
| document.querySelector('.progress-bar + p').textContent = `${Math.round(progress)}% of recommended activities completed`; | |
| } | |
| // Tab switching function | |
| function switchTab(tabId) { | |
| // Hide all tab contents | |
| document.querySelectorAll('.tab-content').forEach(content => { | |
| content.classList.add('hidden'); | |
| }); | |
| // Remove active class from all buttons | |
| document.querySelectorAll('.tab-button').forEach(button => { | |
| button.classList.remove('active'); | |
| }); | |
| // Show selected tab and mark button as active | |
| document.getElementById(tabId).classList.remove('hidden'); | |
| event.currentTarget.classList.add('active'); | |
| } | |
| // AI Assistant Functions | |
| function toggleAIAssistant() { | |
| document.querySelector('.ai-assistant').classList.toggle('active'); | |
| } | |
| function handleAIInputKeypress(event) { | |
| if (event.key === 'Enter') { | |
| sendAIMessage(document.getElementById('ai-input').value); | |
| document.getElementById('ai-input').value = ''; | |
| } | |
| } | |
| function sendAIMessage(message) { | |
| const messagesContainer = document.getElementById('ai-messages'); | |
| // Add user message | |
| messagesContainer.innerHTML += ` | |
| <div class="ai-message user"> | |
| ${message} | |
| </div> | |
| `; | |
| // Add typing indicator | |
| messagesContainer.innerHTML += ` | |
| <div class="ai-typing"> | |
| <span></span> | |
| <span></span> | |
| <span></span> | |
| </div> | |
| `; | |
| // Scroll to bottom | |
| messagesContainer.scrollTop = messagesContainer.scrollHeight; | |
| // Process message after a delay | |
| setTimeout(() => { | |
| // Remove typing indicator | |
| document.querySelector('.ai-typing')?.remove(); | |
| // Process the message | |
| processAIMessage(message); | |
| // Scroll to bottom again after adding response | |
| messagesContainer.scrollTop = messagesContainer.scrollHeight; | |
| }, 1000); | |
| } | |
| function processAIMessage(message) { | |
| const messagesContainer = document.getElementById('ai-messages'); | |
| let response = ''; | |
| if (message.toLowerCase().includes('sat') || message.toLowerCase().includes('score')) { | |
| // Extract SAT score from message | |
| const satMatch = message.match(/\d+/); | |
| if (satMatch) { | |
| const newScore = satMatch[0]; | |
| updateSATScore(newScore); | |
| response = `I've updated your SAT score to ${newScore}. Your profile and university admission probabilities have been recalculated.`; | |
| } else { | |
| response = `To update your SAT score, please tell me your new score (e.g., "My new SAT score is 1450").`; | |
| } | |
| } | |
| else if (message.toLowerCase().includes('achievement') || message.toLowerCase().includes('award') || message.toLowerCase().includes('hosa')) { | |
| // Check for HOSA achievement | |
| if (message.toLowerCase().includes('hosa')) { | |
| const achievementMatch = message.match(/won (.+?) in hosa/i) || message.match(/hosa (.+?)/i); | |
| if (achievementMatch) { | |
| const newAchievement = achievementMatch[1]; | |
| updateHOSAAchievement(newAchievement); | |
| response = `Congratulations! I've updated your HOSA achievement to "${newAchievement}". This will strengthen your medical school applications.`; | |
| } else { | |
| response = `To add a HOSA achievement, please specify what you won (e.g., "I won 1st place in HOSA Nationals").`; | |
| } | |
| } else { | |
| response = `What achievement would you like to add? For example: "I won 1st place in HOSA Nationals" or "I completed 100 volunteer hours".`; | |
| } | |
| } | |
| else if (message.toLowerCase().includes('refresh') || message.toLowerCase().includes('update') || message.toLowerCase().includes('tracker')) { | |
| updateProgress(); | |
| response = `I've refreshed your progress tracker. Your completion percentage has been updated based on checked items.`; | |
| } | |
| else if (message.toLowerCase().includes('gpa')) { | |
| const gpaMatch = message.match(/\d\.\d+/); | |
| if (gpaMatch) { | |
| const newGPA = gpaMatch[0]; | |
| response = `I've noted your new GPA of ${newGPA}. Remember to update your GPA in your university applications as well.`; | |
| } else { | |
| response = `To update your GPA, please tell me your new GPA (e.g., "My new GPA is 3.9").`; | |
| } | |
| } | |
| else if (message.toLowerCase().includes('volunteer') || message.toLowerCase().includes('hours')) { | |
| const hoursMatch = message.match(/\d+/); | |
| if (hoursMatch) { | |
| const hours = hoursMatch[0]; | |
| response = `Great job completing ${hours} volunteer hours! Clinical experience is very valuable for medical school applications.`; | |
| } else { | |
| response = `How many volunteer hours would you like to add? For example: "I completed 50 volunteer hours at the hospital".`; | |
| } | |
| } | |
| else { | |
| 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!`; | |
| } | |
| // Add bot response | |
| messagesContainer.innerHTML += ` | |
| <div class="ai-message bot"> | |
| ${response} | |
| <div class="ai-suggestions mt-2"> | |
| <div class="ai-suggestion" onclick="sendAIMessage('Update my SAT score')">Update SAT</div> | |
| <div class="ai-suggestion" onclick="sendAIMessage('Add a new achievement')">Add achievement</div> | |
| <div class="ai-suggestion" onclick="sendAIMessage('Refresh my progress tracker')">Refresh tracker</div> | |
| </div> | |
| </div> | |
| `; | |
| } | |
| function updateSATScore(newScore) { | |
| // Update all SAT score references on the page | |
| document.querySelectorAll('[id^="sat-score"]').forEach(element | |
| </html> |