# fork-me-on-github.css

> fork me on github css tool

Latest version **1.0.0** (published 2019-02-16) · ISC license · 0 weekly downloads

## Install

```sh
npm install fork-me-on-github.css
pnpm add fork-me-on-github.css
yarn add fork-me-on-github.css
bun add fork-me-on-github.css
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2019-02-16 |
| First published | 2019-02-16 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 20.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | LamborShea |
| Maintainers | nanbo |
| Keywords | forkmeongithub |

## Links

- npm: https://www.npmjs.com/package/fork-me-on-github.css
- Repository: https://github.com/Lamborshea/fork-me-on-github.css
- Homepage: https://github.com/Lamborshea/fork-me-on-github.css.css#readme
- Issues: https://github.com/Lamborshea/fork-me-on-github.css.css/issues
- npm.io page: https://npm.io/package/fork-me-on-github.css

## Recent versions

- 1.0.0 (latest) — 2019-02-16

## README

# fork-me-on-github.css

Design 'GitHub Ribbons ' by CSS

![ Fork me on GitHub](http://qiniu.xienanbo.com/fork-me-on-github-black.jpg)

## Usage

1. add `<link rel="stylesheet" href="path of forkMeOnGitHub.css">` in your `HTML` file head.
1. add `<span>` tag with Id name is `forkMeOnGitHub`.
1. add `<a>` tag in `<span>` tag with href which is you GitHub Link and content is `Fork me on GitHub`.

Just like the this:

```HTML
<head>
    <link rel="stylesheet" href="path/to/fork-me-on-github.css">
</head>
<body>
    <!-- default theme -->
    <span class="fork-me-on-github">
        <a href="https://github.com/lamborshea/lamborshea">Fork me on GitHub</a>
    </span>

    <!-- red theme -->
    <span class="fork-me-on-github-red">
        <a href="https://github.com/lamborshea/lamborshea">Fork me on GitHub</a>
    </span>

    <!-- blue theme -->
    <span class="fork-me-on-github-blue">
        <a href="https://github.com/lamborshea/lamborshea">Fork me on GitHub</a>
    </span>

    <!-- yellow theme -->
    <span class="fork-me-on-github-yellow">
        <a href="https://github.com/lamborshea/lamborshea">Fork me on GitHub</a>
    </span>

    <!-- white theme -->
    <span class="fork-me-on-github-white">
        <a href="https://github.com/lamborshea/lamborshea">Fork me on GitHub</a>
    </span>
</body>
```

default theme
![default theme](http://qiniu.xienanbo.com/fork-me-on-github-black.jpg)

red theme
![default theme](http://qiniu.xienanbo.com/fork-me-on-github-red.jpg)

blue theme
![default theme](http://qiniu.xienanbo.com/fork-me-on-github-blue.jpg)

yellow theme
![default theme](http://qiniu.xienanbo.com/fork-me-on-github-yellow.jpg)

white theme
![default theme](http://qiniu.xienanbo.com/fork-me-on-github-white.jpg)

## Feature

- Designed by CSS entirely.
- Responsive: when screen width is lower than 768px, the `Fork me on GitHub` ribbon won't display.

## ToDoList

- [ ] add position options class "left/right".
- [x] add theme "red green yellow gray'.

---
_Source: https://npm.io/package/fork-me-on-github.css · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._