search

tandpfun / skill-icons

Showcase your skills on your Github readme or resumé with ease ✨
https://skillicons.dev
MIT License
7.84k stars 1.08k forks source link

[BUG REPORT] PICTURE&SOURCE tag #1195

Closed unSerori closed 2 months ago

unSerori commented 2 months ago

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 2 months ago

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 2 months ago

Thank you！