diff --git a/eth_blockies_rs_example_blockies_generator_wasm_bg.wasm b/eth_blockies_rs_example_blockies_generator_wasm_bg.wasm index e5f054d..92063f7 100644 Binary files a/eth_blockies_rs_example_blockies_generator_wasm_bg.wasm and b/eth_blockies_rs_example_blockies_generator_wasm_bg.wasm differ diff --git a/index.html b/index.html index 46ba75e..c86cb41 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,7 @@
ETH-addr
Size: +ETH-addrSize: 5 6 7 diff --git a/style.css b/style.css index 619d131..0552c2d 100644 --- a/style.css +++ b/style.css @@ -1 +1 @@ -::selection{color:#34f;background-color:#ccfa}html{overflow-y:scroll}body{padding:1vw 5vw;text-align:center;font-family:sans-serif;background-color:#eef}.project-link{color:#f55}.project-link::selection{color:red;background-color:#fcca}#input-seed{width:42ch;font-size:3vw;font-family:courier new,courier,monospace;border:none;transition:background-color .5s ease;background-color:#fff;margin:1.5vw 0}#input-seed:focus{background-color:#ddf}#input-seed.ethaddr[pattern]:invalid{background-color:#fbb}#input-genseed-button{font-size:2vw;margin:1.5vw .2em}.wrapper-resol{border-radius:1ch;color:#666;background-color:#ddfa;padding:.5ch;user-select:none;margin:0 auto;font-family:courier new,courier,monospace;font-size:small}.wrapper-resol>p{margin:.4em}.wrapper-resol>p>*{align-self:center}.wrapper-blockies-card{display:flex;flex-flow:column wrap;font-family:courier new,courier,monospace;flex:0 0 12%;width:max-content;margin:0 auto}.blockies-card{background-color:#3363;padding:2ch 2ch 1ch;border-radius:1.5em;margin:.5em auto 1.5em}#figure-blockies-card{background-color:#555;transition:opacity .5s ease}#figure-blockies-card.loading{opacity:50%}#figure-blockies-card.loading>a[name=blockies-img-link]{opacity:20%}#div-blockies-card-spinner{border:1ch solid #0000;border-top:1ch solid #0af;border-radius:50%;margin:2.5ch;width:8ch;height:8ch;position:absolute;opacity:0;pointer-events:none}#figure-blockies-card.loading>#div-blockies-card-spinner{animation:spin 1s linear infinite;opacity:100%}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.blockies-card>a>img[name=blockies-img]{display:block;width:14ch;height:14ch;border-radius:1ch;border-width:.5ch;border-color:#ddf;border-style:solid;transition:border-color .5s ease;margin:auto}.blockies-card.ethaddr>a>img[name=blockies-img]:hover{border-color:#0df}.blockies-card.ethaddr.invalid-addr>a>img[name=blockies-img]{border-color:#faa}.blockies-card>figcaption{width:14ch;display:block;word-wrap:break-word;word-break:break-all;white-space:break-spaces;margin:1ch auto;transition:color .5s ease}.blockies-card>figcaption{color:#666}.blockies-card.ethaddr.invalid-addr>figcaption{color:#f66}.blockies-card.ethaddr.invalid-addr>figcaption::selection{color:#f43;background-color:#fcca}#figure-blockies-card>figcaption{color:#fff}#figure-blockies-card.ethaddr.invalid-addr>figcaption{color:#faa}#div-wrapper-blockies-save{margin:.5em auto 3em}#div-wrapper-blockies-save>div{margin:.5em auto}#input-blockies-save-dim-width,#input-blockies-save-dim-height{width:6ch;border:none;transition:background-color .5s ease;text-align:center;background-color:#fff}#input-blockies-save-dim-width:focus,#input-blockies-save-dim-height:focus{background-color:#ddf}#input-blockies-save-dim-width[pattern]:invalid,#input-blockies-save-dim-height[pattern]:invalid{background-color:#fbb}#section-blockies-examples{display:flex;flex-flow:row wrap;justify-content:space-around;margin:3vw auto} \ No newline at end of file +::selection{color:#34f;background-color:#ccfa}html{overflow-y:scroll}body{padding:1vw 5vw;text-align:center;font-family:sans-serif;background-color:#eef}.project-link{color:#f55}.project-link::selection{color:red;background-color:#fcca}#input-seed{width:42ch;font-size:3vw;font-family:courier new,courier,monospace;border:none;transition:background-color .5s ease;background-color:#fff;margin:1.5vw 0}#input-seed:focus{background-color:#ddf}#input-seed.ethaddr[pattern]:invalid{background-color:#fbb}#input-genseed-button{font-size:2vw;margin:1.5vw .2em}.wrapper-resol{border-radius:1ch;color:#666;background-color:#ddfa;padding:.5ch;user-select:none;margin:0 auto;font-family:courier new,courier,monospace;font-size:small}.wrapper-resol>p{margin:.4em;display:flex}.wrapper-resol>p>*{align-self:center}.wrapper-resol>p>label{padding:0 0 0 .3em}.wrapper-resol>p>span{padding:0 .3em}.wrapper-blockies-card{display:flex;flex-flow:column wrap;font-family:courier new,courier,monospace;flex:0 0 12%;width:max-content;margin:0 auto}.blockies-card{background-color:#3363;padding:2ch 2ch 1ch;border-radius:1.5em;margin:.5em auto 1.5em}#figure-blockies-card{background-color:#555;transition:opacity .5s ease}#figure-blockies-card.loading{opacity:50%}#figure-blockies-card.loading>a[name=blockies-img-link]{opacity:20%}#div-blockies-card-spinner{border:1ch solid #0000;border-top:1ch solid #0af;border-radius:50%;margin:2.5ch;width:8ch;height:8ch;position:absolute;opacity:0;pointer-events:none}#figure-blockies-card.loading>#div-blockies-card-spinner{animation:spin 1s linear infinite;opacity:100%}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.blockies-card>a>img[name=blockies-img]{display:block;width:14ch;height:14ch;border-radius:1ch;border-width:.5ch;border-color:#ddf;border-style:solid;transition:border-color .5s ease;margin:auto}.blockies-card.ethaddr>a>img[name=blockies-img]:hover{border-color:#0df}.blockies-card.ethaddr.invalid-addr>a>img[name=blockies-img]{border-color:#faa}.blockies-card>figcaption{width:14ch;display:block;word-wrap:break-word;word-break:break-all;white-space:break-spaces;margin:1ch auto;transition:color .5s ease}.blockies-card>figcaption{color:#666}.blockies-card.ethaddr.invalid-addr>figcaption{color:#f66}.blockies-card.ethaddr.invalid-addr>figcaption::selection{color:#f43;background-color:#fcca}#figure-blockies-card>figcaption{color:#fff}#figure-blockies-card.ethaddr.invalid-addr>figcaption{color:#faa}#div-wrapper-blockies-save{margin:.5em auto 3em}#div-wrapper-blockies-save>div{margin:.5em auto}#input-blockies-save-dim-width,#input-blockies-save-dim-height{width:6ch;border:none;transition:background-color .5s ease;text-align:center;background-color:#fff}#input-blockies-save-dim-width:focus,#input-blockies-save-dim-height:focus{background-color:#ddf}#input-blockies-save-dim-width[pattern]:invalid,#input-blockies-save-dim-height[pattern]:invalid{background-color:#fbb}#section-blockies-examples{display:flex;flex-flow:row wrap;justify-content:space-around;margin:3vw auto} \ No newline at end of file
Size: 5 6 7 diff --git a/style.css b/style.css index 619d131..0552c2d 100644 --- a/style.css +++ b/style.css @@ -1 +1 @@ -::selection{color:#34f;background-color:#ccfa}html{overflow-y:scroll}body{padding:1vw 5vw;text-align:center;font-family:sans-serif;background-color:#eef}.project-link{color:#f55}.project-link::selection{color:red;background-color:#fcca}#input-seed{width:42ch;font-size:3vw;font-family:courier new,courier,monospace;border:none;transition:background-color .5s ease;background-color:#fff;margin:1.5vw 0}#input-seed:focus{background-color:#ddf}#input-seed.ethaddr[pattern]:invalid{background-color:#fbb}#input-genseed-button{font-size:2vw;margin:1.5vw .2em}.wrapper-resol{border-radius:1ch;color:#666;background-color:#ddfa;padding:.5ch;user-select:none;margin:0 auto;font-family:courier new,courier,monospace;font-size:small}.wrapper-resol>p{margin:.4em}.wrapper-resol>p>*{align-self:center}.wrapper-blockies-card{display:flex;flex-flow:column wrap;font-family:courier new,courier,monospace;flex:0 0 12%;width:max-content;margin:0 auto}.blockies-card{background-color:#3363;padding:2ch 2ch 1ch;border-radius:1.5em;margin:.5em auto 1.5em}#figure-blockies-card{background-color:#555;transition:opacity .5s ease}#figure-blockies-card.loading{opacity:50%}#figure-blockies-card.loading>a[name=blockies-img-link]{opacity:20%}#div-blockies-card-spinner{border:1ch solid #0000;border-top:1ch solid #0af;border-radius:50%;margin:2.5ch;width:8ch;height:8ch;position:absolute;opacity:0;pointer-events:none}#figure-blockies-card.loading>#div-blockies-card-spinner{animation:spin 1s linear infinite;opacity:100%}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.blockies-card>a>img[name=blockies-img]{display:block;width:14ch;height:14ch;border-radius:1ch;border-width:.5ch;border-color:#ddf;border-style:solid;transition:border-color .5s ease;margin:auto}.blockies-card.ethaddr>a>img[name=blockies-img]:hover{border-color:#0df}.blockies-card.ethaddr.invalid-addr>a>img[name=blockies-img]{border-color:#faa}.blockies-card>figcaption{width:14ch;display:block;word-wrap:break-word;word-break:break-all;white-space:break-spaces;margin:1ch auto;transition:color .5s ease}.blockies-card>figcaption{color:#666}.blockies-card.ethaddr.invalid-addr>figcaption{color:#f66}.blockies-card.ethaddr.invalid-addr>figcaption::selection{color:#f43;background-color:#fcca}#figure-blockies-card>figcaption{color:#fff}#figure-blockies-card.ethaddr.invalid-addr>figcaption{color:#faa}#div-wrapper-blockies-save{margin:.5em auto 3em}#div-wrapper-blockies-save>div{margin:.5em auto}#input-blockies-save-dim-width,#input-blockies-save-dim-height{width:6ch;border:none;transition:background-color .5s ease;text-align:center;background-color:#fff}#input-blockies-save-dim-width:focus,#input-blockies-save-dim-height:focus{background-color:#ddf}#input-blockies-save-dim-width[pattern]:invalid,#input-blockies-save-dim-height[pattern]:invalid{background-color:#fbb}#section-blockies-examples{display:flex;flex-flow:row wrap;justify-content:space-around;margin:3vw auto} \ No newline at end of file +::selection{color:#34f;background-color:#ccfa}html{overflow-y:scroll}body{padding:1vw 5vw;text-align:center;font-family:sans-serif;background-color:#eef}.project-link{color:#f55}.project-link::selection{color:red;background-color:#fcca}#input-seed{width:42ch;font-size:3vw;font-family:courier new,courier,monospace;border:none;transition:background-color .5s ease;background-color:#fff;margin:1.5vw 0}#input-seed:focus{background-color:#ddf}#input-seed.ethaddr[pattern]:invalid{background-color:#fbb}#input-genseed-button{font-size:2vw;margin:1.5vw .2em}.wrapper-resol{border-radius:1ch;color:#666;background-color:#ddfa;padding:.5ch;user-select:none;margin:0 auto;font-family:courier new,courier,monospace;font-size:small}.wrapper-resol>p{margin:.4em;display:flex}.wrapper-resol>p>*{align-self:center}.wrapper-resol>p>label{padding:0 0 0 .3em}.wrapper-resol>p>span{padding:0 .3em}.wrapper-blockies-card{display:flex;flex-flow:column wrap;font-family:courier new,courier,monospace;flex:0 0 12%;width:max-content;margin:0 auto}.blockies-card{background-color:#3363;padding:2ch 2ch 1ch;border-radius:1.5em;margin:.5em auto 1.5em}#figure-blockies-card{background-color:#555;transition:opacity .5s ease}#figure-blockies-card.loading{opacity:50%}#figure-blockies-card.loading>a[name=blockies-img-link]{opacity:20%}#div-blockies-card-spinner{border:1ch solid #0000;border-top:1ch solid #0af;border-radius:50%;margin:2.5ch;width:8ch;height:8ch;position:absolute;opacity:0;pointer-events:none}#figure-blockies-card.loading>#div-blockies-card-spinner{animation:spin 1s linear infinite;opacity:100%}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.blockies-card>a>img[name=blockies-img]{display:block;width:14ch;height:14ch;border-radius:1ch;border-width:.5ch;border-color:#ddf;border-style:solid;transition:border-color .5s ease;margin:auto}.blockies-card.ethaddr>a>img[name=blockies-img]:hover{border-color:#0df}.blockies-card.ethaddr.invalid-addr>a>img[name=blockies-img]{border-color:#faa}.blockies-card>figcaption{width:14ch;display:block;word-wrap:break-word;word-break:break-all;white-space:break-spaces;margin:1ch auto;transition:color .5s ease}.blockies-card>figcaption{color:#666}.blockies-card.ethaddr.invalid-addr>figcaption{color:#f66}.blockies-card.ethaddr.invalid-addr>figcaption::selection{color:#f43;background-color:#fcca}#figure-blockies-card>figcaption{color:#fff}#figure-blockies-card.ethaddr.invalid-addr>figcaption{color:#faa}#div-wrapper-blockies-save{margin:.5em auto 3em}#div-wrapper-blockies-save>div{margin:.5em auto}#input-blockies-save-dim-width,#input-blockies-save-dim-height{width:6ch;border:none;transition:background-color .5s ease;text-align:center;background-color:#fff}#input-blockies-save-dim-width:focus,#input-blockies-save-dim-height:focus{background-color:#ddf}#input-blockies-save-dim-width[pattern]:invalid,#input-blockies-save-dim-height[pattern]:invalid{background-color:#fbb}#section-blockies-examples{display:flex;flex-flow:row wrap;justify-content:space-around;margin:3vw auto} \ No newline at end of file