/github-widget

A widget showing your github details that you can embed in any website.
  1. JavaScript 64.2%
  2. CSS 30.6%
  3. HTML 5.2%
JavaScript CSS HTML

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Open in Desktop Download ZIP
Find file
Switch branches/tags
Nothing to show
Latest commit 57ac715 Mar 15, 2017 @surbhioberoi committed on GitHub Merge pull request #21 from andrewgaul/max-repositories 
Increase max repositories from 30 to 1000
Permalink
Failed to load latest commit information.
dist adding support for multiple widgets in single page Aug 1, 2016
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>