diff options
| author | Florian Dold <florian.dold@gmail.com> | 2016-09-23 23:29:54 +0200 |
|---|---|---|
| committer | Florian Dold <florian.dold@gmail.com> | 2016-09-23 23:29:58 +0200 |
| commit | 6b8833e7662a5a0a0dd82c0b6bb87ebd82f2b65a (patch) | |
| tree | afd2f639c263a832331442ff82ef3c7d27bbdec7 /playground | |
| parent | 9305ae23843f6c8ee69ed7c2bea9079f5ceb9013 (diff) | |
playground files
Diffstat (limited to 'playground')
| -rw-r--r-- | playground/README | 1 | ||||
| -rw-r--r-- | playground/animation.html | 34 |
2 files changed, 35 insertions, 0 deletions
diff --git a/playground/README b/playground/README new file mode 100644 index 000000000..9c3d9704a --- /dev/null +++ b/playground/README @@ -0,0 +1 @@ +Contains files with small experiments / prototypes for designers. diff --git a/playground/animation.html b/playground/animation.html new file mode 100644 index 000000000..eec913c65 --- /dev/null +++ b/playground/animation.html @@ -0,0 +1,34 @@ +<!doctype html> +<html> + <head> + <title>Spinner playground</title> + <script src="../lib/vendor/system-csp-production.src.js"></script> + </head> + <html> + <div style="display: none;"> + <img src="../img/icon.png" id="taler-logo" style="display:hidden;"> + </div> + <br /> + <div id="container"></div> + <script> + "use strict"; + + System.config({ + defaultJSExtensions: true, + }); + + System.import("../lib/wallet/chromeBadge") + .then((badge) => { + let b = new badge.ChromeBadge(window); + window.badge = b; + document.getElementById("container").appendChild(b.canvas); + }) + .catch((e) => { + console.error(e.stack); + }); + </script> + <br /> + <button onclick="badge.startBusy()">start</button> + <button onclick="badge.stopBusy()">stop</button> + </html> +</html> |