Embedding Shields IO Badge HTML in GitHub README.rst
I'm trying to include Shield IO Badges in the README.rst file for a GitHub project I am working on. Shield IO Badges have the functionality to encode for two links (one on the left side of the badge and one on the right side of the badge) and I would like to include this in the project README. From https://shields.io/, in order to use the dual link functionality, the badge must be encoded in a HTML <object> tag. reStructuredText has the raw function and can include HTML code snippets in the files which is parsed and included in the README. The PyCharm interpreter can parse the HTML properly and the dual link functionality is present. However, when I push the file to GitHub, the HTML is not being parsed at all. Was curious if there was a work around to get this functionality in a GitHub README file (Doesn't necessarily have to be reStructuredText).
Example:
.. raw:: html
<object data="https://img.shields.io/static/v1?label=Question&message=Unanswered&color=lightgrey&link=https://stackoverflow.com/&link=https://stackoverflow.com/questions/66716288/embedding-shields-io-badge-html-in-github-readme-rst"></object>
Example Badge Image:
Link to Shield IO Static Badge with Dual Link Functionally:
It's not possible. Github strips links from SVG's in Markdown and reStrcturedText. See this issue on Github.
- <aside> vs <section>: Which one should I use for a bibliography/reference section?
- Vertical align in bootstrap table
- How to disable external CSS in browser for testing?
- Checkbox Stays Checked on Page Refresh
- How do I recognize swipe events in React?
- How do I right align div elements?
- Html and css to add colorful codes
- How do i make a form with an image and text
- What is the easiest way to create an HTML mouseover tool tip?
- How to insert a line break in ::before of an element using CSS and attr()
- Why is using onClick() in HTML a bad practice?
- how to get a full page web app even in safari?
- When hover over img, all other images blur using CSS :not(:hover)
- Bootstrap-Select : remove ugly focus border
- Pure CSS Continuous Horizontal Text Scroll Without Break
- Get all <span> texts containing non-zero dollar amounts from an HTML string
- Using Matter.js to render to the DOM or React
- Matter.js Mouse Controls Setup
- React won't draw anything in the canvas in useEffect
- Creating Custom Select at Run Time
- How do you specify table padding in CSS? (table, not cell, padding )
- How is character encoding specified in a multipart/form-data HTTP POST request?
- How to regex scrape HTML and ignore whitespace and newlines in code?
- How (and why) to use CSS "display: table-cell"?
- How to make <button> fill a table cell <td>?
- How do I make a placeholder for a 'select' box?
- Communication between content script and web_accessible_resources iframe
- Only first placeholder displayed in Django's UserCreationForm
- Pulling out some text from a giant HTML file using Nokogiri/xpath
- jQuery UI 1.10: dialog and zIndex option