From 8bae0a9db2e2e1b34d91205146f0c3c72633e958 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 11 Nov 2025 13:43:43 +0000 Subject: [PATCH 1/3] Initial plan From f32de2f86cc4b65e3da668fea5b33dd765d4a1ee Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 11 Nov 2025 13:52:20 +0000 Subject: [PATCH 2/3] Revert showcase card design to original simpler style Co-authored-by: Adez017 <142787780+Adez017@users.noreply.github.com> --- sidebars.ts | 2 +- src/components/Community/LandingCommunity.css | 105 ++++++-- .../HomepageFeatures/styles.module.css | 2 +- src/components/StatsSection/styles.module.css | 4 +- .../dashboard/LeaderBoard/leaderboard.css | 77 ++++-- .../dashboard/LeaderBoard/leaderboard.tsx | 24 +- src/css/custom.css | 198 ++++++++------ src/pages/badges/github-badges.module.css | 1 - src/pages/badges/github-badges.tsx | 188 ++++++------- src/pages/blogs/blogs-new.css | 4 +- src/pages/blogs/index.tsx | 39 ++- src/pages/broadcasts/video.css | 151 +++++++---- src/pages/code-of-conduct/index.css | 2 +- src/pages/community/index.tsx | 5 +- src/pages/dashboard/dashboard.css | 14 +- src/pages/dashboard/index.tsx | 15 +- src/pages/ebooks/index.tsx | 18 +- src/pages/index.module.css | 2 +- src/pages/interview-prep/CompaniesTab.tsx | 19 +- src/pages/interview-prep/OverviewTab.tsx | 19 +- src/pages/podcasts/index.css | 200 ++++++++------ .../_components/ShowcaseCard/index.tsx | 23 +- .../ShowcaseCard/styles.module.css | 250 +----------------- src/pages/terms-service/index.module.css | 17 +- src/theme/Footer/Layout/enhanced-footer.css | 16 +- src/theme/Footer/Layout/index.tsx | 13 +- src/theme/Root.module.css | 2 +- 27 files changed, 701 insertions(+), 709 deletions(-) diff --git a/sidebars.ts b/sidebars.ts index 1e9b510c..11ec70b3 100644 --- a/sidebars.ts +++ b/sidebars.ts @@ -124,7 +124,7 @@ const sidebars: SidebarsConfig = { "Pandas/pd_intro", "Pandas/pd_dataframes", "Pandas/pd_input_output", - "Pandas/pd_data_analysis", + "Pandas/pd_data_analysis", ], }, { diff --git a/src/components/Community/LandingCommunity.css b/src/components/Community/LandingCommunity.css index 3067bf13..9f568573 100644 --- a/src/components/Community/LandingCommunity.css +++ b/src/components/Community/LandingCommunity.css @@ -47,7 +47,10 @@ gap: 1rem; } -.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item { +.landing-community + .landing-community__content + .landing-community__stats + .landing-community__stat-item { display: flex; flex-direction: column; justify-content: center; @@ -60,28 +63,47 @@ position: relative; } -.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item.clickable { +.landing-community + .landing-community__content + .landing-community__stats + .landing-community__stat-item.clickable { cursor: pointer; } -.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item.clickable:hover, -.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item.clickable:focus { +.landing-community + .landing-community__content + .landing-community__stats + .landing-community__stat-item.clickable:hover, +.landing-community + .landing-community__content + .landing-community__stats + .landing-community__stat-item.clickable:focus { transform: scale(1.02); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); outline: none; } -.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item.loading { +.landing-community + .landing-community__content + .landing-community__stats + .landing-community__stat-item.loading { opacity: 0.7; } -.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item:hover { +.landing-community + .landing-community__content + .landing-community__stats + .landing-community__stat-item:hover { cursor: pointer; transform: scale(1.01); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); } -.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item .landing-community__stat-value { +.landing-community + .landing-community__content + .landing-community__stats + .landing-community__stat-item + .landing-community__stat-value { font-size: 3.5rem; font-weight: 600; color: var(--ifm-color-primary); @@ -105,7 +127,11 @@ text-shadow: inherit; } -.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item .landing-community__loading { +.landing-community + .landing-community__content + .landing-community__stats + .landing-community__stat-item + .landing-community__loading { display: flex; align-items: center; justify-content: center; @@ -133,11 +159,19 @@ transition: opacity 0.2s ease; } -.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item.clickable:hover .external-link-icon { +.landing-community + .landing-community__content + .landing-community__stats + .landing-community__stat-item.clickable:hover + .external-link-icon { opacity: 1; } -.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item .landing-community__stat-description { +.landing-community + .landing-community__content + .landing-community__stats + .landing-community__stat-item + .landing-community__stat-description { font-size: 1rem; text-shadow: 0 0 1px var(--ifm-color-primary); } @@ -152,38 +186,58 @@ position: relative; } -.landing-community .landing-community__content .landing-community__info.clickable { +.landing-community + .landing-community__content + .landing-community__info.clickable { cursor: pointer; } -.landing-community .landing-community__content .landing-community__info.clickable:hover, -.landing-community .landing-community__content .landing-community__info.clickable:focus { +.landing-community + .landing-community__content + .landing-community__info.clickable:hover, +.landing-community + .landing-community__content + .landing-community__info.clickable:focus { transform: scale(1.01); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); outline: none; } -.landing-community .landing-community__content .landing-community__info .landing-community__image { +.landing-community + .landing-community__content + .landing-community__info + .landing-community__image { width: 100%; object-fit: cover; border-radius: 1rem; } -.landing-community .landing-community__content .landing-community__info .landing-community__info-text { +.landing-community + .landing-community__content + .landing-community__info + .landing-community__info-text { margin-top: 1rem; padding: 0; font-size: 1rem; text-shadow: 0 0 1px var(--ifm-color-primary); } -.landing-community .landing-community__content .landing-community__info .landing-community__info-text .landing-community__link { +.landing-community + .landing-community__content + .landing-community__info + .landing-community__info-text + .landing-community__link { color: var(--ifm-color-primary); text-shadow: 0 0 1px var(--ifm-color-primary); text-decoration: none; font-weight: 600; } -.landing-community .landing-community__content .landing-community__info .landing-community__info-text .landing-community__link:hover { +.landing-community + .landing-community__content + .landing-community__info + .landing-community__info-text + .landing-community__link:hover { text-decoration: underline; } @@ -197,7 +251,10 @@ transition: opacity 0.2s ease; } -.landing-community .landing-community__content .landing-community__info.clickable:hover .external-link-indicator { +.landing-community + .landing-community__content + .landing-community__info.clickable:hover + .external-link-indicator { opacity: 1; } @@ -214,14 +271,20 @@ width: 100%; } - .landing-community .landing-community__content .landing-community__info .landing-community__image { + .landing-community + .landing-community__content + .landing-community__info + .landing-community__image { width: 100%; } - .landing-community .landing-community__content .landing-community__info .landing-community__info-text { + .landing-community + .landing-community__content + .landing-community__info + .landing-community__info-text { margin-top: 1rem; padding: 0; font-size: 1rem; text-shadow: 0 0 1px var(--ifm-color-primary); } -} \ No newline at end of file +} diff --git a/src/components/HomepageFeatures/styles.module.css b/src/components/HomepageFeatures/styles.module.css index 036cd579..69126a23 100644 --- a/src/components/HomepageFeatures/styles.module.css +++ b/src/components/HomepageFeatures/styles.module.css @@ -9,4 +9,4 @@ .featureSvg { height: 200px; width: 200px; -} \ No newline at end of file +} diff --git a/src/components/StatsSection/styles.module.css b/src/components/StatsSection/styles.module.css index 6c565622..0bc3745e 100644 --- a/src/components/StatsSection/styles.module.css +++ b/src/components/StatsSection/styles.module.css @@ -144,7 +144,6 @@ /* Animation keyframes */ @keyframes float { - 0%, 100% { transform: translateY(0); @@ -156,7 +155,6 @@ } @keyframes pulse { - 0%, 100% { transform: scale(1); @@ -181,4 +179,4 @@ 100% { box-shadow: 0 0 5px rgba(79, 70, 229, 0.5); } -} \ No newline at end of file +} diff --git a/src/components/dashboard/LeaderBoard/leaderboard.css b/src/components/dashboard/LeaderBoard/leaderboard.css index fa0ade04..f8458b1e 100644 --- a/src/components/dashboard/LeaderBoard/leaderboard.css +++ b/src/components/dashboard/LeaderBoard/leaderboard.css @@ -92,7 +92,10 @@ padding: 20px; border-radius: 16px; width: 200px; - transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, border 0.3s; + transition: + transform 0.3s ease-in-out, + box-shadow 0.3s ease-in-out, + border 0.3s; position: relative; cursor: pointer; display: flex; @@ -114,13 +117,19 @@ } /* Staircase Height Adjustment */ -.first-place { transform: translateY(-60px); } -.second-place { transform: translateY(0px); } -.third-place { transform: translateY(0); } +.first-place { + transform: translateY(-60px); +} +.second-place { + transform: translateY(0px); +} +.third-place { + transform: translateY(0); +} /* Reflection Effect */ .podium-card::after { - content: ''; + content: ""; position: absolute; top: 100%; left: 0; @@ -132,7 +141,7 @@ rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.1) 75%, - rgba(255, 255, 255, 0.0) 100% + rgba(255, 255, 255, 0) 100% ); transform: scaleY(-1); z-index: 1; @@ -145,14 +154,20 @@ rgba(43, 48, 59, 0.4) 0%, rgba(43, 48, 59, 0.3) 25%, rgba(43, 48, 59, 0.1) 75%, - rgba(43, 48, 59, 0.0) 100% + rgba(43, 48, 59, 0) 100% ); } /* Reflection box-shadows */ -.first-place::after { box-shadow: 0 2px 6px rgba(255, 215, 0, 0.1); } -.second-place::after { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); } -.third-place::after { box-shadow: 0 2px 6px rgba(205, 127, 50, 0.1); } +.first-place::after { + box-shadow: 0 2px 6px rgba(255, 215, 0, 0.1); +} +.second-place::after { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); +} +.third-place::after { + box-shadow: 0 2px 6px rgba(205, 127, 50, 0.1); +} /* User Photo */ .podium-card .user-photo { @@ -192,9 +207,15 @@ border-color: #2b303b; } -.first-place .rank-badge { background-color: #FFD700; } -.second-place .rank-badge { background-color: #555; } -.third-place .rank-badge { background-color: #CD7F32; } +.first-place .rank-badge { + background-color: #ffd700; +} +.second-place .rank-badge { + background-color: #555; +} +.third-place .rank-badge { + background-color: #cd7f32; +} /* User Details */ .podium-card .details { @@ -250,33 +271,45 @@ .first-place:hover { transform: translateY(-65px); - border-color: #FFD700; - box-shadow: 0 0 15px rgba(255, 215, 0, 0.7), 0 10px 30px rgba(0, 0, 0, 0.15); + border-color: #ffd700; + box-shadow: + 0 0 15px rgba(255, 215, 0, 0.7), + 0 10px 30px rgba(0, 0, 0, 0.15); } .second-place:hover { transform: translateY(-35px); - border-color: #C0C0C0; - box-shadow: 0 0 15px rgba(192, 192, 192, 0.7), 0 10px 30px rgba(0, 0, 0, 0.15); + border-color: #c0c0c0; + box-shadow: + 0 0 15px rgba(192, 192, 192, 0.7), + 0 10px 30px rgba(0, 0, 0, 0.15); } .third-place:hover { transform: translateY(-5px); - border-color: #CD7F32; - box-shadow: 0 0 15px rgba(205, 127, 50, 0.7), 0 10px 30px rgba(0, 0, 0, 0.15); + border-color: #cd7f32; + box-shadow: + 0 0 15px rgba(205, 127, 50, 0.7), + 0 10px 30px rgba(0, 0, 0, 0.15); } /* Dark Mode Hover Effects */ .dark .first-place:hover { - box-shadow: 0 0 15px rgba(255, 215, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.3); + box-shadow: + 0 0 15px rgba(255, 215, 0, 0.3), + 0 10px 30px rgba(0, 0, 0, 0.3); } .dark .second-place:hover { - box-shadow: 0 0 15px rgba(192, 192, 192, 0.3), 0 10px 30px rgba(0, 0, 0, 0.3); + box-shadow: + 0 0 15px rgba(192, 192, 192, 0.3), + 0 10px 30px rgba(0, 0, 0, 0.3); } .dark .third-place:hover { - box-shadow: 0 0 15px rgba(205, 127, 50, 0.3), 0 10px 30px rgba(0, 0, 0, 0.3); + box-shadow: + 0 0 15px rgba(205, 127, 50, 0.3), + 0 10px 30px rgba(0, 0, 0, 0.3); } /* Stats Grid */ diff --git a/src/components/dashboard/LeaderBoard/leaderboard.tsx b/src/components/dashboard/LeaderBoard/leaderboard.tsx index ea24970c..7ac70a6c 100644 --- a/src/components/dashboard/LeaderBoard/leaderboard.tsx +++ b/src/components/dashboard/LeaderBoard/leaderboard.tsx @@ -376,7 +376,9 @@ export default function LeaderBoard(): JSX.Element { className="user-photo" />
-

{filteredContributors[1].username}

+

+ {filteredContributors[1].username} +

- {filteredContributors[1].points} Points + + {filteredContributors[1].points} Points +
@@ -401,7 +405,9 @@ export default function LeaderBoard(): JSX.Element { className="user-photo" />
-

{filteredContributors[0].username}

+

+ {filteredContributors[0].username} +

- {filteredContributors[0].points} Points + + {filteredContributors[0].points} Points +
@@ -426,7 +434,9 @@ export default function LeaderBoard(): JSX.Element { className="user-photo" />
-

{filteredContributors[2].username}

+

+ {filteredContributors[2].username} +

- {filteredContributors[2].points} Points + + {filteredContributors[2].points} Points +
diff --git a/src/css/custom.css b/src/css/custom.css index f4e2be12..be920687 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -121,7 +121,7 @@ a.menu__link.menu__link--active div span:first-child { /* ================= SECTION 4: CUSTOM SIDEBAR CATEGORY THEMES ================= */ /* GitHub theme */ -.custom-sidebar-github>.menu__list-item-collapsible>.menu__link { +.custom-sidebar-github > .menu__list-item-collapsible > .menu__link { background: linear-gradient(135deg, #24292e, #586069); color: white; border-radius: 8px; @@ -130,7 +130,7 @@ a.menu__link.menu__link--active div span:first-child { } /* Python theme */ -.custom-sidebar-python>.menu__list-item-collapsible>.menu__link { +.custom-sidebar-python > .menu__list-item-collapsible > .menu__link { background: linear-gradient(135deg, #3776ab, #ffd43b); color: white; border-radius: 8px; @@ -139,7 +139,7 @@ a.menu__link.menu__link--active div span:first-child { } /* SQL theme */ -.custom-sidebar-sql>.menu__list-item-collapsible>.menu__link { +.custom-sidebar-sql > .menu__list-item-collapsible > .menu__link { background: linear-gradient(135deg, #336791, #4479a1); color: white; border-radius: 8px; @@ -148,7 +148,7 @@ a.menu__link.menu__link--active div span:first-child { } /* Next.js theme */ -.custom-sidebar-nextjs>.menu__list-item-collapsible>.menu__link { +.custom-sidebar-nextjs > .menu__list-item-collapsible > .menu__link { background: linear-gradient(135deg, #000000, #333333); color: white; border-radius: 8px; @@ -157,7 +157,7 @@ a.menu__link.menu__link--active div span:first-child { } /* Google Student Ambassador theme */ -.custom-sidebar-gsa>.menu__list-item-collapsible>.menu__link { +.custom-sidebar-gsa > .menu__list-item-collapsible > .menu__link { background: linear-gradient(135deg, #4285f4, #34a853); color: white; border-radius: 8px; @@ -166,7 +166,7 @@ a.menu__link.menu__link--active div span:first-child { } /* Technical theme */ -.custom-sidebar-technical>.menu__list-item-collapsible>.menu__link { +.custom-sidebar-technical > .menu__list-item-collapsible > .menu__link { background: linear-gradient(135deg, #ff6b6b, #ee5a24); color: white; border-radius: 8px; @@ -175,9 +175,9 @@ a.menu__link.menu__link--active div span:first-child { } /* Custom subcategory styling */ -.custom-sidebar-setup>.menu__list-item-collapsible>.menu__link, -.custom-sidebar-basics>.menu__list-item-collapsible>.menu__link, -.custom-sidebar-maintainer>.menu__list-item-collapsible>.menu__link { +.custom-sidebar-setup > .menu__list-item-collapsible > .menu__link, +.custom-sidebar-basics > .menu__list-item-collapsible > .menu__link, +.custom-sidebar-maintainer > .menu__list-item-collapsible > .menu__link { background: rgba(36, 41, 46, 0.1); border-left: 3px solid #24292e; padding-left: 16px; @@ -185,12 +185,12 @@ a.menu__link.menu__link--active div span:first-child { } /* Hover effects for all custom categories */ -.custom-sidebar-github>.menu__list-item-collapsible>.menu__link:hover, -.custom-sidebar-python>.menu__list-item-collapsible>.menu__link:hover, -.custom-sidebar-sql>.menu__list-item-collapsible>.menu__link:hover, -.custom-sidebar-nextjs>.menu__list-item-collapsible>.menu__link:hover, -.custom-sidebar-gsa>.menu__list-item-collapsible>.menu__link:hover, -.custom-sidebar-technical>.menu__list-item-collapsible>.menu__link:hover { +.custom-sidebar-github > .menu__list-item-collapsible > .menu__link:hover, +.custom-sidebar-python > .menu__list-item-collapsible > .menu__link:hover, +.custom-sidebar-sql > .menu__list-item-collapsible > .menu__link:hover, +.custom-sidebar-nextjs > .menu__list-item-collapsible > .menu__link:hover, +.custom-sidebar-gsa > .menu__list-item-collapsible > .menu__link:hover, +.custom-sidebar-technical > .menu__list-item-collapsible > .menu__link:hover { transform: translateX(4px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transition: all 0.3s ease; @@ -269,7 +269,7 @@ html[data-theme="dark"] .menu__link--active::after { } /* ======== SECTION 7 : Adjust individual navbar items ==========*/ -.navbar__items>.navbar__item { +.navbar__items > .navbar__item { padding: 0.2rem 0.3rem !important; margin: 0 !important; } @@ -300,7 +300,6 @@ html[data-theme="dark"] .menu__link--active::after { /* Ensure dropdowns are visible on big screens */ @media (min-width: 1300px) { - .navbar__item.dropdown, .navbar__item:has(.dropdown-content) { position: relative !important; @@ -456,7 +455,6 @@ body { /* ===== SECTION 10: DESKTOP NAVBAR ENHANCEMENTS ===== */ @media (min-width: 1300px) { - /* Better spacing for desktop navbar */ .navbar__inner { max-width: 1400px; @@ -481,7 +479,10 @@ body { * This hides all navbar items on small screens, *except* for the * toggle, brand, and the item :has() the GitHub auth button. */ - .navbar__items .navbar__item:not(.navbar__toggle):not(.navbar__brand):not(:has(#firebase-auth-github-navbar)) { + .navbar__items + .navbar__item:not(.navbar__toggle):not(.navbar__brand):not( + :has(#firebase-auth-github-navbar) + ) { display: none !important; } @@ -686,8 +687,8 @@ body { } /* Prevent grid content from forcing overflow in the dropdown rows */ -.dropdown__menu .grid>.col-span-2, -.dropdown-content .grid>.col-span-2 { +.dropdown__menu .grid > .col-span-2, +.dropdown-content .grid > .col-span-2 { min-width: 0 !important; /* allow the icon column to shrink inside the 3-col grid */ } @@ -710,8 +711,8 @@ body { } /* Add breathing room between the left label and the vertical separator */ -.dropdown__menu .grid>.border-r.col-span-1, -.dropdown-content .grid>.border-r.col-span-1 { +.dropdown__menu .grid > .border-r.col-span-1, +.dropdown-content .grid > .border-r.col-span-1 { padding-right: 0.5rem !important; } @@ -872,7 +873,11 @@ html.theme-light .text-gray-900 { /* Ensure the specific block is forced light in light mode */ html[data-theme="light"] .interview-prep-page .technical-outer { - background-image: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%) !important; + background-image: linear-gradient( + 135deg, + #eff6ff 0%, + #f8fafc 100% + ) !important; background-color: #ffffff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; @@ -883,7 +888,11 @@ html[data-theme="light"] .interview-prep-page .technical-outer { /* Companies tab: use white gradients in light mode and remove overlays */ [data-theme="light"] .company-outer { - background-image: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important; + background-image: linear-gradient( + 135deg, + #ffffff 0%, + #f8fafc 100% + ) !important; background-color: #ffffff !important; color: #0f172a !important; isolation: isolate !important; @@ -893,7 +902,7 @@ html[data-theme="light"] .interview-prep-page .technical-outer { } /* hide the subtle pattern overlay added inside the component */ -[data-theme="light"] .company-outer>.absolute.inset-0, +[data-theme="light"] .company-outer > .absolute.inset-0, [data-theme="light"] .company-outer .absolute.inset-0.opacity-5 { display: none !important; background: none !important; @@ -977,12 +986,14 @@ html { /* ===== FOOTER BACKGROUND PROTECTION ===== */ /* Ensure footer maintains its gradient background in dark mode */ [data-theme="dark"] .enhanced-footer { - background: linear-gradient(135deg, - #0f0f23 0%, - #1a1a2e 25%, - #16213e 50%, - #0f3460 75%, - #533483 100%) !important; + background: linear-gradient( + 135deg, + #0f0f23 0%, + #1a1a2e 25%, + #16213e 50%, + #0f3460 75%, + #533483 100% + ) !important; color: #e2e8f0 !important; } @@ -998,17 +1009,22 @@ html { /* ===== STEP 6: MAXIMUM SPECIFICITY PROTECTION ===== */ /* Override the exact problematic global rule with same specificity */ -[data-theme="dark"] body:not(:has(.community-page)) .enhanced-footer .container { +[data-theme="dark"] + body:not(:has(.community-page)) + .enhanced-footer + .container { background-color: transparent !important; } [data-theme="dark"] body:not(:has(.community-page)) .enhanced-footer { - background: linear-gradient(135deg, - #0f0f23 0%, - #1a1a2e 25%, - #16213e 50%, - #0f3460 75%, - #533483 100%) !important; + background: linear-gradient( + 135deg, + #0f0f23 0%, + #1a1a2e 25%, + #16213e 50%, + #0f3460 75%, + #533483 100% + ) !important; color: #e2e8f0 !important; } @@ -1030,14 +1046,15 @@ html { /* ===== REMOVE THEME TOGGLE FROM MOBILE SIDEBAR AS THERE IS ONE ON THE NAVBAR ===== */ @media (max-width: 1200px) { - /* Aggressively hide theme toggle in mobile sidebar */ - .navbar-sidebar__brand button:not(.navbar-sidebar__close):not([class*="close"]), + .navbar-sidebar__brand + button:not(.navbar-sidebar__close):not([class*="close"]), .navbar-sidebar__brand .colorModeToggle, .navbar-sidebar .colorModeToggle, .navbar-sidebar__brand button[class*="colorModeToggle"], .navbar-sidebar button[class*="colorModeToggle"], - .navbar-sidebar__brand .clean-btn[class*="toggle"]:not(.navbar-sidebar__close), + .navbar-sidebar__brand + .clean-btn[class*="toggle"]:not(.navbar-sidebar__close), .navbar-sidebar .clean-btn[class*="toggle"]:not(.navbar-sidebar__close), .navbar-sidebar__brand [class*="toggle_"]:not(.navbar-sidebar__close), .navbar-sidebar [class*="toggle_"]:not(.navbar-sidebar__close), @@ -1109,7 +1126,6 @@ html { /* Mobile-only visibility & spacing fixes for Tutorials icons (320–768px) */ @media screen and (max-width: 768px) { - /* Ensure the label + icons row inside Docs dropdown uses the full width */ .navbar-sidebar .grid, .navbar-sidebar .dropdown__menu .grid, @@ -1122,12 +1138,12 @@ html { } /* So the icon column doesn't get clipped in the 3-col layout */ - .navbar-sidebar .grid>.col-span-2 { + .navbar-sidebar .grid > .col-span-2 { min-width: 0 !important; } /* Tighten label space and drop the border on very small screens */ - .navbar-sidebar .grid>.border-r.col-span-1 { + .navbar-sidebar .grid > .border-r.col-span-1 { border-right: 0 !important; padding-right: 0.25rem !important; font-weight: 600; @@ -1172,7 +1188,7 @@ html { } /* Add vertical space between Tutorials, Courses, Interview Prep blocks */ - .navbar-sidebar .dropdown__menu>.grid { + .navbar-sidebar .dropdown__menu > .grid { padding: 1rem 0 !important; margin: 1rem 0 !important; } @@ -1498,8 +1514,8 @@ html { padding-right: var(--ifm-navbar-padding-horizontal) !important; } -.navbar>.container, -.navbar>.container-fluid { +.navbar > .container, +.navbar > .container-fluid { max-width: none !important; width: 100% !important; padding: 0 !important; @@ -1545,12 +1561,16 @@ main { right: 0; bottom: 0; background: - radial-gradient(circle at 20% 30%, + radial-gradient( + circle at 20% 30%, rgba(99, 102, 241, 0.08) 0%, - transparent 40%), - radial-gradient(circle at 80% 70%, + transparent 40% + ), + radial-gradient( + circle at 80% 70%, rgba(168, 85, 247, 0.06) 0%, - transparent 45%); + transparent 45% + ); pointer-events: none; } @@ -1602,74 +1622,74 @@ a { /* ================= MISCELLANEOUS ================= */ /* Fix Home icon alignment with text in breadcrumbs [Docs] */ -.theme-doc-breadcrumbs a.breadcrumbs__link>svg { +.theme-doc-breadcrumbs a.breadcrumbs__link > svg { display: inline-block; } /* Fix difficulty and topic pill backgrounds in light/dark mode */ -[data-theme='light'] .rounded.bg-gray-100, -[data-theme='light'] .rounded-full.bg-green-100, -[data-theme='light'] .rounded-full.bg-yellow-100, -[data-theme='light'] .rounded-full.bg-red-100, -[data-theme='light'] .rounded-full.bg-blue-100 { +[data-theme="light"] .rounded.bg-gray-100, +[data-theme="light"] .rounded-full.bg-green-100, +[data-theme="light"] .rounded-full.bg-yellow-100, +[data-theme="light"] .rounded-full.bg-red-100, +[data-theme="light"] .rounded-full.bg-blue-100 { background-color: var(--ifm-color-emphasis-100) !important; } -[data-theme='light'] .rounded-full.bg-green-100 { +[data-theme="light"] .rounded-full.bg-green-100 { background-color: #dcfce7 !important; /* green-100 */ } -[data-theme='light'] .rounded-full.bg-yellow-100 { +[data-theme="light"] .rounded-full.bg-yellow-100 { background-color: #fef9c3 !important; /* yellow-100 */ } -[data-theme='light'] .rounded-full.bg-red-100 { +[data-theme="light"] .rounded-full.bg-red-100 { background-color: #fee2e2 !important; /* red-100 */ } -[data-theme='light'] .rounded-full.bg-blue-100 { +[data-theme="light"] .rounded-full.bg-blue-100 { background-color: #dbeafe !important; /* blue-100 */ } -[data-theme='light'] .rounded.bg-gray-100 { +[data-theme="light"] .rounded.bg-gray-100 { background-color: #f3f4f6 !important; /* gray-100 */ } /* Dark mode overrides */ -[data-theme='dark'] .rounded.dark\:bg-gray-700, -[data-theme='dark'] .rounded-full.dark\:bg-green-900, -[data-theme='dark'] .rounded-full.dark\:bg-yellow-900, -[data-theme='dark'] .rounded-full.dark\:bg-red-900, -[data-theme='dark'] .rounded-full.dark\:bg-blue-900 { +[data-theme="dark"] .rounded.dark\:bg-gray-700, +[data-theme="dark"] .rounded-full.dark\:bg-green-900, +[data-theme="dark"] .rounded-full.dark\:bg-yellow-900, +[data-theme="dark"] .rounded-full.dark\:bg-red-900, +[data-theme="dark"] .rounded-full.dark\:bg-blue-900 { opacity: 1 !important; } -[data-theme='dark'] .rounded-full.dark\:bg-green-900 { +[data-theme="dark"] .rounded-full.dark\:bg-green-900 { background-color: #14532d !important; /* green-900 */ } -[data-theme='dark'] .rounded-full.dark\:bg-yellow-900 { +[data-theme="dark"] .rounded-full.dark\:bg-yellow-900 { background-color: #713f12 !important; /* yellow-900 */ } -[data-theme='dark'] .rounded-full.dark\:bg-red-900 { +[data-theme="dark"] .rounded-full.dark\:bg-red-900 { background-color: #7f1d1d !important; /* red-900 */ } -[data-theme='dark'] .rounded-full.dark\:bg-blue-900 { +[data-theme="dark"] .rounded-full.dark\:bg-blue-900 { background-color: #1e3a8a !important; /* blue-900 */ } -[data-theme='dark'] .rounded.dark\:bg-gray-700 { +[data-theme="dark"] .rounded.dark\:bg-gray-700 { background-color: #374151 !important; /* gray-700 */ } @@ -1683,21 +1703,21 @@ a { /* Light mode: explicit background + text for each variant */ [data-theme="light"] .interview-prep-page .difficulty-badge.bg-green-200 { - background-color: #DCFCE7 !important; + background-color: #dcfce7 !important; /* green-200 -> higher contrast */ - color: #14532D !important; + color: #14532d !important; } [data-theme="light"] .interview-prep-page .difficulty-badge.bg-yellow-200 { - background-color: #FEF3C7 !important; + background-color: #fef3c7 !important; /* yellow-200 */ - color: #78350F !important; + color: #78350f !important; } [data-theme="light"] .interview-prep-page .difficulty-badge.bg-red-200 { - background-color: #FEE2E2 !important; + background-color: #fee2e2 !important; /* red-200 */ - color: #7F1D1D !important; + color: #7f1d1d !important; } /* Keep all duration badges grey in light mode */ @@ -1717,7 +1737,11 @@ html[data-theme="light"] .bg-gradient-to-r.from-blue-50.to-purple-50 { /* Companies: force white/near-white surface in light mode for .company-outer */ html[data-theme="light"] .company-outer { - background-image: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important; + background-image: linear-gradient( + 135deg, + #ffffff 0%, + #f8fafc 100% + ) !important; background-color: #ffffff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; @@ -1761,7 +1785,11 @@ html[data-theme="light"] a.company-tab-link { /* If any Tailwind gradient utility still applies, remove it for these containers in light mode */ html[data-theme="light"] .company-outer.bg-gradient-to-br, html[data-theme="light"] [data-slot="card-header"].bg-gradient-to-br { - background-image: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important; + background-image: linear-gradient( + 135deg, + #ffffff 0%, + #f8fafc 100% + ) !important; background-color: #ffffff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; @@ -1782,14 +1810,12 @@ html[data-theme="light"] [data-slot="card-header"].bg-gradient-to-br { border: none !important; } - .avatar.margin-bottom--sm { width: auto !important; height: auto !important; border: none !important; } - .blog-page .margin-bottom--xl { margin-bottom: 0rem !important; } @@ -1798,7 +1824,7 @@ html[data-theme="light"] [data-slot="card-header"].bg-gradient-to-br { /* Issue #980: Fix inconsistent padding and margins across sections */ /* Standard section spacing: 2rem vertical, 1.5rem horizontal on smaller screens */ -main>div:not(.m-0) { +main > div:not(.m-0) { margin-top: 2rem; margin-bottom: 2rem; } @@ -1810,7 +1836,7 @@ main>div:not(.m-0) { /* Responsive: reduce spacing on mobile devices */ @media (max-width: 768px) { - main>div:not(.m-0) { + main > div:not(.m-0) { margin-top: 1.5rem; margin-bottom: 1.5rem; } @@ -1841,4 +1867,4 @@ h2:first-child, h3:first-child { margin-top: 0; margin-bottom: 1rem; -} \ No newline at end of file +} diff --git a/src/pages/badges/github-badges.module.css b/src/pages/badges/github-badges.module.css index 5b78c1ff..e83e4e96 100644 --- a/src/pages/badges/github-badges.module.css +++ b/src/pages/badges/github-badges.module.css @@ -1519,7 +1519,6 @@ table tr:last-child td:last-child { 0 1px 2px rgba(0, 0, 0, 0.04); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; - } .skinToneTable .levelImages img:hover { diff --git a/src/pages/badges/github-badges.tsx b/src/pages/badges/github-badges.tsx index 2aaad04c..b10d257f 100644 --- a/src/pages/badges/github-badges.tsx +++ b/src/pages/badges/github-badges.tsx @@ -254,7 +254,7 @@ const GithubBadgesContent = (): React.ReactElement => { src="https://github.githubassets.com/images/modules/profile/achievements/starstruck-default.png" alt="Starstruck" className={styles.badgeImgSmall} - whileHover={{ scale: 1.13}} + whileHover={{ scale: 1.13 }} transition={{ type: "spring", stiffness: 300 }} /> @@ -331,7 +331,7 @@ const GithubBadgesContent = (): React.ReactElement => { src="https://github.githubassets.com/images/modules/profile/achievements/quickdraw-default.png" alt="Quickdraw" className={styles.badgeImgSmall} - whileHover={{ scale: 1.13}} + whileHover={{ scale: 1.13 }} transition={{ type: "spring", stiffness: 300 }} /> @@ -344,16 +344,14 @@ const GithubBadgesContent = (): React.ReactElement => {
-
- Level: Default -
+
Level: Default
- Quickdraw Default + Quickdraw Default
Needed: 1
@@ -373,7 +371,7 @@ const GithubBadgesContent = (): React.ReactElement => { src="https://github.githubassets.com/images/modules/profile/achievements/pair-extraordinaire-default.png" alt="Pair Extraordinaire" className={styles.badgeImgSmall} - whileHover={{ scale: 1.13}} + whileHover={{ scale: 1.13 }} transition={{ type: "spring", stiffness: 300 }} /> @@ -408,33 +406,35 @@ const GithubBadgesContent = (): React.ReactElement => { Levels: Default, Bronze, Silver, Gold
- Pair Extraordinarie Default - Pair Extraordinarie Bronze - Pair Extraordinarie Silver - Pair Extraordinarie Gold + Pair Extraordinarie Default + Pair Extraordinarie Bronze + Pair Extraordinarie Silver + Pair Extraordinarie Gold +
+
+ Needed: 1, 10, 24, 48 +
-
Needed: 1, 10, 24, 48
- {/* Pull Shark */} @@ -451,7 +451,7 @@ const GithubBadgesContent = (): React.ReactElement => { src="https://github.githubassets.com/images/modules/profile/achievements/pull-shark-default.png" alt="Pull Shark" className={styles.badgeImgSmall} - whileHover={{ scale: 1.13}} + whileHover={{ scale: 1.13 }} transition={{ type: "spring", stiffness: 300 }} /> @@ -483,33 +483,35 @@ const GithubBadgesContent = (): React.ReactElement => { Levels: Default, Bronze, Silver, Gold
- Pull Shark Default - Pull Shark Bronze - Pull Shark Silver - Pull Shark Gold + Pull Shark Default + Pull Shark Bronze + Pull Shark Silver + Pull Shark Gold +
+
+ Needed: 2, 16, 128, 1024 +
-
Needed: 2, 16, 128, 1024
- {/* Galaxy Brain */} @@ -526,7 +528,7 @@ const GithubBadgesContent = (): React.ReactElement => { src="https://github.githubassets.com/images/modules/profile/achievements/galaxy-brain-default.png" alt="Galaxy Brain" className={styles.badgeImgSmall} - whileHover={{ scale: 1.13}} + whileHover={{ scale: 1.13 }} transition={{ type: "spring", stiffness: 300 }} /> @@ -558,33 +560,35 @@ const GithubBadgesContent = (): React.ReactElement => { Levels: Default, Bronze, Silver, Gold
- Galaxy Brain Default - Galaxy Brain Bronze - Galaxy Brain Silver - Galaxy Brain Gold + Galaxy Brain Default + Galaxy Brain Bronze + Galaxy Brain Silver + Galaxy Brain Gold +
+
+ Needed: 2, 8, 16, 32 +
-
Needed: 2, 8, 16, 32
- {/* YOLO */} diff --git a/src/pages/blogs/blogs-new.css b/src/pages/blogs/blogs-new.css index 075dd92f..2173a5ff 100644 --- a/src/pages/blogs/blogs-new.css +++ b/src/pages/blogs/blogs-new.css @@ -5,7 +5,9 @@ /* Main Container */ .github-blog-page { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif; + font-family: + -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, + Arial, sans-serif; background: #ffffff; min-height: 100vh; } diff --git a/src/pages/blogs/index.tsx b/src/pages/blogs/index.tsx index f976b5a5..b8770726 100644 --- a/src/pages/blogs/index.tsx +++ b/src/pages/blogs/index.tsx @@ -80,7 +80,14 @@ export default function Blogs(): React.JSX.Element { return "Resources"; }; - const categories = ["All", "Design", "AI & Tech", "Development", "Engineering", "Resources"]; + const categories = [ + "All", + "Design", + "AI & Tech", + "Development", + "Engineering", + "Resources", + ]; return (

The recode hive Blog

- Insights, updates, and best practices from the recode hive community + Insights, updates, and best practices from the recode hive + community

@@ -117,10 +125,14 @@ export default function Blogs(): React.JSX.Element {