rename canvas app to 'whiteboard'

2017-03-23 16:16:00 +01:00
parent 994d640f8b
commit dbca94437e
3 changed files with 0 additions and 0 deletions
--- a/www/whiteboard/index.html
+++ b/www/whiteboard/index.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <script data-bootload="main.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
+    <style>
+        html, body{
+            padding: 0px;
+            margin: 0px;
+            overflow: hidden;
+            box-sizing: border-box;
+        }
+        textarea{
+            width: 100%;
+            height: 100vh;
+            max-width: 100%;
+            max-height: 100vh;
+
+            font-size: 18px;
+            background-color: #073642;
+            color: #839496;
+
+            overflow-x: hidden;
+
+            /* disallow textarea resizes */
+            resize: none;
+        }
+        canvas {
+            border: 5px solid black;
+        }
+        #clear {
+            display: inline;
+        }
+        #colors {
+            z-index: 100;
+            border: 3px solid black;
+            padding: 5px;
+        }
+        #copy {
+            padding-left: 75px;
+        }
+        span.palette {
+            height: 4vw;
+            width: 4vw;
+            display: inline-block;
+            margin: 5px;
+            border: 2px solid black;
+        }
+        #controls {
+            display: block;
+            position: relative;
+            border: 3px solid black;
+        }
+        #width, #colors {
+            position: relative;
+        }
+    </style>
+</head>
+<body>
+
+    <canvas id="canvas" width="600" height="600" ></canvas>
+
+    <div id="copy">
+        <h2>Welcome to CryptCanvas!</h2>
+        <h3>Zero Knowledge Realtime Collaborative Canvas Editing</h3>
+    </div>
+
+    <div id="controls">
+        <button id="clear">Clear</button>
+        <button id="save">Save</button>
+        <input id="width" type="number" value="5"></input>
+        <div id="colors">&nbsp;</div>
+    </div>
+
+
+</body>
+</html>