diff options
| -rw-r--r-- | README.md | 11 | ||||
| -rw-r--r-- | base.css | 5 | ||||
| -rw-r--r-- | base.js | 7 | ||||
| -rw-r--r-- | index.html | 30 |
4 files changed, 28 insertions, 25 deletions
@@ -1,7 +1,7 @@ -Hashualize -========== +Polyhash +======== -Hashualize is an aesthetic and helpful way to visualize hash values. Remembering hashed fingerprints is very hard, and having a quick way to visually grasp hased values is of great importance. +Polyhash is an aesthetic and helpful way to visualize hash values. Remembering hashed fingerprints is very hard, and having a quick way to visually grasp hased values is of great importance. Requirements ------------ @@ -13,8 +13,5 @@ Requirements Implementation -------------- -Any arbitrary array of characters is accepted as an input. Input is hashed by the SHA1 hash algorithm, producing a 160-bit hashed value, which will then be processed by the output visualization method. The visualization method operates as follows: +Any arbitrary array of characters is accepted as an input. Input is hashed by the SHA1 hash algorithm, producing a 160-bit hashed value, which will then be processed by the output visualization method, which is a work in progresss. - - - @@ -2,6 +2,11 @@ body { margin: 30px 25px 40px 25px; } +.big { + font-size: 8em; + line-height: 1.2em; +} + .mat { margin: 20px; } @@ -7,9 +7,8 @@ gen = function(s, c) { v.push(bt); } - console.log(v); - var W = 50; - var H = 50; + var W = 80; + var H = 80; var r = Raphael('c1', W, H); var hv = v[4] / 256; @@ -41,7 +40,7 @@ randStr = function(n){ $(document).ready(function() { - for (var i=0; i<100; i++) { + for (var i=0; i<10; i++) { gen(randStr(8)); } }); @@ -8,21 +8,23 @@ <script src="base.js"></script> <link rel="stylesheet" type="text/css" href="bootstrap.css"> <link rel="stylesheet" type="text/css" href="base.css"> - <title>Hash Visualization</title> + <title>Polyhash</title> </head> <body> - <h1>Hash Visualization</h1> - <hr> - <input id="val"> - <input type="button" class="btn btn-primary" value="Generate"> - <hr> - <div id="c1" class="canvas"></div> - <div id="c2" class="canvas"></div> - <div id="c3" class="canvas"></div> - <div id="c4" class="canvas"></div> - <div id="c5" class="canvas"></div> - <div id="c6" class="canvas"></div> - <div id="c7" class="canvas"></div> - <div id="c8" class="canvas"></div> + <div class="container"> + <h1 class="big">Polyhash</h1> + <div id="c1" class="canvas"></div> + + <hr> + + <h2>About</h2> + <p>Polyhash is an easy way to generate aesthetic, easily identifiable, icons for hashed values</p> + + <h2>Usage</h2> + <ol> + <li>Include the script on the page: <code><script src="http://github.com/bla/bla"></code></li> + <li>Add the class</li> + </ol> + </div> </body> </html> |