Skip to content

GitHub repository badges for the game development tool "PICO-8".

Notifications You must be signed in to change notification settings

JoebRogers/MadeWithPICO-8Badges

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 

Repository files navigation

Made With PICO-8 Badges

Maintenance License Ask Me Anything ! Twitter Follow

Bagdes displaying Made With PICO-8 which you can include in your README.md on GitHub or BitBucket. Copy the markdown-code for one into your readme.md to make them appear in the repository.

Badge Host Options

It's been brought to my attention that there are issues with badge rendering via the original hosting choice (Shields.io) I had decided to use. So far, it appears these issues only extend as far as odd kerning and font appearance, and only on very specific versions of Firefox + OS.

With that in mind, I've searched around and found and alternative which I believe has greater stability (Badgen), but I'll be relying on reports of issues to make a real overall judgement. In exchange for the stability however, the alternative host has less options for badge appearance.

Shields.io

Default (Flat):

Made With PICO-8

[![Made With PICO-8](https://img.shields.io/badge/Made%20With-PICO--8-ff004d.svg?style=flat&logo=data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAlUlEQVQ4jWP8v5gBFTxOR%2BVXPfuPwp8SxIjCt%2BBG4TIxUBkMfgNZGIyi0IRmoobZxxeo0rcPocp%2FEEEJ08HvZaobyPj%2FjTpqmLAeJM2EtgMo3MHvZeqnw9X%2FXVHSUdhnP5Qw%2Fc%2B7CUVDS%2BsWFH6QpuyIT4cMT8xQBJI%2B1aHwj1%2F3RgnTVJbrKGH29egxFPWD38tUNxAAun4liexlTtMAAAAASUVORK5CYII%3D)](https://www.lexaloffle.com/pico-8.php)

Plastic:

Made With PICO-8

[![Made With PICO-8](https://img.shields.io/badge/Made%20With-PICO--8-ff004d.svg?style=plastic&logo=data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAlUlEQVQ4jWP8v5gBFTxOR%2BVXPfuPwp8SxIjCt%2BBG4TIxUBkMfgNZGIyi0IRmoobZxxeo0rcPocp%2FEEEJ08HvZaobyPj%2FjTpqmLAeJM2EtgMo3MHvZeqnw9X%2FXVHSUdhnP5Qw%2Fc%2B7CUVDS%2BsWFH6QpuyIT4cMT8xQBJI%2B1aHwj1%2F3RgnTVJbrKGH29egxFPWD38tUNxAAun4liexlTtMAAAAASUVORK5CYII%3D)](https://www.lexaloffle.com/pico-8.php)

Flat Square:

Made With PICO-8

[![Made With PICO-8](https://img.shields.io/badge/Made%20With-PICO--8-ff004d.svg?style=flat-square&logo=data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAlUlEQVQ4jWP8v5gBFTxOR%2BVXPfuPwp8SxIjCt%2BBG4TIxUBkMfgNZGIyi0IRmoobZxxeo0rcPocp%2FEEEJ08HvZaobyPj%2FjTpqmLAeJM2EtgMo3MHvZeqnw9X%2FXVHSUdhnP5Qw%2Fc%2B7CUVDS%2BsWFH6QpuyIT4cMT8xQBJI%2B1aHwj1%2F3RgnTVJbrKGH29egxFPWD38tUNxAAun4liexlTtMAAAAASUVORK5CYII%3D)](https://www.lexaloffle.com/pico-8.php)

For The Badge:

Made With PICO-8

[![Made With PICO-8](https://img.shields.io/badge/Made%20With-PICO--8-ff004d.svg?style=for-the-badge&logo=data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAlUlEQVQ4jWP8v5gBFTxOR%2BVXPfuPwp8SxIjCt%2BBG4TIxUBkMfgNZGIyi0IRmoobZxxeo0rcPocp%2FEEEJ08HvZaobyPj%2FjTpqmLAeJM2EtgMo3MHvZeqnw9X%2FXVHSUdhnP5Qw%2Fc%2B7CUVDS%2BsWFH6QpuyIT4cMT8xQBJI%2B1aHwj1%2F3RgnTVJbrKGH29egxFPWD38tUNxAAun4liexlTtMAAAAASUVORK5CYII%3D)](https://www.lexaloffle.com/pico-8.php)

Popout:

Made With PICO-8

[![Made With PICO-8](https://img.shields.io/badge/Made%20With-PICO--8-ff004d.svg?style=popout&logo=data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAlUlEQVQ4jWP8v5gBFTxOR%2BVXPfuPwp8SxIjCt%2BBG4TIxUBkMfgNZGIyi0IRmoobZxxeo0rcPocp%2FEEEJ08HvZaobyPj%2FjTpqmLAeJM2EtgMo3MHvZeqnw9X%2FXVHSUdhnP5Qw%2Fc%2B7CUVDS%2BsWFH6QpuyIT4cMT8xQBJI%2B1aHwj1%2F3RgnTVJbrKGH29egxFPWD38tUNxAAun4liexlTtMAAAAASUVORK5CYII%3D)](https://www.lexaloffle.com/pico-8.php)

Popout Square:

Made With PICO-8

[![Made With PICO-8](https://img.shields.io/badge/Made%20With-PICO--8-ff004d.svg?style=popout-square&logo=data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAlUlEQVQ4jWP8v5gBFTxOR%2BVXPfuPwp8SxIjCt%2BBG4TIxUBkMfgNZGIyi0IRmoobZxxeo0rcPocp%2FEEEJ08HvZaobyPj%2FjTpqmLAeJM2EtgMo3MHvZeqnw9X%2FXVHSUdhnP5Qw%2Fc%2B7CUVDS%2BsWFH6QpuyIT4cMT8xQBJI%2B1aHwj1%2F3RgnTVJbrKGH29egxFPWD38tUNxAAun4liexlTtMAAAAASUVORK5CYII%3D)](https://www.lexaloffle.com/pico-8.php)

Badgen

Default (Flat)

Made With PICO-8

[![Made With PICO-8](https://badgen.net/badge/Made%20with/PICO-8/ff004d?icon=https://joebrogers.com/images/pico-8-original.svg)](https://www.lexaloffle.com/pico-8.php)

Flat Square

Made With PICO-8

[![Made With PICO-8](https://flat.badgen.net/badge/Made%20with/PICO-8/ff004d?icon=https://joebrogers.com/images/pico-8-original.svg)](https://www.lexaloffle.com/pico-8.php)

But I want to use a different colour from the PICO-8 palette!

That's fine! Towards the beginning of the url, replace ff004d with your palette colour of choice from the following sections!

Shields.io - Made%20With-PICO--8-ff004d.svg

Badgen - Made%20with/PICO-8/ff004d

I'm having issues with kerning on certain characters, but don't want to use Badgen!

The closest thing to a solution I've found at this time for resolving this, is to replace the SVG badge with the PNG version, which appears to be more consistent across browser platforms (but still now perfect).

To do this, here are the sections you need to adjust from the above links:

https://img.shields.io/

Should become

https://raster.shields.io/

And

Made%20With-PICO--8-ff004d.svg?

Should become

Made%20With-PICO--8-ff004d.png?

The kerning quality increase on Firefox definitely isn't huge, but it is at least better than what is currently being shown with the SVGs.

Sources:

About

GitHub repository badges for the game development tool "PICO-8".

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published