A JavaScript widget to generate interactive GitHub user/repository/organization cards for static web pages (like GitHub pages).
Project description
ghscard
Summary
A JavaScript widget to generate interactive GitHub user/repository/organization cards for static web pages (like GitHub pages).
Demo
- Popular Repositories on GitHub - https://thombashi.github.io/
Quick Start
CLI Tool Installation
Install ghscard CLI tool from PyPI via pip (Python package manager) command.
pip install ghscard
Generate card data files
Execute ghscard gen command to generate a GitHub user/organization/repository card data file.
$ ghscard gen thombashi -o data [INFO] ghscard gen: written user data to 'data/thombashi.json'
$ ghscard gen Microsoft/TypeScript -o data [INFO] ghscard gen: written repository data to 'data/Microsoft_TypeScript.json'
Add widget to an HTML file
- Example:
<!doctype html> <html> <body> <table border=
"0"> <tr> <td> <div class='ghscard'src='data/thombashi.json'></div> </td> <td> <div class="ghscard"src="data/Microsoft_TypeScript.json"></div> </td> </tr> </table> <script src='//rawgit.com/thombashi/ghscard/master/dist/ghscard.min.js'></script> </body> </html>
This HTML rendered as follows:
For more information
More examples are available at https://ghscard.rtfd.io/en/latest/pages/usage/index.html
Dependencies
CLI Tool Dependencies
Python 2.7+ or 3.4+
Tested environment
Web browser |
Version |
---|---|
Google Chrome |
57.0 or newer |
Mozilla Firefox |
52.0 or newer |
Documentation
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Hashes for ghscard-0.0.13-py2.py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | c17d95ee6ae1f77251305b0a9fda25e21a4b6b342b486365e4cfdee527ac8f21 |
|
MD5 | aa888838634364ed9d2d4b80b8666639 |
|
BLAKE2b-256 | 0d6fab36ea349c8d07ceba27b23987d5469c7b6e791e2b43f5e7dc7b45262bf6 |