surbhioberoi / github-widget

A widget showing your github details that you can embed in any website.

Github Widget

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>