Introducing Steem Sig - Generate a signature to use on Steem using your current steem stats

Steem Signature Generator is a tool which takes your current Steem stats and turns them into a signature which you can use on your Steem post at the click of a button.

What are the current features?

1. Ability to grab user details (name, post count, join date, profile image)
2. Ability to grab follower & the following count
3. Simple Sig Template
4. HTML to Image Conversion
5. Mobile responsive design

What does it look like?

The following shows an example of the current site, UI, and process:

Example of sig:

See the current limitations surrounding profile image issue.

How was it created?

A) Gather details of a user using http://steem.esteem.ws/ using the following calls:

Using those I gather account name, follower count, user profile image, following count, rep, etc to be used for the user signature.

This can be seen in getDetails.js which can be found here: https://github.com/tobias-g1/steem-sig/blob/master/js/getDetails.js

I then generate the signature by passing in the details mentioned above into this function which generates the signature preview:

This will generate the following preview:

From this I then turn the preview into a image which I show within the modal on using the following code, this code is trigger on click of the create signature button:

var element = $(".signature-container"); // global variable
var getCanvas; // global variable

$("#create").on('click', function () {
    html2canvas(element, {
        onrendered: function (canvas) {
            $("#previewImage").html(canvas);
            getCanvas = canvas;
        }
    });
});

Working Example

You can view this working here:

https://tobias-g1.github.io/steem-sig/index.html

Roadmap

1. Customization of sig
2. Community-led signature templates (stay tuned for a task request)
3. Additional fields be used within sig
4. Ability to download sign
5. Ability to copy to clipboard
6. Google Chrome extension to allow you to quickly grab sig

Current Issues

1. Currently, there is an issue when you convert the profile image gathered from the API to an image.

Related Commits

The following commits are related to this release:

1.https://github.com/tobias-g1/steem-sig/commit/462ac66d8c87bae616ac9f918ecbc4c99cb650c3

1. https://github.com/tobias-g1/steem-sig/commit/ff1e910fbb21d84e6f3062c27f99fe23a6f3da26
2. https://github.com/tobias-g1/steem-sig/commit/2fb357969ba1b010fa8451cbea05bcc8c1193fef
3. https://github.com/tobias-g1/steem-sig/commit/5c89d626e2b13aff185f5a78eaf62ed29fbe96b4
4. https://github.com/tobias-g1/steem-sig/commit/ea9e39944f4d05169aa1be941056d2776e42108b
5. https://github.com/tobias-g1/steem-sig/commit/4826c4b44422fd75a490efeeaf10ad3dfdecbef6

Contribute

Contributions are welcomed, please contribute via utopian.io

---

Posted on Utopian.io - Rewarding Open Source Contributors

---