Replace default DevDocs illustration by specific language logo

[Popolechien]

Devdocs has the corresponding logos, and seeing how we are likely to end up with dozen up dozen of zim files, it might be helpful to help visually distinguish (beside the zim title, obviously)

[kelson42]

Very supportive of this request. Sounds like a detail, but is not.

[benoit74]

To rephrase this a bit, the feature request is: "would it be possible to automatically use the specific icon used in devdocs for the given slug as ZIM illustration, instead the default DevDocs illustration".

[benoit74]

Quick answer seems to be this is not really possible, the logo displayed on devdocs is way too small. We need a 48x48px, logo is 16x16px, if we upscale it, it is going to be ugly. And placing a 16x16px logo in the middle of a 48x48px (without upscaling, using only 16x16px is going to be weird since it leaves lots of free space).

Logos are probably also at https://github.com/freeCodeCamp/devdocs/tree/main/public/icons/docs

Here we can find the source where the logo was originally retrieved.

I'm afraid this will have to be manually setup for every recipe in the farm.

[benoit74]

Note that implementing #32 will be needed before one can customize the illustration in the Zimfarm

[benoit74]

One idea we've just add is that we can probably automate the creation of a composite icon based on existing ones.

We can have a "generic" icon with a placeholder for the 16x16 icons available at https://github.com/freeCodeCamp/devdocs/blob/main/public/icons/docs/

Generic Icon:

Sample result for Angular:

@siemsie do you have any input / feedback / design suggestion to make the icons look better? (we can chat about this on Slack, not sure it is easy to jump into it without context ^^)

[benoit74]

After discussing with @siemsie, we realized there is "only" about 205 icons to create, and it looks like it is totally feasible to create and update them manually and would allow to be more independent from devdocs.

So we will give it a try, and must hence implement #32 first, and we can probably live with the default devdocs illustration otherwise.

[benoit74]

Closing this issue for now, we plan to go with #32 only for now (custom icons created "by hand"). Can always be reopened if we change our minds.

[benoit74]

Reopening, because it has also been proposed in #8, so maybe we should consider it. Anyway, not a priority from my PoV.