View on GitHub

profile-visiting-cards

Github Profile Card Generator || A Visiting Card for Github Profiles, and all your websites!

Here’s Some, have a look! Doesn’t it look cool?

Get one for yourself, or gift one to your friends!

Expand Generator

You need to enter Base64 value of the images.
Use this Base64 Converter: https://elmah.io/tools/base64-image-encoder/
While entering the value, start with data:image/<imgtype>;base64,. Remmeber to replace the <imgtype> with the image file type, like jpg, png, gif, etc. Enter in Small-letters.
You can save and transport the image or host it from any source you like.
You can also convert the Image to GIF using a converter.

Generate the code in the Generator
If you want to add some codes at the end, create a file named index.svg.txt. and right click on the code, and import it from local device.
Right-Click on the code and choose export.
It gets downloaded as index.svg.txt, a text file.
Open a Blank File in a Git repo.
Paste the code, and save it as index.svg.

You have the card now! All u need is to implement it on your site. There are two ways you can do it!

Create a sub-directory under the main directory, named ./c/, and upload the card-code to that directory.
Navigate to the index file of your main directory.
Go to the desired line, and paste the following code:

<img src="./c/index.svg" alt="SPARK Profile Card">

You can just get the code, as its already within <svg>...</svg> tags, and paste it within the code.

It can be easily downloaded, uploaded, transported, shared or hosted.
It’s easy to recode, and is self-hosted, that reduces vulnerabilities, and there is no fear of losing the link.
There is a link, suitably of your home page that opens on clikcing your image.
It acts a temporary window to embed that helps a visitor to view your main site from any page, withotu leaving the page.