Summary
=======

[ghscard](https://github.com/thombashi/ghscard) is a JavaScript widget
to generate interactive GitHub user/repository/organization cards for
static web pages (like GitHub pages/Read the Docs).

[![PyPI package version](https://badge.fury.io/py/ghscard.svg)](https://badge.fury.io/py/ghscard)

[![Supported Python versions](https://img.shields.io/pypi/pyversions/ghscard.svg)](https://pypi.org/project/ghscard)

[![npm package version](https://img.shields.io/npm/v/ghscard)](https://www.npmjs.com/package/ghscard)

[![Linux CI status](https://img.shields.io/travis/thombashi/ghscard/master.svg?label=Linux%20CI)](https://travis-ci.org/thombashi/ghscard)

[![GitHub stars](https://img.shields.io/github/stars/thombashi/ghscard.svg?style=social&label=Star)](https://github.com/thombashi/ghscard)

Demo
====

-   [Popular Repositories on
    GitHub](https://thombashi.github.io/ghscard/demo/)
-   <https://thombashi.github.io/>

Quick Start
===========

CLI Tool Installation
---------------------

Install `ghscard` CLI tool from [PyPI](//pypi.python.org/pypi) via
[pip](//pip.pypa.io/en/stable/installing/) (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

:   ``` {.sourceCode .html}
    <!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='//cdn.jsdelivr.net/gh/thombashi/ghscard@master/dist/ghscard.min.js'></script>
    </body>
    </html>
    ```

The above HTML rendered as follows:

Output

:   [![Click to navigate to the HTML page](ss/quickstart.png){width="600px"}](//thombashi.github.io/ghscard/quickstart/)

### CDN

-   

    Version specific

    :   -   `https://cdn.jsdelivr.net/npm/ghscard@<version>/dist/ghscard.min.js`
        -   e.g.
            <https://cdn.jsdelivr.net/npm/ghscard@0.4.1/dist/ghscard.min.js>

-   

    Latest version

    :   -   <https://cdn.jsdelivr.net/gh/thombashi/ghscard@master/dist/ghscard.min.js>

For more information
--------------------

More examples are available at
<https://ghscard.rtfd.io/en/latest/pages/usage/index.html>

Dependencies
============

CLI Tool Dependencies
---------------------

Python 3.5+

-   [appconfigpy](https://github.com/thombashi/appconfigpy)
-   [click](https://palletsprojects.com/p/click/)
-   [DateTimeRange](https://github.com/thombashi/DateTimeRange)
-   [logbook](https://logbook.readthedocs.io/en/stable/)
-   [msgfy](https://github.com/thombashi/msgfy)
-   [pathvalidate](https://github.com/thombashi/pathvalidate)
-   [PyGithub](https://pygithub.readthedocs.io/en/latest/)
-   [requests](http://python-requests.org/)
-   [retryrequests](https://github.com/thombashi/retryrequests)
-   [typepy](https://github.com/thombashi/typepy)

Tested environment
==================

Documentation
-------------

<https://ghscard.rtfd.io/>
