From 006bc140561b9835a4d2f58ed1bdba6a8292c1be Mon Sep 17 00:00:00 2001 From: yashrajd <114083781+yashrajd@users.noreply.github.com> Date: Tue, 20 Jan 2026 11:17:55 -0700 Subject: [PATCH 1/7] chore(images): remove unused images from project images directory. Remove unused project_name_18.svg, project_name_19.svg, project_name_20.svg, and project_name_21.svg --- assets/images/projects/project_name_18.svg | 1 - assets/images/projects/project_name_19.svg | 1 - assets/images/projects/project_name_20.svg | 1 - assets/images/projects/project_name_21.svg | 1 - 4 files changed, 4 deletions(-) delete mode 100644 assets/images/projects/project_name_18.svg delete mode 100644 assets/images/projects/project_name_19.svg delete mode 100644 assets/images/projects/project_name_20.svg delete mode 100644 assets/images/projects/project_name_21.svg diff --git a/assets/images/projects/project_name_18.svg b/assets/images/projects/project_name_18.svg deleted file mode 100644 index ec5ce1295..000000000 --- a/assets/images/projects/project_name_18.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/images/projects/project_name_19.svg b/assets/images/projects/project_name_19.svg deleted file mode 100644 index 489f9f651..000000000 --- a/assets/images/projects/project_name_19.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/images/projects/project_name_20.svg b/assets/images/projects/project_name_20.svg deleted file mode 100644 index f9661c520..000000000 --- a/assets/images/projects/project_name_20.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/images/projects/project_name_21.svg b/assets/images/projects/project_name_21.svg deleted file mode 100644 index 3c2f5cb0e..000000000 --- a/assets/images/projects/project_name_21.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file From b9cdc8ca74aff021d403fb72e7bf60aa1b0960fc Mon Sep 17 00:00:00 2001 From: yashrajd <114083781+yashrajd@users.noreply.github.com> Date: Tue, 20 Jan 2026 11:41:02 -0700 Subject: [PATCH 2/7] chore(images): update privacy initiative image to project_name_privacy_22.svg Replace image for Making Privacy Permeate (id 18) with newly added asset project_name_privacy_22.svg --- _data/projects.yaml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_data/projects.yaml b/_data/projects.yaml index 98f06f2b3..2eb55cb41 100644 --- a/_data/projects.yaml +++ b/_data/projects.yaml @@ -32,7 +32,7 @@ projects: url: https://discord.gg/rBRqnjDnmC - id: 3 - image: project_image_03.svg + image: project_name_privacy_22.svg color: "#AE66D6" category: Design Resources title: Bitcoin Builder Kit From 558181ac5d70249d612543bb057247cd5ec11f3f Mon Sep 17 00:00:00 2001 From: yashrajd <114083781+yashrajd@users.noreply.github.com> Date: Tue, 20 Jan 2026 11:45:40 -0700 Subject: [PATCH 3/7] chore(images): update privacy initiative image reference for project 18 to project_name_privacy_22.svg Replace image for Making Privacy Permeate (id 18) with newly added asset project_name_privacy_22.svg --- _data/projects.yaml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_data/projects.yaml b/_data/projects.yaml index 2eb55cb41..6c102f5c1 100644 --- a/_data/projects.yaml +++ b/_data/projects.yaml @@ -276,7 +276,7 @@ projects: url: https://discord.gg/V6v4xXCKbU - id: 18 - image: project_image_03.svg + image: project_name_privacy_22.svg color: "#AE66D6" category: Design Advocacy title: Making Privacy Permeate From 9793f9cdb42c6f3a9209dde5d8fcd0e56b3be340 Mon Sep 17 00:00:00 2001 From: yashrajd <114083781+yashrajd@users.noreply.github.com> Date: Tue, 20 Jan 2026 13:38:07 -0700 Subject: [PATCH 4/7] chore(images): add privacy initiative image asset (project_name_privacy_22.svg) --- .../projects/project_name_privacy_22.svg | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 assets/images/projects/project_name_privacy_22.svg diff --git a/assets/images/projects/project_name_privacy_22.svg b/assets/images/projects/project_name_privacy_22.svg new file mode 100644 index 000000000..646721140 --- /dev/null +++ b/assets/images/projects/project_name_privacy_22.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + From c887e8b977622878801002dca50437b758dcb7b9 Mon Sep 17 00:00:00 2001 From: yashrajd <114083781+yashrajd@users.noreply.github.com> Date: Tue, 20 Jan 2026 13:55:54 -0700 Subject: [PATCH 5/7] chore(images): revert id 3 image reference to project_image_03.svg Restore original image reference for id 3 to align with assets --- _data/projects.yaml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_data/projects.yaml b/_data/projects.yaml index 6c102f5c1..f7b94d13a 100644 --- a/_data/projects.yaml +++ b/_data/projects.yaml @@ -32,7 +32,7 @@ projects: url: https://discord.gg/rBRqnjDnmC - id: 3 - image: project_name_privacy_22.svg + image: project_image_03.svg color: "#AE66D6" category: Design Resources title: Bitcoin Builder Kit From 1417486552e7deb6987e5ec78f9925455b7aa916 Mon Sep 17 00:00:00 2001 From: yashrajd <114083781+yashrajd@users.noreply.github.com> Date: Tue, 20 Jan 2026 23:04:49 -0700 Subject: [PATCH 6/7] feat(projects): add TOC for impact initiatives Adds an 18-item TOC with thumbnails + anchors to each initiative, and CSS-based smooth scrolling scoped to the Projects page; keeps existing styling. --- _sass/minima/_projects-page.scss | 57 ++++++++++++++++++++++++++++++++ projects.md | 15 ++++++++- 2 files changed, 71 insertions(+), 1 deletion(-) diff --git a/_sass/minima/_projects-page.scss b/_sass/minima/_projects-page.scss index e8d7504d4..a333a557d 100644 --- a/_sass/minima/_projects-page.scss +++ b/_sass/minima/_projects-page.scss @@ -203,6 +203,52 @@ } } +.projects-toc { + max-width: 800px; + margin-left: auto; + margin-right: auto; + padding: $spacing-unit * 2 0; + + &__grid { + display: grid; + grid-template-columns: 1fr 1fr; + gap: $spacing-unit; + } + + &__item { + display: flex; + gap: 12px; + align-items: center; + text-decoration: none; + color: #032869; + + &:hover { + color: $brand-color; + } + } + + &__image { + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; + + img { + width: 100%; + height: 100%; + } + } + + &__title { + font-size: 16px; + font-weight: 500; + line-height: 1.12; + letter-spacing: -0.6px; + } +} + .project-category { &__header { display: flex; @@ -385,10 +431,21 @@ font-size: 18px; } } + + .projects-toc__grid { + grid-template-columns: 1fr; + } + + .projects-toc__title { + font-size: 16px; + } } // Projects landing page theme .theme-projects { + html { + scroll-behavior: smooth; + } // Header links .site-header { diff --git a/projects.md b/projects.md index 86cfcdebc..9941de966 100644 --- a/projects.md +++ b/projects.md @@ -46,9 +46,22 @@ https://www.figma.com/file/qzvCvqhSRx3Jq8aywaSjlr/Bitcoin-Design-Guide-Illustrat

