# GitHub-Web-Widget

**Repository Path**: Tech_Query/GitHub-Web-Widget

## Basic Information

- **Project Name**: GitHub-Web-Widget
- **Description**: Web Component set for GitHub based on EasyWebApp
- **Primary Language**: CSS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-11-09
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# GitHub Web Widget

**Web Component** set for GitHub based on [WebCell](https://web-cell.tk/)



## What does it look like?

[![Repository ScreenShot](demo/Repository.png?raw=true "EWA Repository Widget Screenshot")](https://techquery.github.io/GitHub-Web-Widget/)

[![Profile ScreenShot](demo/Profile.png?raw=true "EWA Profile Widget Screenshot")](https://techquery.github.io/GitHub-Web-Widget/)



## How do I use it?

Everwhere you want a widget to be placed, add the following markup:
```HTML
<div data-href="path/to/Repository.html?repo=yourID/repoName"></div>

<div data-href="path/to/Profile.html?user=yourID"></div>
```
(More codes about initialization of EWA project, please read [demo/index.html](demo/index.html))

That's it! All of the styling is included and image assets are pulled from GitHub.



## Acknowledgements

All HTML & CSS codes of this repository come from following open source projects:

 - http://www.newmediacampaigns.com/blog/a-beautiful-jquery-github-widget

 - http://github-profile.com/