From 6c18e0993777890492cece1f9049d5e93603ef3e Mon Sep 17 00:00:00 2001 From: Aarya Chaudhari Date: Wed, 18 Feb 2026 19:33:59 +0530 Subject: [PATCH 1/7] Removing duplicate programs --- index.html | 45 +-------------------------------------------- 1 file changed, 1 insertion(+), 44 deletions(-) diff --git a/index.html b/index.html index 15700736..5c1d9774 100644 --- a/index.html +++ b/index.html @@ -309,50 +309,7 @@

Hyperledger Mentorship

Paid Mentorship -
-
-
-

Social Winter of Code

-

India's premier winter program with strong mentorship culture.

- Jan 2026 -
- -
-
-

GirlScript Summer of Code

-

Large-scale program with mentors, tasks, and community learning.

- Summer 2026 -
- -
-
-

Google Summer of Code

-

Global standard for student contributors and open source orgs.

- Advanced -
- -
-
-

Outreachy

-

Paid internships supporting underrepresented people in tech.

- Internship -
- -
-
-

MLH Fellowship

-

Work in pods on real projects with guided mentorship.

- Spring -
- -
-
-

Linux Foundation Mentorship

-

Paid mentorships across major Linux Foundation projects.

- Professional -
-
- +
-
+ + + + +
+ From b446e4c20d7ee9dfebe333c150a98bc60f9572d5 Mon Sep 17 00:00:00 2001 From: Aarya Chaudhari Date: Wed, 18 Feb 2026 19:58:59 +0530 Subject: [PATCH 3/7] Adding tips --- frontend/pages/Event/gsoc.html | 107 +++++++++++++++++++++++++++++++++ 1 file changed, 107 insertions(+) diff --git a/frontend/pages/Event/gsoc.html b/frontend/pages/Event/gsoc.html index 9341fe90..e5905a29 100644 --- a/frontend/pages/Event/gsoc.html +++ b/frontend/pages/Event/gsoc.html @@ -586,6 +586,69 @@ font-weight: 500; } + /* ---------- GSoC Tips Section ---------- */ +.gsoc-tips-section { + padding: 80px 8%; + background-color: var(--light-gray); + text-align: center; +} + +.gsoc-tips-section h2 { + font-size: clamp(2rem, 4vw, 2.8rem); + color: var(--primary-blue); + margin-bottom: 20px; + font-weight: 700; +} + +.gsoc-tips-section p { + max-width: 700px; + margin: 0 auto 50px; + font-size: 1.1rem; + color: var(--text-dark); +} + +.gsoc-tips-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); + gap: 28px; + max-width: 1200px; + margin: 0 auto; +} + +.gsoc-tip-card { + background: var(--white); + padding: 30px; + border-radius: 16px; + box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08); + transition: transform 0.4s ease, box-shadow 0.4s ease; + text-align: left; +} + +.gsoc-tip-card i { + font-size: 28px; + color: var(--secondary-blue); + margin-bottom: 15px; +} + +.gsoc-tip-card h3 { + font-size: 1.3rem; + color: var(--primary-blue); + margin-bottom: 10px; + font-weight: 600; +} + +.gsoc-tip-card p { + font-size: 0.95rem; + margin: 0; + line-height: 1.6; +} + +.gsoc-tip-card:hover { + transform: translateY(-10px); + box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15); +} + + /* ---------- CTA Section ---------- */ .cta-section { padding: 80px 8%; @@ -1081,6 +1144,50 @@

Large Projects

+ +
+

Tips to Get Selected for GSoC

+

Practical strategies that significantly increase your chances of getting accepted into Google Summer of Code.

+ +
+
+ +

Start Contributing Early

+

Begin contributing to open source projects before the application period to build credibility and familiarity with the codebase.

+
+ +
+ +

Pick Beginner-Friendly Issues

+

Look for “good first issue” or “beginner-friendly” tags to understand the project structure and workflow.

+
+ +
+ +

Communicate with Mentors

+

Actively interact in community channels like Discord, Slack, or mailing lists to show genuine interest.

+
+ +
+ +

Write a Strong Proposal

+

Create a detailed proposal with technical approach, timeline, and expected deliverables to stand out.

+
+ +
+ +

Be Consistent

+

Regular contributions and consistent activity show commitment and reliability to mentors.

+
+ +
+ +

Understand the Codebase

+

Study documentation, past PRs, and project architecture before proposing your idea.

+
+
+
+

Ready to Start Your GSoC Journey?

From 143a08006b30683d924764044c13cf6a0420ca09 Mon Sep 17 00:00:00 2001 From: Aarya Chaudhari Date: Wed, 18 Feb 2026 20:08:21 +0530 Subject: [PATCH 4/7] Fixing dark mode --- frontend/css/guides.css | 63 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 63 insertions(+) diff --git a/frontend/css/guides.css b/frontend/css/guides.css index 9772a0e6..52516493 100644 --- a/frontend/css/guides.css +++ b/frontend/css/guides.css @@ -788,3 +788,66 @@ html { grid-template-columns: 1fr; } } + +/* ========================================================= + DARK MODE FIX — GUIDES PAGE READABILITY (Issue #860) + ========================================================= */ + +/* Page background & base text */ +body.dark-mode { + background-color: #0f172a; + color: #e5e7eb; +} + +/* Section headings */ +body.dark-mode h2, +body.dark-mode h3, +body.dark-mode h4 { + color: #f9fafb !important; +} + +/* Paragraph text readability */ +body.dark-mode p, +body.dark-mode li { + color: #cbd5e1 !important; +} + +/* Guide cards (major issue: parchment background in dark mode) */ +body.dark-mode .guide-list li, +body.dark-mode .pr-steps li, +body.dark-mode .practice-item, +body.dark-mode .mistakes-list li { + background: #1e293b !important; /* replaces light parchment */ + color: #e5e7eb !important; + border: 1px solid rgba(255,255,255,0.06); +} + +/* Fix titles inside cards */ +body.dark-mode .guide-list h4, +body.dark-mode .pr-steps h4, +body.dark-mode .timeline-list h4, +body.dark-mode .practice-item h4 { + color: #ffffff !important; +} + +/* Fix description text inside components */ +body.dark-mode .guide-list p, +body.dark-mode .pr-steps p, +body.dark-mode .timeline-list p, +body.dark-mode .practice-item p, +body.dark-mode .mistakes-list p { + color: #cbd5e1 !important; +} + +/* Timeline line visibility */ +body.dark-mode .timeline-list::before { + background: linear-gradient(to bottom, #facc15, #eab308); +} + +/* Icons contrast */ +body.dark-mode .icon, +body.dark-mode .step, +body.dark-mode .mistake-icon { + background: #facc15 !important; + color: #0f172a !important; +} From 461c4dde779e9f8b3bbc616d262fd349672233c4 Mon Sep 17 00:00:00 2001 From: Aarya Chaudhari Date: Thu, 19 Feb 2026 09:27:29 +0530 Subject: [PATCH 5/7] Adding dark toggle --- frontend/pages/Event/gsoc.html | 96 ++++++++++++++++++++++++++++++---- 1 file changed, 87 insertions(+), 9 deletions(-) diff --git a/frontend/pages/Event/gsoc.html b/frontend/pages/Event/gsoc.html index e5905a29..e4e937ed 100644 --- a/frontend/pages/Event/gsoc.html +++ b/frontend/pages/Event/gsoc.html @@ -911,21 +911,79 @@ outline: 3px solid var(--secondary-blue); outline-offset: 2px; } + + /* ---------- Dark Mode ---------- */ +body.dark-mode { + --white: #0f172a; + --light-gray: #020617; + --text-dark: #e5e7eb; + --primary-blue: #93c5fd; + --secondary-blue: #60a5fa; + --accent-orange: #fb923c; + --accent-purple: #c084fc; + background-color: #020617; + color: #e5e7eb; +} + +body.dark-mode header { + background-color: #020617; + border-bottom: 1px solid #1f2937; +} + +body.dark-mode nav a { + color: #e5e7eb; +} + +body.dark-mode .feature-card, +body.dark-mode .timeline-card, +body.dark-mode .step-content, +body.dark-mode .gsoc-tip-card { + background-color: #020617; + color: #e5e7eb; + border: 1px solid #1f2937; +} + +body.dark-mode .features-section, +body.dark-mode .timeline-section, +body.dark-mode .gsoc-tips-section { + background-color: #020617; +} + +body.dark-mode .btn-primary { + background-color: #1e293b; + color: #e5e7eb; +} + +body.dark-mode footer { + background-color: #020617; +} +
-

OpenSource Compass

- -
+

OpenSource Compass

+ + +
@@ -1255,6 +1313,26 @@

Ready to Start Your GSoC Journey?

hero.style.transform = `translateY(${scrolled * 0.3}px)`; } }); + + const toggleBtn = document.getElementById("darkModeToggle"); + +// Load saved theme +if (localStorage.getItem("theme") === "dark") { + document.body.classList.add("dark-mode"); + toggleBtn.textContent = "☀️"; +} + +toggleBtn.addEventListener("click", () => { + document.body.classList.toggle("dark-mode"); + + if (document.body.classList.contains("dark-mode")) { + localStorage.setItem("theme", "dark"); + toggleBtn.textContent = "☀️"; + } else { + localStorage.setItem("theme", "light"); + toggleBtn.textContent = "🌙"; + } +}); From 8e20a4c58afc826c7e4cd415dc0e4165757fb975 Mon Sep 17 00:00:00 2001 From: Aarya Chaudhari Date: Thu, 19 Feb 2026 09:37:59 +0530 Subject: [PATCH 6/7] Stucturing faqs --- frontend/css/style.css | 86 +++++++++++++++++ frontend/pages/faq.html | 204 ++++++++++++++++++++++++++-------------- 2 files changed, 219 insertions(+), 71 deletions(-) diff --git a/frontend/css/style.css b/frontend/css/style.css index 6f0501c9..dc672c0f 100644 --- a/frontend/css/style.css +++ b/frontend/css/style.css @@ -1135,3 +1135,89 @@ body.dark-mode .chat-widget-btn { color: #0b1220; } +/* FAQ Accordion Styles */ +/* ===== FAQ Accordion - Improved Structure ===== */ +.faq-accordion { + max-width: 950px; + margin: 50px auto 0; + display: flex; + flex-direction: column; + gap: 16px; /* SPACE BETWEEN QUESTIONS */ +} + +.faq-item { + background: #ffffff; + border-radius: 14px; /* ROUNDED CORNERS */ + box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06); + overflow: hidden; + transition: all 0.3s ease; + border: 1px solid #e5e7eb; +} + +/* Hover Card Effect */ +.faq-item:hover { + transform: translateY(-3px); + box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12); + border-color: #d1d5db; +} + +.faq-question { + width: 100%; + background: #ffffff; + border: none; + padding: 20px 24px; + font-size: 19px; + font-weight: 600; + text-align: left; + cursor: pointer; + display: flex; + justify-content: space-between; + align-items: center; + color: #1f2937; + transition: all 0.25s ease; + border-radius: 14px; +} + +/* Hover effect on question */ +.faq-question:hover { + background: #f8fafc; +} + +/* Chevron icon animation */ +.faq-question i { + font-size: 16px; + transition: transform 0.3s ease; + color: #6b7280; +} + +.faq-item.active .faq-question i { + transform: rotate(180deg); +} + +/* Answer section */ +.faq-answer { + max-height: 0; + overflow: hidden; + background: #ffffff; + transition: max-height 0.35s ease, padding 0.3s ease; + padding: 0 24px; + border-top: 1px solid transparent; +} + +/* When open */ +.faq-item.active { + border-color: #e2e8f0; +} + +.faq-item.active .faq-answer { + max-height: 300px; + padding: 10px 24px 22px 24px; + border-top: 1px solid #f1f5f9; +} + +.faq-answer p { + margin: 0; + color: #4b5563; + font-size: 16px; + line-height: 1.7; +} diff --git a/frontend/pages/faq.html b/frontend/pages/faq.html index b06b3cc9..0120224f 100644 --- a/frontend/pages/faq.html +++ b/frontend/pages/faq.html @@ -27,79 +27,118 @@

