-
Notifications
You must be signed in to change notification settings - Fork 2
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
Replace project avatars #403
Conversation
agjohnson
commented
Jun 29, 2024
•
edited
Loading
edited
- Fix URL for web component styles and avatar image
- Create a 100x100px image, mapped to our current color scheme colors on the dashboard. This creates a lot of nice variance in colors and matches the look and feel in addition.
- Resize to something easy for bitwise hashing math, 128x128?
- Find the right pattern for avoiding inline styles and background positioning
- Fix positioning on the project header, it's out of place now
- Resolves Replace Dicebear with static generated images #131
I worked through patterns for attributes, using a static URL for the image, updated the underlying sprite, and fixed an issue on the project header. With the new sprite, the dashboard looks like this now: The image is a palette mapped image, using colors from the FUI base color scheme. We can also tweak the sprite more though. Here's an example using fewer colors and more pixels in the avatar image: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good to me. The only thing I would change is the background image used. I'd propose to generate one ourselves in some random way by taking a color palette from https://colorhunt.co/ that looks nice.
I am already using the same color palette as FUI. What is the concern around generating an image vs processing a photo? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🚢