tandpfun/skill-icons

[BUG REPORT] PICTURE&SOURCE tag

Closed this issue · 2 comments

The bug

GitHub profile README.md only shows the first icon when retrieving multiple icons.
Note that if you simply use the API in a browser or VS Code viewer, all images are displayed correctly.

But this may be a problem with GitHub itself

Steps to reproduce

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://skillicons.dev/icons?theme=dark&perline=9&i=java,kotlin,nodejs,figma" />
  <source media="(prefers-color-scheme: light)" srcset="https://skillicons.dev/icons?theme=light&perline=9&i=java,kotlin,nodejs,figma" />
  <img width= alt="Icons for favorite tools, lang and mySkills." src="https://skillicons.dev/icons?theme=light&perline=9&i=java,kotlin,nodejs,figma" />
</picture>

Any extra info

I have created a repository for explanatory purposes.
https://github.com/unSerori/skill-icons-bug-sample

This isn't a bug. Markdown itself doesn't support <picture> element or advanced HTML features (e.q. <source>). What you are trying to do here just isn't possible.

Thank you!