An open API service indexing awesome lists of open source software.

https://github.com/crazypython/just-role-tags

Simple and beautiful credits
https://github.com/crazypython/just-role-tags

beautiful credits easy-to-use

Last synced: about 1 month ago
JSON representation

Simple and beautiful credits

Awesome Lists containing this project

README

        

# Just Role Tags

![GitHub stars](https://img.shields.io/github/stars/crazypython/just-credits.svg?style=social&label=Stars) [![License](https://img.shields.io/badge/license-CC--BY%204.0-16161d.svg)](https://creativecommons.org/licenses/by/4.0/) [![Say Thanks](https://img.shields.io/badge/Say%20Thanks-!-1EAEDB.svg)](https://saythanks.io/to/CrazyPython)

Beautiful role tags by and for developers.

## Demo

![](https://i.imgur.com/fdL6z3G.png)

## Usage

Desktop Apps:

1. **Desktop/Mobile Apps:** Embed [ionicons.ttf](https://github.com/CrazyPython/ionicons-version-3-search/blob/master/fonts/ionicons.ttf?raw=true) and [roboto-light.ttf](https://github.com/cdnjs/cdnjs/blob/master/ajax/libs/materialize/0.82/font/roboto/Roboto-Light.ttf?raw=true) on your computer/site/application.

**Web Apps:** Embed [ionicons.min.css](https://gitcdn.xyz/repo/CrazyPython/ionicons-version-3-search/master/css/ionicons.min.css)* and [roboto-light.css](https://fonts.googleapis.com/css?family=Roboto:300) (Google Fonts).

2. Download [one of the SVGs](https://github.com/CrazyPython/just-credits/tree/master/assets).

3. (optional) Edit the SVG code to use the role name of your choice.

If this was useful to you, star this repo!

*Gitcdn.xyz URL. Ionicons 3, the version used, is not known to be hosted on a major CDN. If you are running a production app, you should consider hosting it yourself.

## Using the (cumbersome) Generator

1. [Find an Ionicon that you want to use](https://infinitered.github.io/ionicons-version-3-search/).
2. [Copy the CSS escape into this tool and convert it to a character](https://r12a.github.io/apps/conversion/).
3. [Pop that character into the generator and type in the role name you desire](https://crazypython.github.io/just-role-tags/)
4. Right Click > Inspect Element > Copy the generated SVG code

## Etc.

Uses [Ionicons](https://ionicframework.com/docs/ionicons/) (MIT) and [Roboto](https://fonts.google.com/specimen/Roboto) (Apache 2.0).