Skip to content

Conversation

@yashrajd
Copy link
Contributor

@yashrajd yashrajd commented Jan 21, 2026

The 2026 impact initiatives on Projects page are great, but also make it a lengthy page. Just finding out 1) how many initiatives there are, 2) and learning their titles requires the user to scroll through almost the entire page.

This likely means that many/most readers won't do it. As a result, many readers might not find out about all the initiatives, especially lower in the list, and potentially miss out on ones that might interest them.

This PR proposes a small but nifty UX update to the Projects page:

  • add the list of initiative titles below the intro text of the page ( 2 columns for desktop, 1 column for mobile)
  • use this list as a TOC of sorts, with titles as anchors that take the user to the initiative details once they click/tap on the relevant cell, with smooth scrolling

Keeping this in draft for now, especially in case I got the git branch stuff wrong. Please take a look

🔎Preview🔍

Remove unused project_name_18.svg, project_name_19.svg, project_name_20.svg, and project_name_21.svg
…y_22.svg

Replace image for Making Privacy Permeate (id 18) with newly added asset project_name_privacy_22.svg
…18 to project_name_privacy_22.svg

Replace image for Making Privacy Permeate (id 18) with newly added asset project_name_privacy_22.svg
Restore original image reference for id 3 to align with assets
Adds an 18-item TOC with thumbnails + anchors to each initiative, and CSS-based smooth scrolling scoped to the Projects page; keeps existing styling.
TOC items show two-digit project-id (initiative number) before titles; title breaks to the next line; styling unchanged.
@netlify
Copy link

netlify bot commented Jan 21, 2026

Deploy Preview for bitcoin-design-site ready!

Name Link
🔨 Latest commit c3b5c5c
🔍 Latest deploy log https://app.netlify.com/projects/bitcoin-design-site/deploys/6970f05e8bf5b600080bd56b
😎 Deploy Preview https://deploy-preview-1213--bitcoin-design-site.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant