Ribbons and badges for open source project made at RC.
The Recurse Center project tags are small badges inspired by the 'Fork me on GitHub' ribbons used to promote RC through your open source projects. Built something awesome during your batch? Let people know by including a tag in your project pages or documentation.
Tags are available as self-contained HTML snippets that do not require any external resouces or as image tags for less flexible use-cases such as Markdown or Jekyll. All tags link to the Recurse Center homepage.
There are many types of available tags and the selection will keep growing. Check out the project page for the up-to-date collection of RC tags.
Examples of tags are:
Go to the tags project page and select a tag you want to embed in your page. Click Copy to Clipboard
and the a snippet will be copied. The snippet includes all needed HTML, CSS and the logo SVG so it can display properly online or offline without any added resources.
If you're using the tags in environments that don't allow <style>
tags or custom CSS like in Markdown or Jekyll blogs you can use <img>
snippets that use a PNG rendering of the tags. The images are still pretty light weight and should load quickly on your pages.
The tags will soon be available as components for React and Angular 1 & 2 (a bit later on).
To install the tags module:
npm install rc-badges
To build the tags run the webpack build command from the project's root folder: webpack -w
.
Webpack will watch the project files and re-compile on every change. Note that this is not the webpack-dev-server
so to open the project simply run index.html
in your browser.