Skip to content

Commit 981ac71

Browse files
codeaashucodeaashu
committed
feat: enhance GSoC page with new proposal cards and improved styling
1 parent 864b007 commit 981ac71

File tree

2 files changed

+542
-176
lines changed

2 files changed

+542
-176
lines changed

‎src/Page/OpportunitiesHub/OpenSource.jsx‎

Lines changed: 114 additions & 108 deletions
Original file line numberDiff line numberDiff line change
@@ -745,19 +745,25 @@ const OSProgramCardComponent = ({
745745
<div className="details flex flex-col items-center gap-4">
746746
<h2 className="text-lg font-bold text-white">{title}</h2>
747747
<p className="text-center text-sm text-gray-300">{description}</p>
748-
<div className="info mt-2 flex flex-col items-center gap-1 rounded-lg border border-[#00a6fb] bg-gray-900 bg-opacity-50 px-14 py-3 text-sm text-white shadow-lg backdrop-blur-md transition-all hover:bg-gray-800">
749-
{isExternalGuidelines ? (
750-
<a href={guidelines} target="_blank" rel="noopener noreferrer" className="flex items-center gap-2">
751-
<FontAwesomeIcon icon={faBookOpen} className="text-[#00a6fb]" />
752-
<span className="font-medium">Guidelines</span>
753-
</a>
754-
) : (
755-
<Link to={guidelines} className="flex items-center gap-2">
756-
<FontAwesomeIcon icon={faBookOpen} className="text-[#00a6fb]" />
757-
<span className="font-medium">Guidelines</span>
758-
</Link>
759-
)}
760-
</div>
748+
{isExternalGuidelines ? (
749+
<a
750+
href={guidelines}
751+
target="_blank"
752+
rel="noopener noreferrer"
753+
className="mt-2 flex items-center justify-center gap-2 rounded-lg border border-[#00a6fb] bg-gray-900 bg-opacity-50 px-8 py-3 text-sm text-white shadow-lg backdrop-blur-md transition-all hover:bg-gray-800"
754+
>
755+
<FontAwesomeIcon icon={faBookOpen} className="text-[#00a6fb]" />
756+
<span className="font-medium">Guidelines</span>
757+
</a>
758+
) : (
759+
<Link
760+
to={guidelines}
761+
className="mt-2 flex items-center justify-center gap-2 rounded-lg border border-[#00a6fb] bg-gray-900 bg-opacity-50 px-8 py-3 text-sm text-white shadow-lg backdrop-blur-md transition-all hover:bg-gray-800"
762+
>
763+
<FontAwesomeIcon icon={faBookOpen} className="text-[#00a6fb]" />
764+
<span className="font-medium">Guidelines</span>
765+
</Link>
766+
)}
761767
</div>
762768
</div>
763769
</StyledOSProgramCard>
@@ -770,106 +776,106 @@ const OSProgramList = [
770776
title: 'Google Summer of Code 2026',
771777
description:
772778
'Google Summer of Code is a global program that offers students stipends to write code for various open-source projects during the summer. It provides an opportunity to work with mentors from open-source organizations and gain real-world software development experience.',
773-
timeline: 'March 2025',
774-
Duration: 'May - August 2025',
775-
type: 'Student-friendly, Open Source',
779+
timeline: 'Jan 19 - Mar 31',
780+
Duration: 'May - August 2026',
781+
type: 'Student-friendly, Open Source, Stipend, Mentored',
776782
guidelines: '/OpenSource/gsoc',
777783
applyLink: 'https://summerofcode.withgoogle.com/',
778784
poster: '/assets/opensourceProgram/GSOC.png',
779785
shareLink: '#gsoc2026',
780786
},
781-
{
782-
organizer: 'Open Source Connect India',
783-
title: 'Open Source Connect India',
784-
description:
785-
'Open Source Connect India is more than just an event. It’s a national movement fueled by the spirit of Independence, innovation, and collective growth. As we celebrate the legacy of our freedom fighters who dreamed of a self-reliant India, we take their vision forward into the digital age by empowering our youth, builders, and changemakers to shape the world through open-source collaboration.',
786-
timeline: 'August 15',
787-
Duration: '15th - 30th August 2025',
788-
type: 'Beginner-friendly, Open Source',
789-
guidelines: 'https://www.osconnect.org/',
790-
applyLink: 'https://www.osconnect.org/',
791-
poster: '/assets/opensourceProgram/OSCI.png',
792-
shareLink: '#osci2025',
793-
},
794-
{
795-
organizer: 'GirlScript Foundation',
796-
title: 'GirlScript Summer of Code 2025',
797-
description:
798-
'An open-source program where you can contribute to various projects and get mentorship, swags, and certifications. It’s beginner-friendly and inclusive.',
799-
timeline: 'July 2025',
800-
Duration: 'July - August 2025',
801-
type: 'Beginner-friendly, Open Source',
802-
guidelines: 'https://gssoc.girlscript.tech/',
803-
applyLink: 'https://gssoc.girlscript.tech/',
804-
poster: '/assets/opensourceProgram/GSSOC.jpg',
805-
shareLink: '#gssoc2025',
806-
},
807-
{
808-
organizer: 'DigitalOcean',
809-
title: 'Hacktoberfest 2025',
810-
description:
811-
'Annual event in October that encourages contributions to open source via GitHub. Complete PRs and earn swag or plant a tree!',
812-
timeline: 'October 1 - October 31',
813-
Duration: '1 Month',
814-
type: 'Global, Open Source',
815-
guidelines: 'https://hacktoberfest.com/',
816-
applyLink: 'https://hacktoberfest.com/',
817-
poster: '/assets/opensourceProgram/Hacktoberfest.jpg',
818-
shareLink: '#hacktoberfest2025',
819-
},
820-
{
821-
organizer: 'Social and Reskilll',
822-
title: 'Social Summer of Code (SSoC)',
823-
description:
824-
'Social Summer of Code (SSoC) is an open-source program organized by Social and Reskilll, designed to connect students with open-source organizations and projects. It aims to promote open-source participation and provide mentorship to students.',
825-
timeline: 'JUN 10',
826-
Duration: '10 June - 23 Aug',
827-
type: 'Beginner-friendly, Open Source',
828-
guidelines: 'https://reskilll.com/hack/ssoc4',
829-
applyLink: 'https://reskilll.com/hack/ssoc4',
830-
poster: '/assets/opensourceProgram/SSOC4.png',
831-
shareLink: '#ssoc4',
832-
},
833-
{
834-
organizer: 'MLH',
835-
title: 'MLH Fellowship Spring 2025',
836-
description:
837-
'Collaborate with peers in a remote team to contribute to real open-source software projects under mentorship. Get paid while gaining practical development experience.',
838-
timeline: 'May 31',
839-
Duration: 'Starts May 19th',
840-
type: 'Student-friendly, Open Source',
841-
guidelines:
842-
'https://docs.google.com/document/d/e/2PACX-1vQ4m8tMZKfc9ZvwGXOGJOUkfGHHVpQsaLfwA2Ky1gpjK_8B9jltbs5H8jCfOS_1M-eBGmymiZL_n0TT/pub',
843-
applyLink: 'https://fellowship.mlh.io/',
844-
poster: '/assets/opensourceProgram/MLH.jpg',
845-
shareLink: '#mlh-fellowship',
846-
},
847-
{
848-
organizer: 'Outreachy',
849-
title: 'Outreachy May 2025 Cohort',
850-
description:
851-
'Paid internships in open-source and open science for underrepresented groups. Work remotely with mentors on impactful projects.',
852-
timeline: 'January 2025',
853-
Duration: 'May - August 2025',
854-
type: 'Inclusive, Open Source, Paid',
855-
guidelines: 'https://www.outreachy.org/',
856-
applyLink: 'https://www.outreachy.org/apply/',
857-
poster: '/assets/opensourceProgram/Outreachy.jpg',
858-
shareLink: '#outreachy',
859-
},
860-
{
861-
organizer: 'Kharagpur Open Source Society',
862-
title: 'KOSS Winter of Code 2024-25',
863-
description:
864-
'Winter-long open-source program for students to learn and contribute to FOSS projects with mentorship and rewards.',
865-
timeline: 'November 2024',
866-
Duration: 'December - February',
867-
type: 'Student-friendly, Open Source',
868-
guidelines: 'https://kossiitkgp.org/woc',
869-
applyLink: 'https://kossiitkgp.org/woc',
870-
poster: '/assets/opensourceProgram/KOSS.jpg',
871-
shareLink: '#woc2024',
872-
},
787+
// {
788+
// organizer: 'Open Source Connect India',
789+
// title: 'Open Source Connect India',
790+
// description:
791+
// 'Open Source Connect India is more than just an event. It’s a national movement fueled by the spirit of Independence, innovation, and collective growth. As we celebrate the legacy of our freedom fighters who dreamed of a self-reliant India, we take their vision forward into the digital age by empowering our youth, builders, and changemakers to shape the world through open-source collaboration.',
792+
// timeline: 'August 15',
793+
// Duration: '15th - 30th August 2026',
794+
// type: 'Beginner-friendly, Open Source',
795+
// guidelines: 'https://www.osconnect.org/',
796+
// applyLink: 'https://www.osconnect.org/',
797+
// poster: '/assets/opensourceProgram/OSCI.png',
798+
// shareLink: '#osci2025',
799+
// },
800+
// {
801+
// organizer: 'GirlScript Foundation',
802+
// title: 'GirlScript Summer of Code 2026',
803+
// description:
804+
// 'An open-source program where you can contribute to various projects and get mentorship, swags, and certifications. It’s beginner-friendly and inclusive.',
805+
// timeline: 'July 2025',
806+
// Duration: 'July - August 2025',
807+
// type: 'Beginner-friendly, Open Source',
808+
// guidelines: 'https://gssoc.girlscript.tech/',
809+
// applyLink: 'https://gssoc.girlscript.tech/',
810+
// poster: '/assets/opensourceProgram/GSSOC.jpg',
811+
// shareLink: '#gssoc2025',
812+
// },
813+
// {
814+
// organizer: 'DigitalOcean',
815+
// title: 'Hacktoberfest 2025',
816+
// description:
817+
// 'Annual event in October that encourages contributions to open source via GitHub. Complete PRs and earn swag or plant a tree!',
818+
// timeline: 'October 1 - October 31',
819+
// Duration: '1 Month',
820+
// type: 'Global, Open Source',
821+
// guidelines: 'https://hacktoberfest.com/',
822+
// applyLink: 'https://hacktoberfest.com/',
823+
// poster: '/assets/opensourceProgram/Hacktoberfest.jpg',
824+
// shareLink: '#hacktoberfest2025',
825+
// },
826+
// {
827+
// organizer: 'Social and Reskilll',
828+
// title: 'Social Summer of Code (SSoC)',
829+
// description:
830+
// 'Social Summer of Code (SSoC) is an open-source program organized by Social and Reskilll, designed to connect students with open-source organizations and projects. It aims to promote open-source participation and provide mentorship to students.',
831+
// timeline: 'JUN 10',
832+
// Duration: '10 June - 23 Aug',
833+
// type: 'Beginner-friendly, Open Source',
834+
// guidelines: 'https://reskilll.com/hack/ssoc4',
835+
// applyLink: 'https://reskilll.com/hack/ssoc4',
836+
// poster: '/assets/opensourceProgram/SSOC4.png',
837+
// shareLink: '#ssoc4',
838+
// },
839+
// {
840+
// organizer: 'MLH',
841+
// title: 'MLH Fellowship Spring 2025',
842+
// description:
843+
// 'Collaborate with peers in a remote team to contribute to real open-source software projects under mentorship. Get paid while gaining practical development experience.',
844+
// timeline: 'May 31',
845+
// Duration: 'Starts May 19th',
846+
// type: 'Student-friendly, Open Source',
847+
// guidelines:
848+
// 'https://docs.google.com/document/d/e/2PACX-1vQ4m8tMZKfc9ZvwGXOGJOUkfGHHVpQsaLfwA2Ky1gpjK_8B9jltbs5H8jCfOS_1M-eBGmymiZL_n0TT/pub',
849+
// applyLink: 'https://fellowship.mlh.io/',
850+
// poster: '/assets/opensourceProgram/MLH.jpg',
851+
// shareLink: '#mlh-fellowship',
852+
// },
853+
// {
854+
// organizer: 'Outreachy',
855+
// title: 'Outreachy May 2025 Cohort',
856+
// description:
857+
// 'Paid internships in open-source and open science for underrepresented groups. Work remotely with mentors on impactful projects.',
858+
// timeline: 'January 2025',
859+
// Duration: 'May - August 2025',
860+
// type: 'Inclusive, Open Source, Paid',
861+
// guidelines: 'https://www.outreachy.org/',
862+
// applyLink: 'https://www.outreachy.org/apply/',
863+
// poster: '/assets/opensourceProgram/Outreachy.jpg',
864+
// shareLink: '#outreachy',
865+
// },
866+
// {
867+
// organizer: 'Kharagpur Open Source Society',
868+
// title: 'KOSS Winter of Code 2024-25',
869+
// description:
870+
// 'Winter-long open-source program for students to learn and contribute to FOSS projects with mentorship and rewards.',
871+
// timeline: 'November 2024',
872+
// Duration: 'December - February',
873+
// type: 'Student-friendly, Open Source',
874+
// guidelines: 'https://kossiitkgp.org/woc',
875+
// applyLink: 'https://kossiitkgp.org/woc',
876+
// poster: '/assets/opensourceProgram/KOSS.jpg',
877+
// shareLink: '#woc2024',
878+
// },
873879
];
874880

875881
const OpenSourceProgram = () => {

0 commit comments

Comments
 (0)