|
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 search: [ |
|
21 { |
|
22 type: "Ldt" |
|
23 }, |
|
24 { |
|
25 type: "Wikipedia", |
|
26 lang: "fr" |
|
27 }, |
|
28 { |
|
29 type: "Wikipedia", |
|
30 lang: "ja" |
|
31 } |
|
32 ], |
|
33 bins: [ |
|
34 { |
|
35 title: "Projet Lignes de Temps", |
|
36 type: "Ldt", |
|
37 ldt_type: "Project", |
|
38 project_id: "6af4019c-8283-11e2-9678-00145ea4a2be", |
|
39 ldt_platform: "http://ldt.iri.centrepompidou.fr/" |
|
40 }, |
|
41 { |
|
42 type: "ResourceList", |
|
43 title: "Ressources", |
|
44 list: [ |
|
45 { |
|
46 url: "http://www.google.com/", |
|
47 title: "Google", |
|
48 description: "Search engine", |
|
49 image: "http://www.google.fr/images/srpr/logo4w.png" |
|
50 }, |
|
51 "Polemic Tweet http://www.polemictweet.com", |
|
52 "Twitter http://www.twitter.com/" |
|
53 ] |
|
54 } |
|
55 ], |
|
56 /*property_files: [ "data/properties.json" ], |
|
57 node_fill_color: false*/ |
|
58 language: "fr" |
|
59 }); |
|
60 Rkns.jsonIO(_renkan, { |
|
61 url: "data/simple-persist.php" |
|
62 }); |
|
63 }); |
|
64 </script> |
|
65 <link rel="stylesheet" href="css/renkan.css" /> |
|
66 <style type="text/css"> |
|
67 body{ |
|
68 margin: 0 auto; |
|
69 width: 960px; |
|
70 } |
|
71 .header, .footer { |
|
72 font-size: 14px; |
|
73 height: 40px; |
|
74 padding-top: 10px; |
|
75 } |
|
76 .rnk-container{ |
|
77 height: 500px; |
|
78 position: relative; |
|
79 width: 600px; |
|
80 overflow: hidden; |
|
81 } |
|
82 </style> |
|
83 </head> |
|
84 |
|
85 <body> |
|
86 <div class="header"> |
|
87 This is a header |
|
88 </div> |
|
89 <div class="rnk-container"> |
|
90 <div id="renkan"></div> |
|
91 </div> |
|
92 <div class="footer"> |
|
93 This is a footer |
|
94 </div> |
|
95 </body> |
|
96 </html> |