https://github.com/fedeperin/github-repo-cards

Your github profile repos in some cards
https://github.com/fedeperin/github-repo-cards

cdn github-api github-cards github-repo-cards repo-cards

Last synced: about 2 months ago
JSON representation

Your github profile repos in some cards

• Host: GitHub
• URL: https://github.com/fedeperin/github-repo-cards
• Owner: fedeperin
• License: mit
• Created: 2021-08-16T14:14:56.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-04-02T18:54:59.000Z (9 months ago)
• Last Synced: 2024-10-13T11:36:53.174Z (2 months ago)
• Topics: cdn, github-api, github-cards, github-repo-cards, repo-cards
• Language: CSS
• Homepage:
• Size: 104 KB
• Stars: 6
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Github Repo Cards

> [!IMPORTANT]  

> Github Repo Cards is now on version 2, it has many breaking changes since version 1. If you want to continue using the old version, please check the [1.0.10 version docs](https://www.npmjs.com/package/github-repo-cards/v/1.0.10)  

Github Repo Cards, the Web Component to show your Github repository cards.

![Cards](cards-screenshot-1.png)

## CDN

First of all, import the web component pasting the following script tag at the head tag of your page.  

````html

````

## Usage

The way of using it is via the custom element github-repo-cards as in the following example:

````html

````

## Parameters

The cards are customizable. You can pass parameters to the section to make changes to the cards.

### data-user

Your GitHub username.

### data-target-blank

The parameter `data-target-blank` is to configure if the links are opened by default in a new tab or not. If you want them to open in a new tab, the value should be `true`, else, the value should be `false`.

### data-background

The parameter `data-background` is to configure the background of the container. The value can be a color in rgb, rgba, hex, hsl, or the name of the color (the supported values of the native CSS background).