src/visualizer.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Crypto Address Visualizer</title>
    <link rel="stylesheet" href="visualizer.css" integrity="sha256-930u2YfTBQL+nC7RmvI9MWUPFedznNiyuxSQLZa0wwA=">
</head>
<body>
    <div id="content">
        <div id="no-address">
            To visualize a crypto address, choose one:
            <a class="btn" href="https://github.com/schmich/crypto-address-visualizer/#quick-start" target="_blank">View Quick Start Guide</a>
            <button id="specify-address" class="btn">Specify an Address</button>
        </div>
        <div id="with-address">
            <div id="title">
                <div id="address-details">
                    <div id="address"></div>
                    <div id="details">
                        <div id="host"></div>
                    </div>
                </div>
                <a id="donate" class="btn" href="https://github.com/schmich/crypto-address-visualizer#donate" target="_blank">Donate</a>
            </div>
            <div id="visualizers">
                <canvas id="blockies" height="150" width="150"></canvas>
                <canvas id="jdenticon" height="150" width="150"></canvas>
                <img id="identicon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO+ip1sAAAAASUVORK5CYII=" height="150" width="150">
                <div id="qrcode" height="150" width="150"></div>
            </div>
            <div id="checksum-length">
                <div id="checksum" class="digits"><span>crc32</span></div>
                <div id="length" class="digits"><span>length</span></div>
            </div>
        </div>
    </div>
    <script src="sha3.js" integrity="sha256-E1kKIBshmfALdO5xHtwb33RHBdyhL0PMbvZMMrV2f6k="></script>
    <script src="crc.js" integrity="sha256-/PfudVRPbWM5CTWmkETu2XQHZ+rsYg+M23mNmoJey6Q="></script>
    <script src="blockies.js" integrity="sha256-Ms/p1Ps6sZmJaygtdwhnO745oIZwik2/aMg6kwhTvfA="></script>
    <script src="jdenticon.js" integrity="sha256-j712ogY74WBwGAzEzwqcQtjZdUwYsPiUdpbyHkIk9ho="></script>
    <script src="identicon.js" integrity="sha256-4x0zDxgJry3gonD+vYLLnxYlbVo7HJwX+b15LrCs5cA="></script>
    <script src="qrcode.js" integrity="sha256-K8DfvZcAJvLTfgHAOTf9qhChGKHiO9sYDshJweYfx5I="></script>
    <script src="visualizer.js" integrity="sha256-tRXlRYlpC4GvrXUTiC3YEsw2FEpru7qZsQES7v2Ge3c="></script>
</body>
</html>