10 <script src="lib/jquery.mousewheel.min.js"></script> |
10 <script src="lib/jquery.mousewheel.min.js"></script> |
11 <script src="lib/underscore-min.js"></script> |
11 <script src="lib/underscore-min.js"></script> |
12 <script src="lib/paper.js"></script> |
12 <script src="lib/paper.js"></script> |
13 <script src="js/main.js"></script> |
13 <script src="js/main.js"></script> |
14 <script src="js/i18n.js"></script> |
14 <script src="js/i18n.js"></script> |
15 <script src="js/model.js"></script> |
15 <script src="js/view-model.js"></script> |
16 <script src="js/json-serializer.js"></script> |
16 <script src="js/full-json.js"></script> |
17 <script src="js/random-data.js"></script> |
17 <script src="js/twitter-bin.js"></script> |
18 <script src="js/paper-renderer.js"></script> |
18 <script src="js/paper-renderer.js"></script> |
19 <script type="text/javascript"> |
19 <script type="text/javascript"> |
20 var _proj; |
20 var _proj; |
21 $(function() { |
21 $(function() { |
22 _proj = new Rkns.Project({ |
22 _proj = new Rkns.Renkan({ |
23 url: "data/simple-persist.php", |
23 url: "data/simple-persist.php", |
24 //serializer: "RandomData", |
24 remotemodel: "FullJson", |
25 canvas_id: "renkanvas", |
|
26 user: { |
25 user: { |
27 id: "anonymous", |
26 id: "anonymous", |
28 title: "anonymous", |
27 title: "anonymous", |
29 color: "#0000ff" |
28 color: "#0000ff" |
30 } |
29 } |
32 }); |
31 }); |
33 </script> |
32 </script> |
34 <link rel="stylesheet" href="css/renkan.css" /> |
33 <link rel="stylesheet" href="css/renkan.css" /> |
35 <style type="text/css"> |
34 <style type="text/css"> |
36 #topbar { position: absolute; left: 0; top: 0; right: 0; height: 40px; background: #f0f0f0; font-size: 20px; color: #a0a0a0; } |
35 #topbar { position: absolute; left: 0; top: 0; right: 0; height: 40px; background: #f0f0f0; font-size: 20px; color: #a0a0a0; } |
37 #leftbar { position: absolute; left: 0; top: 40px; width: 200px; bottom: 0; background: #d0d0d0; font-size: 20px; color: #ffffff; } |
36 #renkan { |
38 #renkan-container { position: absolute; top: 40px; left: 200px; right: 0; bottom: 0; overflow: hidden; } |
37 position: absolute; left: 0; top: 40px; width: 200px; bottom: 0; |
39 #renkanvas { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } |
38 } |
40 .Rk-Editor { position: absolute; top: 0; left: 0; } |
|
41 </style> |
39 </style> |
42 </head> |
40 </head> |
43 |
41 |
44 <body> |
42 <body> |
45 <div id="topbar">Renkan Top Bar</div> |
43 <div id="topbar">Renkan Top Bar</div> |
46 <div id="bottompart"> |
44 <div id="renkan"></div> |
47 <div id="leftbar">Renkan "Stock Box"</div> |
|
48 <div id="renkan-container"> |
|
49 <canvas id="renkanvas" resize></canvas> |
|
50 <div class="Rk-Editor"> |
|
51 <!-- <div class="Rk-Button-Edit"></div>--> |
|
52 </div> |
|
53 </div> |
|
54 </div> |
|
55 |
45 |
56 </body> |
46 </body> |
57 </html> |
47 </html> |