Create the new Resources Page

[jtfairbank]

This is a larger issue, so please only pick it up if you'll have time to complete it before the end of the month! :smile:

Design: See this Figma file.

Code:

• See src/app/resources/assort/assort.tsx for the code. The new design departs significantly from the current page, so you can either empty that file and start from scratch, or create a new-assort.tsx file for your work in progress.
• Put page-content-specific components in src/components/resources/assort/ or in another components folder if they're potentially reusable on other pages.
• The files to download can be found in public/documents/ (not sure what link Next generates for those). It probably makes sense to move them to a public/documents/resources/assort/ folder or something.

Notes:

• Since we're making a new page with a significantly different design than the old one, there shouldn't need to be too much code reuse. Let's prioritize using Radix UI components (check both their Theme and Primitives docs). It's ok to sprinkle in some tailwind in order to go above and beyond what we get out of the box with Radix, but don't feel like you need to be pixel-perfect when following the designs.

[slusy]

Hey, I would like to work on this

[jtfairbank]

Hey @slusy could you email tech @ distributeaid . org to introduce yourself? We're primarily looking for contributors with existing webdev experience who have the time to make regular contributions, so please be sure to highlight that. If you're looking for a way to gain experience doing web development, our Open Source Explorers program may be a better fit. 😄