Skip to content

The unofficial GitHub Cards. Embed GitHub profile card to your website.

Notifications You must be signed in to change notification settings

PhanhotboY/profile-card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Github Profile Card

Embed a Github profile card to your website

Inspired from lepture's repo

Sample card

Usage

The card can be easily embeded by adding the following HTML tags:

<div id="github-card" data-user="PhanhotboY" data-height="150px" data-width="350px"></div>
<script src="https://cdn.jsdelivr.net/gh/PhanhotboY/profile-card@1.0.1/jsdelivr/widget.js"></script>

The script will automatically create the card for you by replacing the div tag with an iframe.

Parameters

  • data-user: Github username
  • data-width: width of the card(defaul is 350px)
  • data-height: height of the card(defaul is 150px)

Limitation

  1. GitHub API rate limitation
  2. The Follow button is not working
  3. There are no other themes yet (I'll try to add more later)

Peace

I look forward to receiving your feedback and contributions. 🙌
And thanks for your star! 🤞