how to get the startgazer icon for a github repo

user_1207003 0
Viewed 460

I am trying to include the stargazer which shows a number of stars of a repo have in a Nikola generated plan HTML static page. Something like following

enter image description here

Is there any UI code to include that ?

icons github css html javascript
1 Answers

Go to https://buttons.github.io and select "Star" and make sure "Large button" and "Show count" is selected. Now, all you need to do is copy the relevant HTML in the "Preview and code" <textarea> fields.

Here is the generated code that you will need.

<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>

<!-- Place this tag where you want the button to render. -->
<a class="github-button"
   href="https://github.com/ntkme/github-buttons"
   data-icon="octicon-star"
   data-size="large"
   data-show-count="true"
   aria-label="Star ntkme/github-buttons on GitHub">Star</a>

Here is a dark version with a specific user and repo (Facebook React):

body { background: #222; }
<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>

<!-- Place this tag where you want the button to render. -->
<a class="github-button"
   href="https://github.com/facebook/react"
   data-color-scheme="no-preference: dark; light: light; dark: dark;"
   data-icon="octicon-star"
   data-size="large"
   data-show-count="true"
   aria-label="Star facebook/react on GitHub">Star</a>

user_17622240
Related