[BUG REPORT] PICTURE&SOURCE tag
Closed this issue · 2 comments
unSerori commented
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
AleksaMCode commented
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.
unSerori commented
Thank you!