0l1v3rr / 0l1v3rr/github-readme-tech-stack
Custom SVGs not not displayed
- Dominant language
- TypeScript
- Stars
- 261
- Forks
- 46
- PR merge metrics
- No merged PRs in 30d
Description
Hey,
thank you for building this project. I was really enthusiastic when I saw this project and I would like to create a tech-stack-card for my profile. Unfortunatly, simple icons does not include all icons I would like to add (e.g. Seaborn). To handle this, I used custom .svg files from their website and added them to the card.
Depending on the file, the whole card did not show.
SVG that did not work: https://seaborn.pydata.org/_static/logo-wide-lightbg.svg
SVG that did work: https://docs.dask.org/en/stable/_images/dask_icon.svg
From my limited experience with the .svg format, I could not see any problems.
Any idea what might cause the problem?
Contributor guide
Research direction
The issue is about SVG rendering in a tech stack card generator. Look at the component that handles custom SVG icons, likely in the frontend code for card generation. Compare the working and non-working SVG files to identify differences in SVG structure or attributes. Test rendering with the provided Seaborn SVG to reproduce the issue. Check the browser console or server logs for any errors during SVG processing.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nextjs, react, storybook, tailwindcss, typescript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100