Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make Explorer browse page easier to browse #23

Open
rorysaur opened this issue May 25, 2022 · 1 comment
Open

Make Explorer browse page easier to browse #23

rorysaur opened this issue May 25, 2022 · 1 comment

Comments

@rorysaur
Copy link
Contributor

rorysaur commented May 25, 2022

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!

  1. Let's sort them from newest to oldest (by timestamp of when they were created), so that we see newly registered humans first.
  2. 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
Copy link
Contributor Author

Musaj has claimed this task!

gjacuna pushed a commit to gjacuna/kernel-services that referenced this issue May 27, 2022
* add common Alert component

* add success/fail alert to Unprofile submission

* add headlessui to Unprofile

* change consent input from checkbox to switch/toggle

* appease linter

* PR fixes

* appease linter
muhammadsalihu added a commit to muhammadsalihu/kernel-services that referenced this issue Jun 7, 2022
rorysaur pushed a commit that referenced this issue Jun 8, 2022
* explore: implemented sort by newest humans (#23)

* chore: fixed lint issues
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant