As we get more humans registered with wallets, the list of fellows (a linear list in a single column down the page) is getting long!
Let's sort them from newest to oldest (by timestamp of when they were created), so that we see newly registered humans first.
Let's put them in a grid view for now, kind of like how they show up in the KB5 Fellows Notion page.
Each grid item would contain:
Profile picture: as we don't yet have the ability to upload a profile picture, you can use a fun random placeholder image, like the ones from placekitten. Recommend a square for the photo container (and try to have the photos fill the square).
A text section below the photo, including name and (on the second line) city (just for now). Let's hide the rest of the unprofile data for now; in an upcoming iteration, we can show the rest of the unprofile, either in a separate profile page for each person, or in a popover/preview type of component.
Make sure the grid looks good at all screen sizes down to about 500px. Currently we use the default Tailwind breakpoints so you can use the class name prefixes (xs, sm, md etc) provided by Tailwind.
The list of adventures is below the list of fellows and you can leave the adventures as is.
If you're a first-time contributor, please do items 1 and 2 above in separate PRs, so that your first PR will be very small and just a practice run for how to open a PR and get it merged.
rorysaur
commented
2 years ago
As we get more humans registered with wallets, the list of fellows (a linear list in a single column down the page) is getting long!
Each grid item would contain:
Make sure the grid looks good at all screen sizes down to about 500px. Currently we use the default Tailwind breakpoints so you can use the class name prefixes (
xs,sm,mdetc) provided by Tailwind.The list of adventures is below the list of fellows and you can leave the adventures as is.
If you're a first-time contributor, please do items 1 and 2 above in separate PRs, so that your first PR will be very small and just a practice run for how to open a PR and get it merged.