Skip to content

๐Ÿ“Œ Pin and embed github repositories or profiles on your own website easily, maintained from https://github.com/mack/github-pinner

License

Notifications You must be signed in to change notification settings

LuisBoto/github-pinner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

76 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation



Overview

Do you want to showcase a github repository or profile on your website? Instead of leaving a simple link, use this tool to create embedded HTML github tiles. It uses GitHub's API to grab the information, so no need to worry about updating html. You can pin profiles, single repositories, or even all repositories linked to an individual profile!

Usage

Simply set the html data field with a GitHub profile, repository, or repositories tab url...

<script src="https://luisboto.github.io/github-pinner/GitHubPinner.js"></script>
<div data="https://github.com/LuisBoto/github-pinner" theme="normal" class="github-pinner" style="visibility: hidden;"></div>

Preview

Setting the html theme field sets the look and feel:

  • Normal theme (theme="normal"):


  • Dark theme (theme="dark"):


  • Amoled theme (theme="amoled"):


TODO

  • Implement functionality for a "All Repos" element
  • Expanding width "All-repo" section
  • Hover-able icon with GitHub Profile popup