These design initiatives can have a giant impact on bitcoin, and thus, on the world. It is a big ambitious slate of work, one for which we need incredible designers to lean in to help us explore, to create and to lead the charge with us. Bitcoin is money for everyone. But it is also yours—what will you design it to be?

+
+
+ {% for project in site.data.projects.projects %} + +
+ +
+
{{ project.title }}
+ + {% endfor %} +
+
+
{% for project in site.data.projects.projects %} -
+
{{ forloop.index | prepend: '00' | slice: -2, 2 }} From c3b5c5c18df5d352eeda78c88b7439a8e7497115 Mon Sep 17 00:00:00 2001 From: yashrajd <114083781+yashrajd@users.noreply.github.com> Date: Wed, 21 Jan 2026 07:45:10 -0700 Subject: [PATCH 7/7] feat(projects): add project-id to TOC entries TOC items show two-digit project-id (initiative number) before titles; title breaks to the next line; styling unchanged. --- _sass/minima/_projects-page.scss | 18 +++++++++++++++++- projects.md | 5 ++++- 2 files changed, 21 insertions(+), 2 deletions(-) diff --git a/_sass/minima/_projects-page.scss b/_sass/minima/_projects-page.scss index a333a557d..9137b2f07 100644 --- a/_sass/minima/_projects-page.scss +++ b/_sass/minima/_projects-page.scss @@ -218,7 +218,7 @@ &__item { display: flex; gap: 12px; - align-items: center; + align-items: flex-start; text-decoration: none; color: #032869; @@ -227,6 +227,22 @@ } } + &__content { + display: flex; + flex-direction: column; + gap: 4px; + } + + &__number { + font-family: $code-font-family; + font-size: 14px; + text-transform: uppercase; + letter-spacing: 1.4px; + line-height: 0.99; + color: #032869; + margin: 0; + } + &__image { width: 40px; height: 40px; diff --git a/projects.md b/projects.md index 9941de966..456af88a4 100644 --- a/projects.md +++ b/projects.md @@ -53,7 +53,10 @@ https://www.figma.com/file/qzvCvqhSRx3Jq8aywaSjlr/Bitcoin-Design-Guide-Illustrat
-
{{ project.title }}
+
+ {{ forloop.index | prepend: '00' | slice: -2, 2 }} +
{{ project.title }}
+
{% endfor %}