An open-source badge to put your mark on every project
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
.editorconfig
CNAME
README.md
demo.html
makerbadge.js

README.md

MakerBadge

An open-source badge to put your mark on every project.

How to run the demo site:

To serve jekyll site, from /docs, run: bundle exec jekyll serve


How to use MakerBadge:

Use it in 2 steps:

1. Get your badge:

<!-- Insert makerbadge.js (download or use ☁️cloud version) -->

<script src="//makerbadge.s3.amazonaws.com/makerbadge.js"></script>

<!-- Initialise MakerBadge with options -->
    
<script>
  MakerBadge.init({id: 'USERIDHERE'}); // Product Hunt ID 
</script>

Your Product Hunt ID can be foud on your PH profile page (e.g. #309280).

Download MakerBadge.js

2. Customise your badge (Beta):

Choose from 3 themes, and customise layout:

    <script>
       MakerBadge.init({
        id: 'USERIDHERE', // Product Hunt ID
        theme: 3, // 3 Themes: 1, 2 or 3
        name: 'CUSTOMNAME', // Use any name you want
        twitter: '@yourusername' // Link to twitter
        position: 'left', // left or right
        customHTML: '<div>' //custom embeds e.g. buy me a coffee
      });
    </script>

Contribute

Proudly an open source project.

Feel free to contribute here