Frequently Asked Questions

Common questions about OpenSource Compass and open source contributions.

-
-
-

What is OpenSource Compass?

-

OpenSource Compass is a platform that helps beginners navigate open source by providing structured guides, resources, and program information.

-
- -
-

Do I need programming experience?

-

No. You can contribute to open source through documentation, design, testing, community support, and many other non-coding roles.

-
- -
-

How do I get started with open source?

-

Start by reading contribution guides, choosing a beginner-friendly project, and working on small issues such as documentation or bug fixes.

-
- -
-

How do I choose a project to contribute to?

-

Pick projects that match your interests and skill level. Look for repositories with labels like “good first issue” or “help wanted”.

-
- -
-

What are the benefits of contributing to open source?

-

Contributing helps you build a portfolio, improve technical skills, collaborate globally, and gain real-world development experience.

-
- -
-

Where can I ask for help?

-

Most projects have active communities on GitHub, Discord, or Slack. Asking questions is encouraged and is part of open-source culture.

-
-
-

How do I find beginner-friendly issues?

-

- Look for repositories with labels like good first issue, - beginner, or help wanted. These issues are - specifically curated for new contributors. -

+
+
+ +
+

OpenSource Compass is a platform that helps beginners navigate open source by providing structured guides, resources, and program information.

