okal/getting-warmer

Visual cues for password inputs

Introduction

Getting Warmer provides a visual cue for password inputs without compromising security, by generating a piece of abstract art from a hash of the contents of the input. The sequence of pieces generated becomes familiar over time, making it obvious to the user when they've mistyped a character.

Usage

var setup = {
	"passwordInputSelector": "<CSS selector>"
	"thumbnailContainerSelector": "<CSS selector>",
}

var warmer = GettingWarmer(setup);
warmer.init();

Credits

1. jsSHA: https://github.com/Caligatio/jsSHA
2. StackOverflow answer on colour generation from strings: http://stackoverflow.com/a/16348977/420386

License

MIT License