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
- Host: GitHub
- URL: https://github.com/crazypython/just-role-tags
- Owner: CrazyPython
- License: cc-by-4.0
- Created: 2017-07-15T22:56:30.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-07-16T18:49:44.000Z (almost 8 years ago)
- Last Synced: 2025-02-17T23:49:06.521Z (4 months ago)
- Topics: beautiful, credits, easy-to-use
- Size: 43.9 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Just Role Tags
 [](https://creativecommons.org/licenses/by/4.0/) [](https://saythanks.io/to/CrazyPython)
Beautiful role tags by and for developers.
## Demo

## 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).