+
+
+ +
+ +
+

No. You can contribute to open source through documentation, design, testing, community support, and many other non-coding roles.

+
+
+ +
+ +
+

Start by reading contribution guides, choosing a beginner-friendly project, and working on small issues such as documentation or bug fixes.

+
+
+ +
+ +
+

Pick projects that match your interests and skill level. Look for repositories with labels like “good first issue” or “help wanted”.

+
+
+ +
+ +
+

Contributing helps you build a portfolio, improve technical skills, collaborate globally, and gain real-world development experience.

+
+
+ +
+ +
+

Most projects have active communities on GitHub, Discord, or Slack. Asking questions is encouraged and is part of open-source culture.

+
+
+ +
+ +
+

Look for repositories with labels like good first issue, beginner, or help wanted.

+
+
+ +
+ +
+

A good first issue is a small, well-defined task that helps beginners understand the project without deep knowledge of the entire codebase.

+
+
+ +
+ +
+

Basic Git knowledge is helpful, but not mandatory. Many projects provide step-by-step contribution guides.

+
+
+ +
+ +
+

Be polite, clear, and patient. Use GitHub issues or discussions to ask questions and seek feedback before starting work.

+
+
+ +
+ +
+

Don’t be discouraged. Read the feedback carefully, make the suggested changes, or ask for clarification.

