add experiment sandbox file

chrisdavidmills · chrisdavidmills · commit 8100d3132305 · 2019-08-06T18:00:01.000+01:00
diff --git a/learn/getting-started/experiment-sandbox.html b/learn/getting-started/experiment-sandbox.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <title>Unstyled example</title>
+    <link rel="stylesheet" href="../styles.css">
+
+
+    <style class="editable">
+    /* Create your test CSS here */
+
+    p {
+      color: red;
+    }
+    </style>
+</head>
+
+<body>
+    <section class="preview">
+        <p>Create your test HTML here</p>
+    </section>
+
+    <textarea class="playable playable-css" style="height: 160px;">
+/* Create your test CSS here */
+
+p {
+  color: red;
+}
+    </textarea>
+
+    <textarea class="playable playable-html" style="height: 160px;">
+<p>Create your test HTML here</p>
+    </textarea>
+
+    <div class="playable-buttons">
+        <input id="reset" type="button" value="Reset">
+    </div>
+</body>
+<script src="../playable.js"></script>
+
+</html>
