https://github.com/luisboto/github-pinner

📌 Pin and embed github repositories or profiles on your own website easily, maintained from https://github.com/mack/github-pinner
https://github.com/luisboto/github-pinner

api embed embedded github html portfolio profile repository tile

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/luisboto/github-pinner
• Owner: LuisBoto
• License: gpl-3.0
• Created: 2022-06-09T12:37:31.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2022-06-12T12:09:31.000Z (about 4 years ago)
• Last Synced: 2025-01-24T11:44:57.520Z (over 1 year ago)
• Topics: api, embed, embedded, github, html, portfolio, profile, repository, tile
• Language: CSS
• Homepage: https://luisboto.github.io/github-pinner/demo.html
• Size: 336 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  





  



  

  



# 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...

```html



```


## 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