client/render-test.html
changeset 5 67085e6281e5
parent 4 f5297dde9053
child 7 ae86ecebb1be
--- a/client/render-test.html	Fri Jul 27 19:15:32 2012 +0200
+++ b/client/render-test.html	Mon Jul 30 17:52:13 2012 +0200
@@ -11,6 +11,7 @@
         <script src="lib/underscore-min.js"></script>
         <script src="lib/paper.js"></script>
         <script src="js/main.js"></script>
+        <script src="js/i18n.js"></script>
         <script src="js/model.js"></script>
         <script src="js/json-serializer.js"></script>
         <script src="js/random-data.js"></script>
@@ -23,18 +24,32 @@
                     //serializer: "RandomData",
                     canvas_id: "renkanvas",
                     user: {
+                        id: "anonymous",
                         title: "anonymous",
                         color: "#0000ff"
                     }
                 });
             });
         </script>
+        <link rel="stylesheet" href="css/renkan.css" />
         <style type="text/css">
+            #topbar { position: absolute; left: 0; top: 0; right: 0; height: 40px; background: #f0f0f0; font-size: 20px; color: #a0a0a0; }
+            #leftbar { position: absolute; left: 0; top: 40px; width: 200px; bottom: 0; background: #d0d0d0; font-size: 20px; color: #ffffff; }
+            #renkan-container { position: absolute; top: 40px; left: 200px; right: 0; bottom: 0; overflow: hidden; }
             #renkanvas { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
+            .Rk-Editor { position: absolute; top: 0; left: 0; }
         </style>
     </head>
 
     <body>
-        <canvas id="renkanvas" resize></canvas>
+        <div id="topbar">Renkan Top Bar</div>
+        <div id="bottompart">
+            <div id="leftbar">Renkan "Stock Box"</div>
+            <div id="renkan-container">
+                <canvas id="renkanvas" resize></canvas>
+                <div class="Rk-Editor"></div>
+            </div>
+        </div>
+        
     </body>
 </html>