https://github.com/joebrogers/madewithpico-8badges
GitHub repository badges for the game development tool "PICO-8".
https://github.com/joebrogers/madewithpico-8badges
pico-8 pico-8-framework pico8
Last synced: 5 months ago
JSON representation
GitHub repository badges for the game development tool "PICO-8".
- Host: GitHub
- URL: https://github.com/joebrogers/madewithpico-8badges
- Owner: JoebRogers
- Created: 2018-10-31T15:05:10.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-11-28T18:10:27.000Z (over 6 years ago)
- Last Synced: 2025-03-13T04:42:38.787Z (about 1 year ago)
- Topics: pico-8, pico-8-framework, pico8
- Size: 16.6 KB
- Stars: 23
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Made With PICO-8 Badges
[](https://github.com/JoebRogers/MadeWithPICO-8Badges/graphs/commit-activity)
[](https://en.wikipedia.org/wiki/Creative_Commons_license)
[](https://joebrogers.com)
[](https://twitter.com/JoebMakesGames)
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):
[](https://www.lexaloffle.com/pico-8.php)
```
[](https://www.lexaloffle.com/pico-8.php)
```
#### Plastic:
[](https://www.lexaloffle.com/pico-8.php)
```
[](https://www.lexaloffle.com/pico-8.php)
```
#### Flat Square:
[](https://www.lexaloffle.com/pico-8.php)
```
[](https://www.lexaloffle.com/pico-8.php)
```
#### For The Badge:
[](https://www.lexaloffle.com/pico-8.php)
```
[](https://www.lexaloffle.com/pico-8.php)
```
#### Popout:
[](https://www.lexaloffle.com/pico-8.php)
```
[](https://www.lexaloffle.com/pico-8.php)
```
#### Popout Square:
[](https://www.lexaloffle.com/pico-8.php)
```
[](https://www.lexaloffle.com/pico-8.php)
```
### Badgen
#### Default (Flat)
[](https://www.lexaloffle.com/pico-8.php)
```
[](https://www.lexaloffle.com/pico-8.php)
```
#### Flat Square
[](https://www.lexaloffle.com/pico-8.php)
```
[](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:
- [Shields.io](https://shields.io/#/)
- [Badgen](https://badgen.net/)
- [PICO-8](https://www.lexaloffle.com/pico-8.php)