zmmbreeze / octocard

Highly flexible github info card for every github lover. [This project is deprecated.]

Highly flexible github info card for every github lover. And it's open source. Please feel free to fork and build your own Octocard.

Octocard now using a new domain name octocard.in! The old domain was stolen, so for safety concern please update the code like this: Really sorry for this, and thank you for your support.

• HOW TO USE
• Customize theme

Server part

Octocard works on node server. You can use octocard.in. It's free. But if you want to build your own server, checkout server part.

octocard's Issues

Detect shadow dom support failed on firefox

Add online tester

octocard.info service is down

Maybe over capacity?

Use SCSS for style

It is really cool to have separated the css with a build process.

Reading the default style, I felt more logical to use SCSS for style as it could be possible to:

• refactor styles
• use variables (eg. $background-color: white, $link-color: blue etc.) for even easier style customization.

I'll PR this if I have time to make the change myself

TLS for octocard.in

I can no longer use octocard.in on my website, because octocard.in does not support TLS connections. If I include the non-TLS version in my TLS-secured website it is not displayed, because browsers will consider it as insecure content.

It would be awesome if you would support a TLS version, i.e., https://octocard.in
Maybe, cloudflare is a simple and free of charge solution?

[Feature Request] Generate iframe or image for blog and forum

I request a feature that Octocard can generate an HTML snippet with iframe tag or generate an image.

This is useful to embed my Octocard to my blog or attach it as an image to the bio of my forum profile.

You need at least read:org scope or user scope to list your organizations

I do not have any organizations. Can you fix this?

Easily swap out the username on the demo

What about adding a way to easily swap out the username of the demo page so people can test out with their own or other peoples Github username? What do you think about this? I will be willing to help make this if you like the idea.

Login name not found. Please sign up Github Card first.Refresh

when I opened it ~

Login name not found. Please sign up Github Card first.Refresh

Don't require login

Hi - since these are all public properties of my github profile, I'd love to get this without having to log in.

Using updated github api to optimize octocard

Github updated the api /user/repos, now this api can also return organization-owned repositories.

using 2x screenshot instead of the picture in the README.

octocard still inherit page style

Appeared because shaodowRoot.resetStyleInheritance === false

Name showing as "null"

If no name is set in GitHub profile, "null" will show on the card.

Perhaps you can remove the <h1> tag if no names were found?

CSS style not work when pass `element` to element config.

```html
<div></div>
<script src="http://nodejs.in/octocard/bin/octocard.js"></script>
<script>
octocard({
    name: 'zmmbreeze',
    element: document.getElementsByTagName('div')[0]
});
</script>
```

DEMO: http://jsbin.com/vata/1

use Infinity rather than -1 as orgsNum value which shows all applicable organizations

It's a more meaningful value, and it should allow you to remove some conditional logic.

`details` and `repos` module not empty when there is no data

Default style dosen't have background-color

Use shadow dom / iframe to create isolated octocard

Make sure page style won't effect octocard's style.

https://octocard.in down?

Looks like https://octocard.in does not work anymore. Any updates on this?

Add organisation repos into repo module

Can customising which repos are shown

Error:Cannot call method 'indexOf' of undefined

I got an error Cannot call method 'indexOf' of undefined when I use octocard, what happend?