Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
37 lines (26 sloc) 1.7 KB

GitHub Timeline Widget

GitHub Timeline Widget is a jQuery plugin that displays your GitHub activity.

Live Demo:

It’s a work in progress, but feel free to try it out and/or give me feedback.

Screenshot of GitHub Timeline Widget

Steps To Add To Your Website

1. Include jQuery in your page. You can easily include the one from Google Libraries API:

<script type="text/javascript" src=""></script>

2. Create a <div> element on your page to hold the widget:

<div id="github-timeline-widget"></div>

3. Include the following code snippet, substituting ##GITHUB USERNAME## for your GitHub username:

<script type="text/javascript" src=""></script>
<script type="text/javascript">
$(function() {
  var options = {
    'username': '##GITHUB USERNAME##',
    'limit': 5,
    'user_id': true // set to false to exclude (user #)

4. Optional: Style it with CSS
Use the CSS classes github-timeline-header to style the header text (defaults to “lucidia grande” 14px bolder black) and github-timeline-event-text:link to style the text (defaults to “lucidia grande” 12px black).

See the github-timeline-widget.css file for all classes.

Jump to Line
Something went wrong with that request. Please try again.