Login

jQuery Github Repos Feed


jQuery plugin to feed your repositories on your website.

Usage

CSS

<!-- Include Font Awesome -->
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

<!-- Codemirror -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/codemirror.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/addon/dialog/dialog.min.css">

<!-- jgrfeed Style -->
<link type="text/css" rel="stylesheet" href="css/jgrfeed.css" />

HTML

<div id="jgrfeed"></div>

JS

<!-- Codemirror -->
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/codemirror.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/mode/xml/xml.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/mode/javascript/javascript.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/mode/css/css.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/mode/htmlmixed/htmlmixed.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/addon/dialog/dialog.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/addon/search/searchcursor.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/addon/search/search.min.js"></script>

<!-- Include jQuery -->
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>

<!-- Include jgrfeed.js -->
<script src="js/jgrfeed.js"></script>
<script>

// https://github.com/{username}/{reponame}

var username = 'bachors', // username
reponame = 'Chat-Realtime'; // reponame

// run
jgrfeed(username, reponame);
        
</script>

Demo Fork me on GitHub