GithubHelp home page GithubHelp logo

lucberge / vote-badge Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 225 KB

✔️❌ ⁉️ ✉️ Embed voting badge in your README files

Home Page: https://vote-badge.cyclic.app/index

JavaScript 68.02% HTML 17.94% CSS 14.04%
badge mardown vote polls voting counter shieldsio views readme survey

vote-badge's Introduction

Vote badge

Embed voting badges in your markdown files. What do you think about this project ?

Custom badge Custom badge Custom badge

Embed your own voting badges

Create your badge with our tool or follow the instructions bellow:

  1. Find a unique key which will be used to identify your vote. eg: my-unique-key

  2. Copy the following code

[![Custom badge](https://vote-badge.cyclic.app/count/my-unique-key)](https://vote-badge.cyclic.app/vote/my-unique-key)

or use the shields.io endpoint API

[![Custom badge](https://img.shields.io/endpoint?url=https%3A%2F%2Fvote-badge.cyclic.app%2Fcount%2Fmy-unique-key)](https://vote-badge.cyclic.app/vote/my-unique-key)
  1. Paste it in your README to get the following badge Custom badge

  2. Click on the badge to vote

Refreshing the page won't be enought to see the changes. GitHub stores the images in the cache and will refresh it few minutes later. Wait five minutes before hard-refreshing the page.

View counter

You can also use the badge to count the number of views on your project, your profile or an issue.

Custom badge

Embed your own view counter

  1. Find a unique key which will be used to identify your view counter. eg: my-other-unique-key

  2. Copy the following code

[![Custom badge](https://vote-badge.cyclic.app/view/my-other-unique-key)](https://github.com/LucBerge/vote-badge)
  1. Paste it in your README to get the following badge Custom badge

  2. It will be incremented everytime the page is loaded

Refreshing the page won't be enought to see the changes. GitHub stores the images in the cache and will refresh it few minutes later. Wait five minutes before hard-refreshing the page.

Customize the badges

  • Add the parameter label to change the text
[![Custom badge](https://vote-badge.cyclic.app/count/my-unique-key?label=Awesome)](https://vote-badge.cyclic.app/vote/my-unique-key)

Custom badge

  • Add the parameter color to change the color
[![Custom badge](https://vote-badge.cyclic.app/count/my-unique-key?label=Awesome&color=blue)](https://vote-badge.cyclic.app/vote/my-unique-key)

Custom badge

  • Add the parameter logo to add a logo
[![Custom badge](https://vote-badge.cyclic.app/count/my-unique-key?label=Awesome&color=blue&logo=github)](https://vote-badge.cyclic.app/vote/my-unique-key)

Custom badge

  • Our API is 100% compatible with Shields.io. Check their documentation to see all the parameters you can use

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.