Stick your repo everywhere. Add the script and add you widgie

GitHub jQuery Repo Widget

Drop this script on your page and it will build you a beautiful widget that displays the status of your GitHub repo.

What does it look like?

Widget Demo

How do I use it?

Everwhere you want a widget to be placed, add the following markup:

<div class="github-widget" data-repo="USERNAME/REPO"></div>

Then include the javascript file somewhere after you've include jQuery:

<script type="text/javascript" src="jquery.githubRepoWidget.min.js"></script>

That's it! All of the styling is included and image assets are pulled from GitHub.

xxxxxxxxxx
 
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
​
    <title>GitHub Repo Widget Demo</title>
    <meta name="description" content="">
​
    <meta name="viewport" content="width=device-width,initial-scale=1">
​
    
</head>
<body>
<div id="container">
    
<h1>Stick your Repo up!</h1>
​
<div style="width: auto; max-width: 600px;">
​
    <div class="github-widget" data-repo="roachhd/dev-dash"></div>
    <br>
    <div class="github-widget" data-repo="roachhd/iOS7-CSS-UI"></div>
        <br>
        <div class="github-widget" data-repo="daneden/animate.css"></div>
​
</div>
​
</div><!-- #container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
​
<script type="text/javascript" src="jquery.githubRepoWidget.min.js"></script>
​
</body>
</html>
    

Modified http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js to a secure url

https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js