From 6b8833e7662a5a0a0dd82c0b6bb87ebd82f2b65a Mon Sep 17 00:00:00 2001
From: Florian Dold <florian.dold@gmail.com>
Date: Fri, 23 Sep 2016 23:29:54 +0200
Subject: playground files

---
 playground/README         |  1 +
 playground/animation.html | 34 ++++++++++++++++++++++++++++++++++
 2 files changed, 35 insertions(+)
 create mode 100644 playground/README
 create mode 100644 playground/animation.html

(limited to 'playground')
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>
-- 
cgit v1.2.3

