equal
deleted
inserted
replaced
|
1 <!DOCTYPE html> |
|
2 <html lang="fr"> |
|
3 <head> |
|
4 <meta charset="utf-8" /> |
|
5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> |
|
6 <title>RENKAN test in read-only mode : body 100%</title> |
|
7 <meta name="description" content="" /> |
|
8 <meta name="author" content="Institut de Recherche et d'Innovation" /> |
|
9 <script src="lib/jquery.min.js"></script> |
|
10 <script src="lib/jquery.mousewheel.min.js"></script> |
|
11 <script src="lib/underscore-min.js"></script> |
|
12 <script src="lib/backbone.js"></script> |
|
13 <script src="lib/backbone-relational.js"></script> |
|
14 <script src="lib/paper.js"></script> |
|
15 <script src="../build/renkan.js"></script> |
|
16 <script type="text/javascript"> |
|
17 var _renkan; |
|
18 $(function() { |
|
19 _renkan = new Rkns.Renkan({ |
|
20 editor_mode: false, |
|
21 show_bins: false, |
|
22 }); |
|
23 Rkns.jsonIO(_renkan, { |
|
24 url: "data/example-cinema.json" |
|
25 }); |
|
26 }); |
|
27 </script> |
|
28 <link rel="stylesheet" href="css/renkan.css" /> |
|
29 <style type="text/css"> |
|
30 body{ |
|
31 margin: 0 auto; |
|
32 width: 960px; |
|
33 } |
|
34 .header, .footer { |
|
35 font-size: 14px; |
|
36 height: 40px; |
|
37 padding-top: 10px; |
|
38 } |
|
39 .rnk-container{ |
|
40 height: 500px; |
|
41 position: relative; |
|
42 width: 600px; |
|
43 } |
|
44 </style> |
|
45 </head> |
|
46 |
|
47 <body> |
|
48 <div class="header"> |
|
49 This is a header |
|
50 </div> |
|
51 <div class="rnk-container"> |
|
52 <div id="renkan"></div> |
|
53 </div> |
|
54 <div class="footer"> |
|
55 This is a footer |
|
56 </div> |
|
57 </body> |
|
58 </html> |