pure_sagacity/Portfolio-Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update LeadershipSection.tsx

Browse Source
This commit is contained in:
Maaz Khokhar
2025-06-25 17:49:26 -04:00
parent 1d11df209c
commit 62c3ff0ec3
1 changed files with 39 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/components/LeadershipSection.tsx
View File

@@ -32,37 +32,55 @@ const LeadershipSection: React.FC<LeadershipSectionProps> = ({ isOutOfCollege =
</h3> </h3>
<div className="space-y-4"> <div className="space-y-4">
<div> <div>
<h4 className="font-semibold transition-colors duration-300 text-slate-700 dark:text-slate-200"> <h4 className={`font-semibold transition-colors duration-300 ${
theme === 'dark' ? 'text-slate-200' : 'text-slate-800'
}`}>
NJHS Inductee NJHS Inductee
</h4> </h4>
<p className="transition-colors duration-300 text-slate-600 dark:text-slate-300"> <p className={`transition-colors duration-300 ${
theme === 'dark' ? 'text-slate-300' : 'text-slate-600'
}`}>
National Junior Honor Society Inductee • 2024 National Junior Honor Society Inductee • 2024
</p> </p>
<p className="text-sm transition-colors duration-300 text-slate-600 dark:text-slate-400"> <p className={`text-sm transition-colors duration-300 ${
theme === 'dark' ? 'text-slate-400' : 'text-slate-600'
}`}>
Recognized for academic excellence, leadership, and Recognized for academic excellence, leadership, and
community service in middle school community service in middle school
</p> </p>
</div> </div>
<div> <div>
<h4 className="font-semibold transition-colors duration-300 text-slate-700 dark:text-slate-200"> <h4 className={`font-semibold transition-colors duration-300 ${
theme === 'dark' ? 'text-slate-200' : 'text-slate-800'
}`}>
"Fabulous Falcon" Award "Fabulous Falcon" Award
</h4> </h4>
<p className="transition-colors duration-300 text-slate-600 dark:text-slate-300"> <p className={`transition-colors duration-300 ${
theme === 'dark' ? 'text-slate-300' : 'text-slate-600'
}`}>
Forestwood Middle School • 2024 Forestwood Middle School • 2024
</p> </p>
<p className="text-sm transition-colors duration-300 text-slate-600 dark:text-slate-400"> <p className={`text-sm transition-colors duration-300 ${
theme === 'dark' ? 'text-slate-400' : 'text-slate-600'
}`}>
Awarded for outstanding contributions to school community Awarded for outstanding contributions to school community
and leadership in student activities and leadership in student activities
</p> </p>
</div> </div>
<div> <div>
<h4 className="font-semibold transition-colors duration-300 text-slate-700 dark:text-slate-200"> <h4 className={`font-semibold transition-colors duration-300 ${
theme === 'dark' ? 'text-slate-200' : 'text-slate-800'
}`}>
Peer Learning Mentor Peer Learning Mentor
</h4> </h4>
<p className="transition-colors duration-300 text-slate-600 dark:text-slate-300"> <p className={`transition-colors duration-300 ${
theme === 'dark' ? 'text-slate-300' : 'text-slate-600'
}`}>
Forestwood Middle School • 2023-2024 Forestwood Middle School • 2023-2024
</p> </p>
<p className="text-sm transition-colors duration-300 text-slate-600 dark:text-slate-400"> <p className={`text-sm transition-colors duration-300 ${
theme === 'dark' ? 'text-slate-400' : 'text-slate-600'
}`}>
Mentored 50+ students in computer science fundamentals, Mentored 50+ students in computer science fundamentals,
fostering a collaborative learning environment fostering a collaborative learning environment
</p> </p>
@@ -71,18 +89,26 @@ const LeadershipSection: React.FC<LeadershipSectionProps> = ({ isOutOfCollege =
</div> </div>
{isOutOfCollege && ( {isOutOfCollege && (
<div> <div>
<h3 className="mb-6 text-xl font-semibold transition-colors duration-300 text-slate-800 dark:text-white"> <h3 className={`mb-6 text-xl font-semibold transition-colors duration-300 ${
theme === 'dark' ? 'text-white' : 'text-slate-800'
}`}>
Community Service Community Service
</h3> </h3>
<div className="space-y-4"> <div className="space-y-4">
<div> <div>
<h4 className="font-semibold transition-colors duration-300 text-slate-700 dark:text-slate-200"> <h4 className={`font-semibold transition-colors duration-300 ${
theme === 'dark' ? 'text-slate-200' : 'text-slate-800'
}`}>
Code for Good Volunteer Code for Good Volunteer
</h4> </h4>
<p className="transition-colors duration-300 text-slate-600 dark:text-slate-300"> <p className={`transition-colors duration-300 ${
theme === 'dark' ? 'text-slate-300' : 'text-slate-600'
}`}>
2020-Present • 500+ hours 2020-Present • 500+ hours
</p> </p>
<p className="text-sm transition-colors duration-300 text-slate-600 dark:text-slate-400"> <p className={`text-sm transition-colors duration-300 ${
theme === 'dark' ? 'text-slate-400' : 'text-slate-600'
}`}>
Built digital solutions for 10+ nonprofits, impacting Built digital solutions for 10+ nonprofits, impacting
10,000+ lives 10,000+ lives
</p> </p>