+
+
-
-

What is a “good first issue”?

-

- A good first issue is a small, well-defined task that helps beginners - understand the project without deep knowledge of the entire codebase. -

-
- -
-

Do I need to know Git before contributing?

-

- Basic Git knowledge is helpful, but not mandatory. Many projects provide - step-by-step contribution guides, and you can learn Git basics as you go. -

-
- -
-

How should I communicate with maintainers?

-

- Be polite, clear, and patient. Use GitHub issues or discussions to ask - questions, describe your approach, and seek feedback before starting work. -

-
- -
-

What should I do if my pull request is rejected?

-

- Don’t be discouraged. Read the feedback carefully, make the suggested - changes, or ask for clarification. Rejections are a normal part of learning - open source. -

-
- -
@@ -117,5 +156,28 @@

What should I do if my pull request is rejected?

+ + + From 5637ff66d2a8d88c47bd51a6ec5996e546ce7ef2 Mon Sep 17 00:00:00 2001 From: Aarya Chaudhari Date: Thu, 19 Feb 2026 09:47:45 +0530 Subject: [PATCH 7/7] Search bar --- frontend/css/contributors.css | 108 +++++++++++++++++++++++++++++++ frontend/pages/contributors.html | 16 +++-- 2 files changed, 118 insertions(+), 6 deletions(-) diff --git a/frontend/css/contributors.css b/frontend/css/contributors.css index 27bd6dc0..c95d5ed5 100644 --- a/frontend/css/contributors.css +++ b/frontend/css/contributors.css @@ -864,3 +864,111 @@ display: flex; align-items: center; } + +/* ===== Contributors Controls (Search + Toggle) ===== */ +.contributors-controls { + display: flex; + align-items: center; + justify-content: space-between; + gap: 20px; + margin: 30px auto 20px; + max-width: 900px; + flex-wrap: wrap; +} + +/* Search Wrapper */ +.search-wrapper { + position: relative; + flex: 1; + min-width: 280px; +} + +/* Search Icon */ +.search-icon { + position: absolute; + left: 14px; + top: 50%; + transform: translateY(-50%); + color: #9ca3af; + font-size: 15px; + pointer-events: none; +} + +/* Search Input Styling */ +#contributor-search { + width: 100%; + padding: 14px 16px 14px 42px; + border-radius: 12px; + border: 1.5px solid #e5e7eb; + font-size: 16px; + font-family: "Inter", sans-serif; + background: #ffffff; + transition: all 0.25s ease; + box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04); +} + +/* Hover Effect */ +#contributor-search:hover { + border-color: #d1d5db; + box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06); +} + +/* Focus Effect (Important for UX) */ +#contributor-search:focus { + outline: none; + border-color: var(--primary-gold, #d4af37); + box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15); + background: #ffffff; +} + +/* Bot Toggle Styling */ +.bot-toggle { + display: flex; + align-items: center; + gap: 8px; + font-weight: 500; + color: #374151; + background: #ffffff; + padding: 10px 14px; + border-radius: 10px; + border: 1px solid #e5e7eb; + transition: all 0.2s ease; + cursor: pointer; +} + +.bot-toggle:hover { + border-color: #d1d5db; + background: #f9fafb; +} + +.bot-toggle input { + accent-color: var(--primary-gold, #d4af37); + cursor: pointer; +} + +/* Mobile Responsiveness */ +@media (max-width: 640px) { + .contributors-controls { + flex-direction: column; + align-items: stretch; + } + + .bot-toggle { + justify-content: center; + } +} + +.contributors-section { + padding-top: 40px; +} + +.contributors-section h3 { + text-align: center; + margin-bottom: 10px; +} + +.contributors-section p { + text-align: center; + margin-bottom: 20px; + color: #6b7280; +} diff --git a/frontend/pages/contributors.html b/frontend/pages/contributors.html index 159ffe83..e0d23d7d 100644 --- a/frontend/pages/contributors.html +++ b/frontend/pages/contributors.html @@ -51,19 +51,23 @@

Contributors

+
+ - -
+ +
+ +