From c575b8070dc59119a8e900794c3c45993e664a5a Mon Sep 17 00:00:00 2001 From: Johns Beharry Date: Mon, 22 Dec 2025 12:06:38 -0400 Subject: [PATCH 1/4] hotfix(projects): correct the image grid src --- projects.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/projects.md b/projects.md index 7ae5ececa..86cfcdebc 100644 --- a/projects.md +++ b/projects.md @@ -91,7 +91,7 @@ https://www.figma.com/file/qzvCvqhSRx3Jq8aywaSjlr/Bitcoin-Design-Guide-Illustrat class="split-section--reversed" graphic_color="#1134F5" graphic_bg_image="/assets/images/projects/section--community-project.svg" - graphic_image="/assets/images/projects/supergraphic--community-projects-grid.svg" + graphic_image="/assets/images/projects/supergraphic--community-projects-grid.png" content_color="#000032" label="Community Projects" headline="Built by the Community, for Bitcoin" From ddaaf6395bf89f83b30112f4fc6adb6ebfed0eaf Mon Sep 17 00:00:00 2001 From: Johns Beharry Date: Mon, 22 Dec 2025 14:17:51 -0400 Subject: [PATCH 2/4] feat(projects): implement responsive status text with hide-mobile spans MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Add CSS-only solution for displaying longer status text on desktop and shorter text on mobile without JavaScript or additional YAML properties. Changes: - Add .hide-mobile CSS class that hides content on mobile (< 640px) - Update status pills to use hide-mobile spans for conditional text display - "Active advocacy underway" shows full text on desktop, "Active advocacy" on mobile - "Alpha stage, approaching v1 launch" shows full text on desktop, "Alpha stage" on mobile Projects affected: - Bitcoin Builder Kit: Alpha stage, approaching v1 launch - Adopting the ₿ symbol: Active advocacy underway - Human Bitcoin Addresses: Active advocacy underway - Making Privacy Permeate: Active advocacy underway --- _data/projects.yaml | 8 ++++---- _sass/minima/_projects-page.scss | 4 ++++ 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/_data/projects.yaml b/_data/projects.yaml index 3700cb33f..94dd108b5 100644 --- a/_data/projects.yaml +++ b/_data/projects.yaml @@ -42,7 +42,7 @@ projects: key_people: - handle: "@StephenDeLorme" url: https://x.com/StephenDeLorme - status: Alpha stage, approaching v1 launch + status: Alpha stage, approaching v1 launch connect: channel: "#bitcoin-builder-kit" url: https://discord.gg/KtW9xB7p @@ -92,7 +92,7 @@ projects: key_people: - handle: "@matbalez" url: https://x.com/matbalez - status: Active advocacy underway + status: Active advocacy underway connect: channel: "#bip-177" url: https://discord.gg/GPXH25FG @@ -110,7 +110,7 @@ projects: url: https://x.com/matbalez - handle: "@ConorOkus" url: https://x.com/ConorOkus - status: Active advocacy underway + status: Active advocacy underway connect: channel: "#bip-353" url: https://discord.gg/M7nJksmJ @@ -286,7 +286,7 @@ projects: key_people: - handle: "@Yashraj__" url: https://x.com/Yashraj__ - status: Active advocacy underway + status: Active advocacy underway connect: channel: "#privacy" url: https://discord.gg/MuXfrfSv diff --git a/_sass/minima/_projects-page.scss b/_sass/minima/_projects-page.scss index e8d7504d4..805405155 100644 --- a/_sass/minima/_projects-page.scss +++ b/_sass/minima/_projects-page.scss @@ -351,6 +351,10 @@ // Responsive @include media-query(small) { + .hide-mobile { + display: none; + } + .projects-grid { gap: $spacing-unit * 2; padding: $spacing-unit * 2 0; From 067b6a9fbbf6e696fc63266a2cbf312758d5d641 Mon Sep 17 00:00:00 2001 From: Johns Beharry Date: Mon, 22 Dec 2025 18:34:35 -0400 Subject: [PATCH 3/4] fix(projects): improve mobile spacing and status text rendering MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Adjust mobile spacing and fix HTML rendering for status pills. Changes: - Fix status text spacing: move space outside hide-mobile span for proper rendering ("Active advocacy underway" instead of "Active advocacy underway") - Reduce projects-grid bottom padding on mobile from 60px to 15px - Add spacing between Funding section and first split section using adjacent sibling selector (p + .split-section) - Ensures proper spacing hierarchy: projects → funding (tight) → split sections (spaced) Affected status pills: - Adopting the ₿ symbol - Human Bitcoin Addresses - Making Privacy Permeate --- _data/projects.yaml | 6 +++--- _sass/minima/_projects-page.scss | 7 ++++++- 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/_data/projects.yaml b/_data/projects.yaml index 94dd108b5..cd0681f08 100644 --- a/_data/projects.yaml +++ b/_data/projects.yaml @@ -92,7 +92,7 @@ projects: key_people: - handle: "@matbalez" url: https://x.com/matbalez - status: Active advocacy underway + status: Active advocacy underway connect: channel: "#bip-177" url: https://discord.gg/GPXH25FG @@ -110,7 +110,7 @@ projects: url: https://x.com/matbalez - handle: "@ConorOkus" url: https://x.com/ConorOkus - status: Active advocacy underway + status: Active advocacy underway connect: channel: "#bip-353" url: https://discord.gg/M7nJksmJ @@ -286,7 +286,7 @@ projects: key_people: - handle: "@Yashraj__" url: https://x.com/Yashraj__ - status: Active advocacy underway + status: Active advocacy underway connect: channel: "#privacy" url: https://discord.gg/MuXfrfSv diff --git a/_sass/minima/_projects-page.scss b/_sass/minima/_projects-page.scss index 805405155..2b81637f6 100644 --- a/_sass/minima/_projects-page.scss +++ b/_sass/minima/_projects-page.scss @@ -357,7 +357,12 @@ .projects-grid { gap: $spacing-unit * 2; - padding: $spacing-unit * 2 0; + padding: $spacing-unit * 2 0 $spacing-unit / 2 0; + } + + // Add space between funding section and first split section + p + .split-section { + margin-top: $spacing-unit * 3; } .project-category__list { From c135459b5d6d54ef02e89e493199933e55e2d1d7 Mon Sep 17 00:00:00 2001 From: Johns Beharry Date: Mon, 22 Dec 2025 19:55:52 -0400 Subject: [PATCH 4/4] fix(projects): use non-breaking space entity in hide-mobile spans Replace regular space with   in status pills to prevent whitespace collapsing. Ensures consistent spacing between 'Active advocacy' and 'underway' on desktop. Browser whitespace collapsing rules can remove spaces at the start of inline elements like . Using   entity forces the space to always render. --- _data/projects.yaml | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/_data/projects.yaml b/_data/projects.yaml index cd0681f08..6c789267d 100644 --- a/_data/projects.yaml +++ b/_data/projects.yaml @@ -92,7 +92,7 @@ projects: key_people: - handle: "@matbalez" url: https://x.com/matbalez - status: Active advocacy underway + status: Active advocacy underway connect: channel: "#bip-177" url: https://discord.gg/GPXH25FG @@ -110,7 +110,7 @@ projects: url: https://x.com/matbalez - handle: "@ConorOkus" url: https://x.com/ConorOkus - status: Active advocacy underway + status: Active advocacy underway connect: channel: "#bip-353" url: https://discord.gg/M7nJksmJ @@ -286,7 +286,7 @@ projects: key_people: - handle: "@Yashraj__" url: https://x.com/Yashraj__ - status: Active advocacy underway + status: Active advocacy underway connect: channel: "#privacy" url: https://discord.gg/MuXfrfSv