search

surbhioberoi / github-widget

A widget showing your github details that you can embed in any website.
https://surbhioberoi.github.io/github-widget/
MIT License
657 stars 36 forks source link

readme

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="https://github.com/surbhioberoi/github-widget/raw/master/./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="https://github.com/surbhioberoi/github-widget/raw/master/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>