https://github.com/remarkablemark/github-corners
:octocat: Github Corners embed script.
https://github.com/remarkablemark/github-corners
embed fork-me github github-corner github-corners javascript
Last synced: 6 months ago
JSON representation
:octocat: Github Corners embed script.
- Host: GitHub
- URL: https://github.com/remarkablemark/github-corners
- Owner: remarkablemark
- License: mit
- Created: 2018-01-19T04:23:46.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2023-05-21T18:41:57.000Z (over 2 years ago)
- Last Synced: 2025-07-09T10:45:16.869Z (6 months ago)
- Topics: embed, fork-me, github, github-corner, github-corners, javascript
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/github-corners
- Size: 12.7 KB
- Stars: 7
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# github-corners
[](https://nodei.co/npm/github-corners/)
[](https://www.npmjs.com/package/github-corners)
:octocat: [Github Corners](http://tholman.com/github-corners) embed script inspired by [Tim Holman](https://github.com/tholman).
### Examples
- [JSFiddle](https://jsfiddle.net/remarkablemark/f19eejcb/)
- [Replit](https://replit.com/@remarkablemark/Github-Corners)
## Usage
Include the [embed script](https://unpkg.com/github-corners/) on your webpage:
```html
```
Specify a [version](https://registry.npmjs.org/github-corners) to prevent breaking changes:
```html
```
Improve page loading with `async` or `defer` attribute:
```html
```
## FAQ
The GitHub Corner renders on your page. Great! But how do I specify a link?
Set it with the `data-href` attribute:
```html
```
What if I want the link to open in a new tab?
Set `data-target` to `_blank`:
```html
```
Can I change the `aria-label` of the link?
Yes, the `data-label` value will override the default value:
```html
```
What if I want to change the color or position of the corner?
You can always override the default styling of the svg:
```html
.github-corner > svg {
fill: skyblue;
}
```
## License
[MIT](LICENSE)
See [license/acknowledgements](https://github.com/tholman/github-corners#licenseacknowledgements) from original project.