Skip to content
A widget showing your github details that you can embed in any website.
Branch: master
Clone or download
surbhioberoi Merge pull request #21 from andrewgaul/max-repositories
Increase max repositories from 30 to 1000
Latest commit 57ac715 Mar 15, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
src Increase max repositories from 30 to 1000 Jan 6, 2017
.gitignore fixed issues for linting, CSS prefix, repeated selector, changed 0 da… Jul 28, 2016
LICENSE Initial commit Jul 25, 2016
README.md Replace npmcdn.com with unpkg.com Sep 12, 2016
bower.json removing dependency from bower Jul 31, 2016
package.json adding support for multiple widgets in single page Aug 1, 2016

README.md

Github Widget

Github Widget Image

How to use

Copy paste this code in your HTML, replacing data-username with your GitHub username
<div class="github-widget" data-username="surbhioberoi"></div>
<script src="https://unpkg.com/github-card@1.2.1/dist/widget.js"></script>
Via npm

npm install github-card

Then add this to your HTML, replacing data-username value with your own GitHub username

<div class="github-widget" data-username="surbhioberoi"></div>
<script src="../node_modules/github-card/dist/widget.js"></script>
Via bower

bower install github-widget

Then add this to your HTML, replacing data-username value with your own GitHub username

<div class="github-widget" data-username="surbhioberoi"></div>
<script src="/bower_components/github-card/dist/widget.js"></script>

Using multiple widgets in same page

<div class="github-widget" data-username="github"></div>
<div class="github-widget" data-username="surbhioberoi"></div>
<script src="https://unpkg.com/github-card@1.2.1/dist/widget.js"></script>
You can’t perform that action at this time.