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 .header{ |
|
40 height: 100px; |
|
41 } |
|
42 .rnk-container{ |
|
43 height: 700px; |
|
44 position: relative; |
|
45 width: 800px; |
|
46 } |
|
47 </style> |
|
48 </head> |
|
49 |
|
50 <body> |
|
51 <div class="header"> |
|
52 This is a header with no css override. |
|
53 <ul> |
|
54 <li>list item 1</li> |
|
55 <li>list item 2</li> |
|
56 </ul> |
|
57 <p>This is a paragraphe. This is a <a href="#">link</a>. |
|
58 </div> |
|
59 <div class="rnk-container"> |
|
60 <div id="renkan"></div> |
|
61 </div> |
|
62 <div class="footer"> |
|
63 This is a footer |
|
64 </div> |
|
65 </body> |
|
66 </html> |
|