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

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

<script src="https://cdn.jsdelivr.net/npm/[email protected]/app.js" defer></script>

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

<github-repo-cards data-user="fedeperin"></github-repo-cards>

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

Your GitHub username.

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.

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