{"id":13831384,"url":"https://github.com/utensil/jquery-github-widget","last_synced_at":"2025-06-22T21:38:49.131Z","repository":{"id":66873558,"uuid":"3729863","full_name":"utensil/jquery-github-widget","owner":"utensil","description":"A widget to show a Github user's basic info and repositories, written as a jQuery plugin.","archived":false,"fork":false,"pushed_at":"2013-10-11T14:35:26.000Z","size":154,"stargazers_count":8,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-15T10:14:59.177Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://utensil.github.com/jquery-github-widget/demo/index.html","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/utensil.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-03-15T15:47:00.000Z","updated_at":"2017-05-16T04:54:48.000Z","dependencies_parsed_at":"2023-02-20T13:30:33.534Z","dependency_job_id":null,"html_url":"https://github.com/utensil/jquery-github-widget","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/utensil/jquery-github-widget","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/utensil%2Fjquery-github-widget","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/utensil%2Fjquery-github-widget/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/utensil%2Fjquery-github-widget/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/utensil%2Fjquery-github-widget/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/utensil","download_url":"https://codeload.github.com/utensil/jquery-github-widget/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/utensil%2Fjquery-github-widget/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261373753,"owners_count":23148920,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-04T10:01:26.774Z","updated_at":"2025-06-22T21:38:44.120Z","avatar_url":"https://github.com/utensil.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"jQuery Github Widgets\n=======================\n\nA widget to show a Github user's basic info and repositories, written as a jQuery plugin.\n\nDemo\n----------\n\nSee it live [here](http://utensil.github.com/jquery-github-widget/demo/index.html).\n\nUsage\n------\n\nMake sure you're using the HTML5 doctype at the top of your html:\n\n```html\n\u003c!DOCTYPE html\u003e\n```\n  \nFrom within the \u0026lt;head\u0026gt;:\n\n```html\n\u003c!-- Make sure you've included jQuery before jquery-github-widget.js. --\u003e\n\u003cscript src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"\u003e\u003c/script\u003e\n\n\u003c!-- Load jquery-github-widget default theme, or customize one of your own. Go ahead, it's well commented :D. --\u003e\n\u003clink href=\"stylesheets/jquery-github-widget-default-theme.css\" media=\"screen\" rel=\"stylesheet\" type=\"text/css\"\u003e\n\n\u003c!-- Load jquery-github-widget.js. --\u003e\n\u003cscript src=\"javascripts/jquery-github-widget.js\" type=\"text/javascript\"\u003e\u003c/script\u003e\n```\n  \nWhere you wish to show the widget:\n\n```html\n\u003cdiv id=\"github-widget-holder\"\u003e\u003c/div\u003e\n```\n  \nInitialize the widget like other jQuery plugins:\n\n```js\n  $('#github-widget-holder').github_widget({\n    user : 'jquery',        // (required)  your github username\n  });\n```\n\nCompatibility\n-----------------\n\nAimed at and tested under the following browsers:\n\n* Chrome 9+\n* Firefox 3.6+\n* IE 7+\n* Safari 5.0+\n* Opera\n\nRationale\n----------------------\n\nThere are a few options out there to present a Github widget, just search Github or Google with the combination of 'github', 'view' and 'widget', in case new alternatives surface.\n\nAmong them I tried [Gitview](https://github.com/bouchon/Gitview), it has a pretty demo, looks great and feels like what I want, but:\n\n* it uses javascript to do CSS thing, which I found hard to theme\n* it uses table to do layout, which isn't to my taste\n* it depends on Dojo, and its dynamical loading doesn't always work\n* it even depends on the domain of http://logicalcognition.com\n\nSo I decided to write one of my own, with the following ideas:\n\n* To present a Github widget is a simple task, it's meant to be done simply, and should be easy to fork and play with.\n* Its data should be live, retrieved by JSONP calls to Github public API, and no other backends would be required, so it would be easy to deploy to static hosts such as Github Pages.\n* Its UI should be just simple js code to form a DOM and to use customizable CSS to style it, so others can change the CSS to theme it or even adjust the DOM for their taste.\n* It shoulde be as HTML5\u0026CSS3 as possible.\n* It's OK to depend on a widely used js library such as jQuery, or to depend on [github-api](https://github.com/fitzgen/github-api), but no more.\n* It should be written in CoffeeScript and SCSS to avoid the ugly part of js and CSS.\n* It would be great to use [jQuery Mobile](http://jquerymobile.com/demos/) to make it more than a widget, like [Codeshelver](https://www.codeshelver.com/), but use HTML5 local storage, so it can be deploy to static hosts.\n\nDevelopment Status\n-------------------\n\nConsider it as 0.1.0, in the context of [SemVer](http://semver.org/).\n\nTest Status\n--------------\n\nIt's mostly UI, so I haven't put it under any tests yet.\n\nFuture Work\n--------------\n\nUnlimited.\n\nNext iteration might be:\n\n* code cleanup\n* docs(possiblly using [doc.js](https://github.com/b-studios/doc.js)? )\n* participation graph\n* pagination\n* more options\n\nAcknowledgments\n-----------------\n\n* [Gitview](https://github.com/bouchon/Gitview) for the inspiration\n* [Github user profile page itself](https://github.com/utensil) for its DOM, CSS and images.\n\nLicence\n--------\n\nMIT Licence, see LICENCE.\nCopyright (c) 2011-2012 Utensil Song (https://github.com/utensil)\n\n\n\n\n\n\n[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/utensil/jquery-github-widget/trend.png)](https://bitdeli.com/free \"Bitdeli Badge\")\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Futensil%2Fjquery-github-widget","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Futensil%2Fjquery-github-widget","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Futensil%2Fjquery-github-widget/lists"}