jquery-repos-js

JQuery Plugin To Display The Repositories On Github | jquery.repos.js

by

JQuery Repos is a jquery plugin for seeing the latest releases published on GitHub repositories, using the Application Program Interface available to Github.

Another jQuery add-on for developers who fetch your Github repositories and display it as a nifty buyback list on your webpage.

How to make use of it:

1. Insert the stylesheet repos.css and JavaScript jquery.repos.js into the web page.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/js/jquery.repos.js"></script>
<link rel="stylesheet" href="/path/to/css/repos.css" />

2. Create a container to hold the Github repo checklist.

<div class="repos"></div>

3. Initialize the plugin and exchange the Github username as follows:

$(function(){
  $('div.repos').repos({
    username:'WCF'
  });
});

4. Determine the utmost variety of repos to show.

$(function(){
  $('div.repos').repos({
    username:'WCF',
    count:10
  });
});

5. Override the default types of the Github repo checklist.

span.name a {
  text-decoration: none;
  font-weight: bold;
  color: #4183c4;
  font-size: 14px;
}

span.name a:hover {
  text-decoration: underline;
}

span.description {
  color: #8c77a1;
  font-size: 14px;
}

span#icon_repos {
  margin-top: 5px;
  float: left;
}

div.content {
  padding: 8px;
  border: 1px solid #e5e5e5;
  background: #fff;
}

div.content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-left: 20px;
}

Display Github Repositories On The Page, JQuery Repos Plugin/Github

See Demo And Download

Demo
Download

Official Website(MicheleDeF): Click Here

This superior jQuery/javascript plugin is developed by MicheleDeF. For extra Advanced Usages, please go to the official website.

Leave a Comment