Redesign third party extensions table

simple-icons / simple-icons-website

The website for Simple Icons: SVG icons for popular brands

https://simpleicons.org

Creative Commons Zero v1.0 Universal

288 stars 29 forks source link

Redesign third party extensions table #294

Open mondeja opened 1 year ago

mondeja commented 1 year ago

Kind of issue

[ ] Feature
[ ] Bug
[x] Design
[ ] Other, namely:

Description

The third party extensions table is now a bit unusable because the third party extensions have grown a lot. We definitely need scrolling.

Also seems to me that the even-odd contrast change is too much aggresive.

I want to propose too to add the icon before the extension name, but for that we need to extract the icon slug from the link in the main repo utils.js file. Thinking on something like:

adamrusted commented 1 week ago

Note in the main repo we've now got 'extensions' and 'libraries' - perhaps something similar here would help?

mondeja commented 1 week ago

I've separated both types of extensions in the wasm site, check https://wasm.simpleicons.org/?modal=extensions

adamrusted commented 1 week ago

Lovely! Unsure what the 'optimal' implementation of this would be for any re-work of the site, maybe dedicating some of the grid to a 'use Simple Icons in...' card with our officially recognised extensions, and then have the libraries be the modal?