move test files
authorymh <ymh.work@gmail.com>
Tue, 11 Feb 2014 01:06:22 +0100
changeset 256 d38cc4ee1fd1
parent 255 a6366edf1676
child 257 6bf1126c5add
child 260 711b7920fba1
move test files
client/publish-test-min.html
client/publish-test.html
client/render-test.html
client/space-editor.html
client/test-readonly-body.html
client/test-readonly-div.html
client/test-writable-bins-div.html
client/test-writable-bins.html
client/test-writable-simple-div.html
client/test-writable-simple.html
client/test/publish-test-min.html
client/test/publish-test.html
client/test/render-test.html
client/test/space-editor.html
client/test/test-readonly-body.html
client/test/test-readonly-div-resize.html
client/test/test-readonly-div.html
client/test/test-writable-bins-div.html
client/test/test-writable-bins.html
client/test/test-writable-simple-div.html
client/test/test-writable-simple.html
--- a/client/publish-test-min.html	Mon Feb 10 15:19:44 2014 +0100
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,37 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-    <head>
-        <meta charset="utf-8" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-        <title>Test de Rendu RENKAN</title>
-        <meta name="description" content="" />
-        <meta name="author" content="Institut de Recherche et d'Innovation" />
-        <script src="lib/jquery.min.js"></script>
-        <script src="lib/jquery.mousewheel.min.js"></script>
-        <script src="lib/underscore-min.js"></script>
-        <script src="lib/backbone.js"></script>
-        <script src="lib/backbone-relational.js"></script>
-        <script src="lib/paper.js"></script>
-        <script src="../build/renkan.js"></script>
-        <script type="text/javascript">
-            var _renkan;
-            $(function() {
-                _renkan = new Rkns.Renkan({
-                    editor_mode: false,
-                    show_bins: false,
-                });
-                Rkns.jsonIO(_renkan, {
-                    url: "http://renkan.iri-research.org/renkan/rest/projects/696e5544-3b44-11e3-8312-5fa5e5b09a85?callback=?"
-                });
-            });
-        </script>
-        <link rel="stylesheet" href="css/renkan.css" />
-        <style type="text/css">
-        </style>
-    </head>
-
-    <body>
-        <div id="renkan"></div>
-        
-    </body>
-</html>
--- a/client/publish-test.html	Mon Feb 10 15:19:44 2014 +0100
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-    <head>
-        <meta charset="utf-8" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-        <title>Test de Rendu RENKAN</title>
-        <meta name="description" content="" />
-        <meta name="author" content="Institut de Recherche et d'Innovation" />
-        <script src="lib/jquery.min.js"></script>
-        <script src="lib/jquery.mousewheel.min.js"></script>
-        <script src="lib/underscore-min.js"></script>
-        <script src="lib/backbone.js"></script>
-        <script src="lib/backbone-relational.js"></script>
-        <script src="lib/paper.js"></script>
-        <script src="js/main.js"></script>
-        <script src="js/defaults.js"></script>
-        <script src="js/i18n.js"></script>
-        <script src="js/models.js"></script>
-        <script src="js/full-json.js"></script>
-        <script src="js/paper-renderer.js"></script>
-        <script type="text/javascript">
-            var _renkan;
-            $(function() {
-                _renkan = new Rkns.Renkan({
-                    editor_mode: false,
-                    show_bins: false,
-                    zoom_on_scroll: false
-                });
-                Rkns.jsonIO(_renkan, {
-                    url: "http://renkan.iri-research.org/renkan/rest/projects/696e5544-3b44-11e3-8312-5fa5e5b09a85?callback=?"
-                });
-            });
-        </script>
-        <link rel="stylesheet" href="css/renkan.css" />
-        <style type="text/css">
-        </style>
-    </head>
-
-    <body>
-        <div id="renkan"></div>
-        
-    </body>
-</html>
--- a/client/render-test.html	Mon Feb 10 15:19:44 2014 +0100
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,77 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-    <head>
-        <meta charset="utf-8" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-        <title>Test de Rendu RENKAN</title>
-        <meta name="description" content="" />
-        <meta name="author" content="Institut de Recherche et d'Innovation" />
-        <script src="lib/jquery.min.js"></script>
-        <script src="lib/jquery.mousewheel.min.js"></script>
-        <script src="lib/underscore-min.js"></script>
-        <script src="lib/backbone.js"></script>
-        <script src="lib/backbone-relational.js"></script>
-        <script src="lib/paper.js"></script>
-        <script src="js/main.js"></script>
-        <script src="js/defaults.js"></script>
-        <script src="js/i18n.js"></script>
-        <script src="js/models.js"></script>
-        <script src="js/full-json.js"></script>
-        <script src="js/list-bin.js"></script>
-        <script src="js/ldtjson-bin.js"></script>
-        <script src="js/wikipedia-bin.js"></script>
-        <script src="js/paper-renderer.js"></script>
-        <script type="text/javascript">
-            var _renkan;
-            $(function() {
-                _renkan = new Rkns.Renkan({
-                    bins: [
-                    	{
-                            title: "Projet Lignes de Temps",
-                            type: "Ldt",
-                            ldt_type: "Project",
-                            project_id: "6af4019c-8283-11e2-9678-00145ea4a2be",
-                            ldt_platform: "http://ldt.iri.centrepompidou.fr/"
-                       },
-                    	{
-                    		type: "ResourceList",
-                    		title: "Ressources",
-                    		list: [
-                    			{
-                    				url: "http://www.google.com/",
-                    				title: "Google",
-                    				description: "Search engine",
-                    				image: "http://www.google.fr/images/srpr/logo4w.png"
-                    			},
-                    			"Polemic Tweet http://www.polemictweet.com",
-                    			"Twitter http://www.twitter.com/"
-                    		]
-                    	}
-                    ],
-                    search: [
-                        {
-                            type: "Ldt"
-                        },
-                        {
-                            type: "Wikipedia",
-                            lang: "fr"
-                        }
-                    ],
-                    property_files: [ "data/properties.json" ],
-                    user_id: "u-iri",
-                    language: "fr",
-                    node_fill_color: false
-                });
-                Rkns.jsonIO(_renkan, {
-                    url: "data/simple-persist.php"
-                });
-            });
-        </script>
-        <link rel="stylesheet" href="css/renkan.css" />
-    </head>
-
-    <body>
-        <div id="renkan"></div>
-        
-    </body>
-</html>
--- a/client/space-editor.html	Mon Feb 10 15:19:44 2014 +0100
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,170 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-    <head>
-        <meta charset="utf-8" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-        <title>Test de Rendu RENKAN</title>
-        <meta name="description" content="" />
-        <meta name="author" content="Institut de Recherche et d'Innovation" />
-        <script src="lib/jquery.min.js"></script>
-        <script src="lib/jquery-ui.min.js"></script>
-        <script src="lib/jquery.mousewheel.min.js"></script>
-        <script src="lib/underscore-min.js"></script>
-        <script src="lib/backbone.js"></script>
-        <script src="lib/backbone-relational.js"></script>
-        <script src="lib/paper.js"></script>
-        <script src="js/main.js"></script>
-        <script src="js/defaults.js"></script>
-        <script src="js/i18n.js"></script>
-        <script src="js/models.js"></script>
-        <script src="js/list-bin.js"></script>
-        <script src="js/ldtjson-bin.js"></script>
-        <script src="js/wikipedia-bin.js"></script>
-        <script src="js/space-editor.js"></script>
-        
-        <link rel="stylesheet" href="css/renkan.css" />
-        <link rel="stylesheet" href="css/space-editor.css" />
-    </head>
-
-    <body>
-        <h1>Renkan Space Editor</h1>
-        <div class="right">
-            <a class="update-preview blue-button" href="#">Update Preview</a>
-            <div id="preview"></div>
-        </div>
-        <div class="main">
-            <h2 class="section-title">Search Engines</h2>
-                
-            <ul class="first-level-list search-engine-list">
-                <li class="item search-engine">
-                    <a href="#" class="blue-button remove-item">&times;</a>
-                    
-                    <span class="setting search-engine-type">
-                        <label>Type:</label>
-                        <span class="display-value"></span>
-                        <select class="edit-value">
-                            <option value="Wikipedia">Wikipedia</option>
-                            <option value="Ldt">Lignes de Temps</option>
-                        </select>
-                    </span>
-                    <span class="setting search-engine-language">
-                        <label>Language:</label>
-                        <select class="edit-value">
-                            <option value="en">English</option>
-                            <option value="fr">Français</option>
-                            <option value="ja">日本語</option>
-                            <option value="es">Español</option>
-                            <option value="it">Italiano</option>
-                            <option value="de">Deutsch</option>
-                            <option value="pt">Português</option>
-                            <option value="ru">Русский</option>
-                            <option value="zh">中文</option>
-                        </select>
-                        <span class="display-value"></span>
-                    </span>
-                    <div class="clearer"></div>
-                </li>
-            </ul>
-            
-            <a class="add-item add-search-engine blue-button" href="#">+</a>
-            
-            <h2 class="section-title">Bins</h2>
-                
-            <ul class="first-level-list bin-list">
-                <li class="item bin">
-                    <a href="#" class="blue-button remove-item">&times;</a>
-                    
-                    <span class="setting bin-type">
-                        <label>Type:</label>
-                        <span class="display-value"></span>
-                        <select class="edit-value">
-                            <option value="ResourceList">Resource List</option>
-                            <option value="Wikipedia">Wikipedia Search Results</option>
-                            <option value="Ldt">Lignes de Temps</option>
-                        </select>
-                    </span>
-                    <span class="setting bin-language">
-                        <label>Language:</label>
-                        <select class="edit-value">
-                            <option value="en">English</option>
-                            <option value="fr">Français</option>
-                            <option value="ja">日本語</option>
-                            <option value="es">Español</option>
-                            <option value="it">Italiano</option>
-                            <option value="de">Deutsch</option>
-                            <option value="pt">Português</option>
-                            <option value="ru">Русский</option>
-                            <option value="zh">中文</option>
-                        </select>
-                        <span class="display-value"></span>
-                    </span>
-                    <span class="ldt-options">
-                        <span class="setting bin-ldt-type">
-                            <label>LDT type:</label>
-                            <span class="display-value"></span>
-                            <select class="edit-value">
-                                <option value="Results">Search Results</option>
-                                <option value="Project">Project</option>
-                            </select>
-                        </span>
-                        <span class="setting bin-ldt-platform">
-                            <label>Platform URL:</label>
-                            <span class="display-value"></span>
-                            <input class="edit-value" />
-                        </span>
-                        <span class="setting bin-ldt-project">
-                            <label>Project ID:</label>
-                            <span class="display-value"></span>
-                            <input class="edit-value" />
-                        </span>
-                    </span>
-                    <span class="setting bin-keyword">
-                        <label>Search Keyword:</label>
-                        <span class="display-value"></span>
-                        <input class="edit-value" />
-                    </span>
-                    <span class="bin-resources">
-                        <span class="setting bin-title">
-                            <label>Bin Title:</label>
-                            <span class="display-value"></span>
-                            <input class="edit-value" />
-                        </span>
-                        <h3 class="resource-list-title">Resources:</h3>
-                        <ul class="resource-list">
-                            <li class="resource">
-                                <a href="#" class="blue-button remove-item">&times;</a>
-                                <span class="setting resource-title">
-                                    <label>Title:</label>
-                                    <span class="display-value"></span>
-                                    <input class="edit-value" />
-                                </span>
-                                <span class="setting resource-url">
-                                    <label>URL:</label>
-                                    <span class="display-value"></span>
-                                    <input class="edit-value" />
-                                </span>
-                                <span class="setting resource-description">
-                                    <label>Description:</label>
-                                    <span class="display-value"></span>
-                                    <textarea class="edit-value"></textarea>
-                                </span>
-                                <span class="setting resource-image">
-                                    <label>Image URL:</label>
-                                    <span class="display-value"></span>
-                                    <input class="edit-value" />
-                                </span>
-                                <div class="clearer"></div>
-                            </li>
-                        </ul>
-                        <a class="add-item add-resource blue-button" href="#">+</a>
-                    </span>
-                    <div class="clearer"></div>
-                </li>
-            </ul>
-            
-            <a class="add-item add-bin blue-button" href="#">+</a>
-            
-        </div>
-        
-    </body>
-</html>
--- a/client/test-readonly-body.html	Mon Feb 10 15:19:44 2014 +0100
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,36 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-    <head>
-        <meta charset="utf-8" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-        <title>RENKAN test in read-only mode : body 100%</title>
-        <meta name="description" content="" />
-        <meta name="author" content="Institut de Recherche et d'Innovation" />
-        <script src="lib/jquery.min.js"></script>
-        <script src="lib/jquery.mousewheel.min.js"></script>
-        <script src="lib/underscore-min.js"></script>
-        <script src="lib/backbone.js"></script>
-        <script src="lib/backbone-relational.js"></script>
-        <script src="lib/paper.js"></script>
-        <script src="../build/renkan.js"></script>
-        <script type="text/javascript">
-            var _renkan;
-            $(function() {
-                _renkan = new Rkns.Renkan({
-                    editor_mode: false,
-                    show_bins: false
-                });
-                Rkns.jsonIO(_renkan, {
-                    url: "data/example-cinema.json"
-                });
-            });
-        </script>
-        <link rel="stylesheet" href="css/renkan.css" />
-        <style type="text/css">
-        </style>
-    </head>
-
-    <body>
-        <div id="renkan"></div>
-    </body>
-</html>
--- a/client/test-readonly-div.html	Mon Feb 10 15:19:44 2014 +0100
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,66 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-    <head>
-        <meta charset="utf-8" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-        <title>RENKAN test in read-only mode : body 100%</title>
-        <meta name="description" content="" />
-        <meta name="author" content="Institut de Recherche et d'Innovation" />
-        <script src="lib/jquery.min.js"></script>
-        <script src="lib/jquery.mousewheel.min.js"></script>
-        <script src="lib/underscore-min.js"></script>
-        <script src="lib/backbone.js"></script>
-        <script src="lib/backbone-relational.js"></script>
-        <script src="lib/paper.js"></script>
-        <script src="../build/renkan.js"></script>
-        <script type="text/javascript">
-            var _renkan;
-            $(function() {
-                _renkan = new Rkns.Renkan({
-                    editor_mode: false,
-                    show_bins: false
-                });
-                Rkns.jsonIO(_renkan, {
-                    url: "data/example-cinema.json"
-                });
-            });
-        </script>
-        <link rel="stylesheet" href="css/renkan.css" />
-        <style type="text/css">
-        body{
-            margin: 0 auto;
-            width: 960px;
-        }
-        .header, .footer {
-            font-size: 14px;
-            height: 40px;
-            padding-top: 10px;
-        }
-        .header{
-            height: 100px;
-        }
-        .rnk-container{
-            height: 700px;
-            position: relative;
-            width: 800px;
-        }
-        </style>
-    </head>
-
-    <body>
-        <div class="header">
-        This is a header with no css override.
-        <ul>
-           <li>list item 1</li>
-           <li>list item 2</li>
-        </ul>
-        <p>This is a paragraphe. This is a <a href="#">link</a>.
-        </div>
-        <div class="rnk-container">
-            <div id="renkan"></div>
-        </div>
-        <div class="footer">
-        This is a footer
-        </div>
-    </body>
-</html>
--- a/client/test-writable-bins-div.html	Mon Feb 10 15:19:44 2014 +0100
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,96 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-    <head>
-        <meta charset="utf-8" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-        <title>RENKAN test in read-only mode : body 100%</title>
-        <meta name="description" content="" />
-        <meta name="author" content="Institut de Recherche et d'Innovation" />
-        <script src="lib/jquery.min.js"></script>
-        <script src="lib/jquery.mousewheel.min.js"></script>
-        <script src="lib/underscore-min.js"></script>
-        <script src="lib/backbone.js"></script>
-        <script src="lib/backbone-relational.js"></script>
-        <script src="lib/paper.js"></script>
-        <script src="../build/renkan.js"></script>
-	    <script type="text/javascript">
-	        var _renkan;
-	        $(function() {
-				_renkan = new Rkns.Renkan({
-				    search: [
-				        {
-				            type: "Ldt"
-				        },
-				        {
-				            type: "Wikipedia",
-				            lang: "fr"
-				        },
-				        {
-				            type: "Wikipedia",
-				            lang: "ja"
-				        }
-				    ],
-				    bins: [
-				        {
-				            title: "Projet Lignes de Temps",
-				            type: "Ldt",
-				            ldt_type: "Project",
-				            project_id: "6af4019c-8283-11e2-9678-00145ea4a2be",
-				            ldt_platform: "http://ldt.iri.centrepompidou.fr/"
-				       },
-				        {
-				            type: "ResourceList",
-				            title: "Ressources",
-				            list: [
-				                {
-				                    url: "http://www.google.com/",
-				                    title: "Google",
-				                    description: "Search engine",
-				                    image: "http://www.google.fr/images/srpr/logo4w.png"
-				                },
-				                "Polemic Tweet http://www.polemictweet.com",
-				                "Twitter http://www.twitter.com/"
-				            ]
-				        }
-				    ],
-				    /*property_files: [ "data/properties.json" ],
-				       node_fill_color: false*/
-				    language: "fr"
-				});
-				Rkns.jsonIO(_renkan, {
-				    url: "data/simple-persist.php"
-				});
-	        });
-	    </script>
-        <link rel="stylesheet" href="css/renkan.css" />
-        <style type="text/css">
-        body{
-            margin: 0 auto;
-            width: 960px;
-        }
-        .header, .footer {
-            font-size: 14px;
-            height: 40px;
-            padding-top: 10px;
-        }
-        .rnk-container{
-            height: 500px;
-            position: relative;
-            width: 600px;
-            overflow: hidden;
-        }
-        </style>
-    </head>
-
-    <body>
-        <div class="header">
-        This is a header
-        </div>
-        <div class="rnk-container">
-            <div id="renkan"></div>
-        </div>
-        <div class="footer">
-        This is a footer
-        </div>
-    </body>
-</html>
--- a/client/test-writable-bins.html	Mon Feb 10 15:19:44 2014 +0100
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,73 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-    <head>
-        <meta charset="utf-8" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-        <title>RENKAN test in read-only mode : body 100%</title>
-        <meta name="description" content="" />
-        <meta name="author" content="Institut de Recherche et d'Innovation" />
-        <script src="lib/jquery.min.js"></script>
-        <script src="lib/jquery.mousewheel.min.js"></script>
-        <script src="lib/underscore-min.js"></script>
-        <script src="lib/backbone.js"></script>
-        <script src="lib/backbone-relational.js"></script>
-        <script src="lib/paper.js"></script>
-        <script src="../build/renkan.js"></script>
-    <script type="text/javascript">
-        var _renkan;
-        $(function() {
-			_renkan = new Rkns.Renkan({
-			    search: [
-			        {
-			            type: "Ldt"
-			        },
-			        {
-			            type: "Wikipedia",
-			            lang: "fr"
-			        },
-			        {
-			            type: "Wikipedia",
-			            lang: "ja"
-			        }
-			    ],
-			    bins: [
-			        {
-			            title: "Projet Lignes de Temps",
-			            type: "Ldt",
-			            ldt_type: "Project",
-			            project_id: "6af4019c-8283-11e2-9678-00145ea4a2be",
-			            ldt_platform: "http://ldt.iri.centrepompidou.fr/"
-			       },
-			        {
-			            type: "ResourceList",
-			            title: "Ressources",
-			            list: [
-			                {
-			                    url: "http://www.google.com/",
-			                    title: "Google",
-			                    description: "Search engine",
-			                    image: "http://www.google.fr/images/srpr/logo4w.png"
-			                },
-			                "Polemic Tweet http://www.polemictweet.com",
-			                "Twitter http://www.twitter.com/"
-			            ]
-			        }
-			    ],
-			    /*property_files: [ "data/properties.json" ],
-			       node_fill_color: false*/
-			    language: "fr"
-			});
-			Rkns.jsonIO(_renkan, {
-			    url: "data/simple-persist.php"
-			});
-        });
-    </script>
-        <link rel="stylesheet" href="css/renkan.css" />
-        <style type="text/css">
-        </style>
-    </head>
-
-    <body>
-        <div id="renkan"></div>
-    </body>
-</html>
--- a/client/test-writable-simple-div.html	Mon Feb 10 15:19:44 2014 +0100
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,61 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-    <head>
-        <meta charset="utf-8" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-        <title>Test de Rendu RENKAN</title>
-        <meta name="description" content="" />
-        <meta name="author" content="Institut de Recherche et d'Innovation" />
-        <script src="lib/jquery.min.js"></script>
-        <script src="lib/jquery.mousewheel.min.js"></script>
-        <script src="lib/underscore-min.js"></script>
-        <script src="lib/backbone.js"></script>
-        <script src="lib/backbone-relational.js"></script>
-        <script src="lib/paper.js"></script>
-        <script src="../build/renkan.js"></script>
-        <script type="text/javascript">
-            var _renkan;
-            $(function() {
-                _renkan = new Rkns.Renkan({
-                    /*property_files: [ "data/properties.json" ],
-                    user_id: "u-iri",
-                    language: "fr",
-                    node_fill_color: false*/
-                	show_bins: false
-                });
-                Rkns.jsonIO(_renkan, {
-                    url: "data/simple-persist.php"
-                });
-            });
-        </script>
-        <link rel="stylesheet" href="css/renkan.css" />
-        <style type="text/css">
-        body{
-            margin: 0 auto;
-            width: 960px;
-        }
-        .header, .footer {
-            font-size: 14px;
-            height: 40px;
-            padding-top: 10px;
-        }
-        .rnk-container{
-            height: 500px;
-            position: relative;
-            width: 600px;
-        }
-        </style>
-    </head>
-
-    <body>
-        <div class="header">
-        This is a header
-        </div>
-        <div class="rnk-container">
-            <div id="renkan"></div>
-        </div>
-        <div class="footer">
-        This is a footer
-        </div>
-    </body>
-</html>
--- a/client/test-writable-simple.html	Mon Feb 10 15:19:44 2014 +0100
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,37 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-    <head>
-        <meta charset="utf-8" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-        <title>Test de Rendu RENKAN</title>
-        <meta name="description" content="" />
-        <meta name="author" content="Institut de Recherche et d'Innovation" />
-        <script src="lib/jquery.min.js"></script>
-        <script src="lib/jquery.mousewheel.min.js"></script>
-        <script src="lib/underscore-min.js"></script>
-        <script src="lib/backbone.js"></script>
-        <script src="lib/backbone-relational.js"></script>
-        <script src="lib/paper.js"></script>
-        <script src="../build/renkan.js"></script>
-        <script type="text/javascript">
-            var _renkan;
-            $(function() {
-                _renkan = new Rkns.Renkan({
-                    /*property_files: [ "data/properties.json" ],
-                    user_id: "u-iri",
-                    language: "fr",
-                    node_fill_color: false*/
-                	show_bins: false
-                });
-                Rkns.jsonIO(_renkan, {
-                    url: "data/simple-persist.php"
-                });
-            });
-        </script>
-        <link rel="stylesheet" href="css/renkan.css" />
-    </head>
-
-    <body>
-        <div id="renkan"></div>
-    </body>
-</html>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/test/publish-test-min.html	Tue Feb 11 01:06:22 2014 +0100
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+        <title>Test de Rendu RENKAN</title>
+        <meta name="description" content="" />
+        <meta name="author" content="Institut de Recherche et d'Innovation" />
+        <script src="../lib/jquery.min.js"></script>
+        <script src="../lib/jquery.mousewheel.min.js"></script>
+        <script src="../lib/underscore-min.js"></script>
+        <script src="../lib/backbone.js"></script>
+        <script src="../lib/backbone-relational.js"></script>
+        <script src="../lib/paper.js"></script>
+        <script src="../../build/renkan.js"></script>
+        <script type="text/javascript">
+            var _renkan;
+            $(function() {
+                _renkan = new Rkns.Renkan({
+                    editor_mode: false,
+                    show_bins: false,
+                    static_url: "../"
+                });
+                Rkns.jsonIO(_renkan, {
+                    url: "http://renkan.iri-research.org/renkan/rest/projects/696e5544-3b44-11e3-8312-5fa5e5b09a85?callback=?"
+                });
+            });
+        </script>
+        <link rel="stylesheet" href="../css/renkan.css" />
+        <style type="text/css">
+        </style>
+    </head>
+
+    <body>
+        <div id="renkan"></div>
+        
+    </body>
+</html>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/test/publish-test.html	Tue Feb 11 01:06:22 2014 +0100
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+        <title>Test de Rendu RENKAN</title>
+        <meta name="description" content="" />
+        <meta name="author" content="Institut de Recherche et d'Innovation" />
+        <script src="../lib/jquery.min.js"></script>
+        <script src="../lib/jquery.mousewheel.min.js"></script>
+        <script src="../lib/underscore-min.js"></script>
+        <script src="../lib/backbone.js"></script>
+        <script src="../lib/backbone-relational.js"></script>
+        <script src="../lib/paper.js"></script>
+        <script src="../js/main.js"></script>
+        <script src="../js/defaults.js"></script>
+        <script src="../js/i18n.js"></script>
+        <script src="../js/models.js"></script>
+        <script src="../js/full-json.js"></script>
+        <script src="../js/paper-renderer.js"></script>
+        <script type="text/javascript">
+            var _renkan;
+            $(function() {
+                _renkan = new Rkns.Renkan({
+                    editor_mode: false,
+                    show_bins: false,
+                    zoom_on_scroll: false,
+                    static_url: "../"
+                });
+                Rkns.jsonIO(_renkan, {
+                    url: "http://renkan.iri-research.org/renkan/rest/projects/696e5544-3b44-11e3-8312-5fa5e5b09a85?callback=?"
+                });
+            });
+        </script>
+        <link rel="stylesheet" href="../css/renkan.css" />
+        <style type="text/css">
+        </style>
+    </head>
+
+    <body>
+        <div id="renkan"></div>
+        
+    </body>
+</html>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/test/render-test.html	Tue Feb 11 01:06:22 2014 +0100
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+        <title>Test de Rendu RENKAN</title>
+        <meta name="description" content="" />
+        <meta name="author" content="Institut de Recherche et d'Innovation" />
+        <script src="../lib/jquery.min.js"></script>
+        <script src="../lib/jquery.mousewheel.min.js"></script>
+        <script src="../lib/underscore-min.js"></script>
+        <script src="../lib/backbone.js"></script>
+        <script src="../lib/backbone-relational.js"></script>
+        <script src="../lib/paper.js"></script>
+        <script src="../js/main.js"></script>
+        <script src="../js/defaults.js"></script>
+        <script src="../js/i18n.js"></script>
+        <script src="../js/models.js"></script>
+        <script src="../js/full-json.js"></script>
+        <script src="../js/list-bin.js"></script>
+        <script src="../js/ldtjson-bin.js"></script>
+        <script src="../js/wikipedia-bin.js"></script>
+        <script src="../js/paper-renderer.js"></script>
+        <script type="text/javascript">
+            var _renkan;
+            $(function() {
+                _renkan = new Rkns.Renkan({
+                    bins: [
+                    	{
+                            title: "Projet Lignes de Temps",
+                            type: "Ldt",
+                            ldt_type: "Project",
+                            project_id: "6af4019c-8283-11e2-9678-00145ea4a2be",
+                            ldt_platform: "http://ldt.iri.centrepompidou.fr/"
+                       },
+                    	{
+                    		type: "ResourceList",
+                    		title: "Ressources",
+                    		list: [
+                    			{
+                    				url: "http://www.google.com/",
+                    				title: "Google",
+                    				description: "Search engine",
+                    				image: "http://www.google.fr/images/srpr/logo4w.png"
+                    			},
+                    			"Polemic Tweet http://www.polemictweet.com",
+                    			"Twitter http://www.twitter.com/"
+                    		]
+                    	}
+                    ],
+                    search: [
+                        {
+                            type: "Ldt"
+                        },
+                        {
+                            type: "Wikipedia",
+                            lang: "fr"
+                        }
+                    ],
+                    property_files: [ "data/properties.json" ],
+                    user_id: "u-iri",
+                    language: "fr",
+                    node_fill_color: false,
+                    static_url: "../"
+                });
+                Rkns.jsonIO(_renkan, {
+                    url: "data/simple-persist.php"
+                });
+            });
+        </script>
+        <link rel="stylesheet" href="../css/renkan.css" />
+    </head>
+
+    <body>
+        <div id="renkan"></div>
+        
+    </body>
+</html>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/test/space-editor.html	Tue Feb 11 01:06:22 2014 +0100
@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+        <title>Test de Rendu RENKAN</title>
+        <meta name="description" content="" />
+        <meta name="author" content="Institut de Recherche et d'Innovation" />
+        <script src="../lib/jquery.min.js"></script>
+        <script src="../lib/jquery-ui.min.js"></script>
+        <script src="../lib/jquery.mousewheel.min.js"></script>
+        <script src="../lib/underscore-min.js"></script>
+        <script src="../lib/backbone.js"></script>
+        <script src="../lib/backbone-relational.js"></script>
+        <script src="../lib/paper.js"></script>
+        <script src="../js/main.js"></script>
+        <script src="../js/defaults.js"></script>
+        <script src="../js/i18n.js"></script>
+        <script src="../js/models.js"></script>
+        <script src="../js/list-bin.js"></script>
+        <script src="../js/ldtjson-bin.js"></script>
+        <script src="../js/wikipedia-bin.js"></script>
+        <script src="../js/space-editor.js"></script>
+        
+        <link rel="stylesheet" href="../css/renkan.css" />
+        <link rel="stylesheet" href="../css/space-editor.css" />
+    </head>
+
+    <body>
+        <h1>Renkan Space Editor</h1>
+        <div class="right">
+            <a class="update-preview blue-button" href="#">Update Preview</a>
+            <div id="preview"></div>
+        </div>
+        <div class="main">
+            <h2 class="section-title">Search Engines</h2>
+                
+            <ul class="first-level-list search-engine-list">
+                <li class="item search-engine">
+                    <a href="#" class="blue-button remove-item">&times;</a>
+                    
+                    <span class="setting search-engine-type">
+                        <label>Type:</label>
+                        <span class="display-value"></span>
+                        <select class="edit-value">
+                            <option value="Wikipedia">Wikipedia</option>
+                            <option value="Ldt">Lignes de Temps</option>
+                        </select>
+                    </span>
+                    <span class="setting search-engine-language">
+                        <label>Language:</label>
+                        <select class="edit-value">
+                            <option value="en">English</option>
+                            <option value="fr">Français</option>
+                            <option value="ja">日本語</option>
+                            <option value="es">Español</option>
+                            <option value="it">Italiano</option>
+                            <option value="de">Deutsch</option>
+                            <option value="pt">Português</option>
+                            <option value="ru">Русский</option>
+                            <option value="zh">中文</option>
+                        </select>
+                        <span class="display-value"></span>
+                    </span>
+                    <div class="clearer"></div>
+                </li>
+            </ul>
+            
+            <a class="add-item add-search-engine blue-button" href="#">+</a>
+            
+            <h2 class="section-title">Bins</h2>
+                
+            <ul class="first-level-list bin-list">
+                <li class="item bin">
+                    <a href="#" class="blue-button remove-item">&times;</a>
+                    
+                    <span class="setting bin-type">
+                        <label>Type:</label>
+                        <span class="display-value"></span>
+                        <select class="edit-value">
+                            <option value="ResourceList">Resource List</option>
+                            <option value="Wikipedia">Wikipedia Search Results</option>
+                            <option value="Ldt">Lignes de Temps</option>
+                        </select>
+                    </span>
+                    <span class="setting bin-language">
+                        <label>Language:</label>
+                        <select class="edit-value">
+                            <option value="en">English</option>
+                            <option value="fr">Français</option>
+                            <option value="ja">日本語</option>
+                            <option value="es">Español</option>
+                            <option value="it">Italiano</option>
+                            <option value="de">Deutsch</option>
+                            <option value="pt">Português</option>
+                            <option value="ru">Русский</option>
+                            <option value="zh">中文</option>
+                        </select>
+                        <span class="display-value"></span>
+                    </span>
+                    <span class="ldt-options">
+                        <span class="setting bin-ldt-type">
+                            <label>LDT type:</label>
+                            <span class="display-value"></span>
+                            <select class="edit-value">
+                                <option value="Results">Search Results</option>
+                                <option value="Project">Project</option>
+                            </select>
+                        </span>
+                        <span class="setting bin-ldt-platform">
+                            <label>Platform URL:</label>
+                            <span class="display-value"></span>
+                            <input class="edit-value" />
+                        </span>
+                        <span class="setting bin-ldt-project">
+                            <label>Project ID:</label>
+                            <span class="display-value"></span>
+                            <input class="edit-value" />
+                        </span>
+                    </span>
+                    <span class="setting bin-keyword">
+                        <label>Search Keyword:</label>
+                        <span class="display-value"></span>
+                        <input class="edit-value" />
+                    </span>
+                    <span class="bin-resources">
+                        <span class="setting bin-title">
+                            <label>Bin Title:</label>
+                            <span class="display-value"></span>
+                            <input class="edit-value" />
+                        </span>
+                        <h3 class="resource-list-title">Resources:</h3>
+                        <ul class="resource-list">
+                            <li class="resource">
+                                <a href="#" class="blue-button remove-item">&times;</a>
+                                <span class="setting resource-title">
+                                    <label>Title:</label>
+                                    <span class="display-value"></span>
+                                    <input class="edit-value" />
+                                </span>
+                                <span class="setting resource-url">
+                                    <label>URL:</label>
+                                    <span class="display-value"></span>
+                                    <input class="edit-value" />
+                                </span>
+                                <span class="setting resource-description">
+                                    <label>Description:</label>
+                                    <span class="display-value"></span>
+                                    <textarea class="edit-value"></textarea>
+                                </span>
+                                <span class="setting resource-image">
+                                    <label>Image URL:</label>
+                                    <span class="display-value"></span>
+                                    <input class="edit-value" />
+                                </span>
+                                <div class="clearer"></div>
+                            </li>
+                        </ul>
+                        <a class="add-item add-resource blue-button" href="#">+</a>
+                    </span>
+                    <div class="clearer"></div>
+                </li>
+            </ul>
+            
+            <a class="add-item add-bin blue-button" href="#">+</a>
+            
+        </div>
+        
+    </body>
+</html>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/test/test-readonly-body.html	Tue Feb 11 01:06:22 2014 +0100
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+        <title>RENKAN test in read-only mode : body 100%</title>
+        <meta name="description" content="" />
+        <meta name="author" content="Institut de Recherche et d'Innovation" />
+        <script src="../lib/jquery.min.js"></script>
+        <script src="../lib/jquery.mousewheel.min.js"></script>
+        <script src="../lib/underscore-min.js"></script>
+        <script src="../lib/backbone.js"></script>
+        <script src="../lib/backbone-relational.js"></script>
+        <script src="../lib/paper.js"></script>
+        <script src="../../build/renkan.js"></script>
+        <script type="text/javascript">
+            var _renkan;
+            $(function() {
+                _renkan = new Rkns.Renkan({
+                    editor_mode: false,
+                    show_bins: false,
+                    static_url: "../"
+                });
+                Rkns.jsonIO(_renkan, {
+                    url: "../data/example-cinema.json"
+                });
+            });
+        </script>
+        <link rel="stylesheet" href="../css/renkan.css" />
+        <style type="text/css">
+        </style>
+    </head>
+
+    <body>
+        <div id="renkan"></div>
+    </body>
+</html>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/test/test-readonly-div-resize.html	Tue Feb 11 01:06:22 2014 +0100
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+        <title>RENKAN test in read-only mode : body 100%</title>
+        <meta name="description" content="" />
+        <meta name="author" content="Institut de Recherche et d'Innovation" />
+        <script src="../lib/jquery.min.js"></script>
+        <script src="../lib/jquery.mousewheel.min.js"></script>
+        <script src="../lib/underscore-min.js"></script>
+        <script src="../lib/backbone.js"></script>
+        <script src="../lib/backbone-relational.js"></script>
+        <script src="../lib/paper.js"></script>
+        <script src="../../build/renkan.js"></script>
+        <script type="text/javascript">
+            var _renkan;
+            $(function() {
+                _renkan = new Rkns.Renkan({
+                    editor_mode: false,
+                    show_bins: false,
+                    static_url: "../"
+                });
+                Rkns.jsonIO(_renkan, {
+                    url: "../data/example-cinema.json"
+                });
+            });
+        </script>
+        <link rel="stylesheet" href="../css/renkan.css" />
+        <style type="text/css">
+        html {
+            heigt: 100%;
+        }
+        body{
+            margin: 0 auto;
+            width: 100%;
+            heigt: 100%;
+        }
+        header {
+            font-size: 14px;
+            height: 40px;
+            padding-top: 10px;
+        }
+        footer {
+            font-size: 14px;
+            height: 40px;
+            padding-top: 10px;
+            position:absolute;
+            bottom: 0;
+        }
+        
+        .wrapper {
+            position:absolute;
+            top:40px;
+            left: 0;
+            right: 0;
+            bottom: 40px;
+        }
+        .rnk-container {
+            min-height: 100%;
+            position: relative;
+            width: 100%;
+        }
+        </style>
+    </head>
+
+    <body>
+	    <header>
+	    This is a header
+	    </header>
+        <div class="wrapper">
+          <div class="rnk-container">
+              <div id="renkan"></div>
+          </div>
+        </div>
+        <footer>
+        This is a footer
+        </footer>
+    </body>
+</html>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/test/test-readonly-div.html	Tue Feb 11 01:06:22 2014 +0100
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+        <title>RENKAN test in read-only mode : body 100%</title>
+        <meta name="description" content="" />
+        <meta name="author" content="Institut de Recherche et d'Innovation" />
+        <script src="../lib/jquery.min.js"></script>
+        <script src="../lib/jquery.mousewheel.min.js"></script>
+        <script src="../lib/underscore-min.js"></script>
+        <script src="../lib/backbone.js"></script>
+        <script src="../lib/backbone-relational.js"></script>
+        <script src="../lib/paper.js"></script>
+        <script src="../../build/renkan.js"></script>
+        <script type="text/javascript">
+            var _renkan;
+            $(function() {
+                _renkan = new Rkns.Renkan({
+                    editor_mode: false,
+                    show_bins: false,
+                    static_url: "../"
+                });
+                Rkns.jsonIO(_renkan, {
+                    url: "../data/example-cinema.json"
+                });
+            });
+        </script>
+        <link rel="stylesheet" href="../css/renkan.css" />
+        <style type="text/css">
+        body{
+            margin: 0 auto;
+            width: 960px;
+        }
+        .header, .footer {
+            font-size: 14px;
+            height: 40px;
+            padding-top: 10px;
+        }
+        .header{
+            height: 100px;
+        }
+        .rnk-container{
+            height: 700px;
+            position: relative;
+            width: 800px;
+        }
+        </style>
+    </head>
+
+    <body>
+        <div class="header">
+        This is a header with no css override.
+        <ul>
+           <li>list item 1</li>
+           <li>list item 2</li>
+        </ul>
+        <p>This is a paragraphe. This is a <a href="#">link</a>.
+        </div>
+        <div class="rnk-container">
+            <div id="renkan"></div>
+        </div>
+        <div class="footer">
+        This is a footer
+        </div>
+    </body>
+</html>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/test/test-writable-bins-div.html	Tue Feb 11 01:06:22 2014 +0100
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+        <title>RENKAN test in read-only mode : body 100%</title>
+        <meta name="description" content="" />
+        <meta name="author" content="Institut de Recherche et d'Innovation" />
+        <script src="../lib/jquery.min.js"></script>
+        <script src="../lib/jquery.mousewheel.min.js"></script>
+        <script src="../lib/underscore-min.js"></script>
+        <script src="../lib/backbone.js"></script>
+        <script src="../lib/backbone-relational.js"></script>
+        <script src="../lib/paper.js"></script>
+        <script src="../../build/renkan.js"></script>
+	    <script type="text/javascript">
+	        var _renkan;
+	        $(function() {
+				_renkan = new Rkns.Renkan({
+				    search: [
+				        {
+				            type: "Ldt"
+				        },
+				        {
+				            type: "Wikipedia",
+				            lang: "fr"
+				        },
+				        {
+				            type: "Wikipedia",
+				            lang: "ja"
+				        }
+				    ],
+				    bins: [
+				        {
+				            title: "Projet Lignes de Temps",
+				            type: "Ldt",
+				            ldt_type: "Project",
+				            project_id: "6af4019c-8283-11e2-9678-00145ea4a2be",
+				            ldt_platform: "http://ldt.iri.centrepompidou.fr/"
+				       },
+				        {
+				            type: "ResourceList",
+				            title: "Ressources",
+				            list: [
+				                {
+				                    url: "http://www.google.com/",
+				                    title: "Google",
+				                    description: "Search engine",
+				                    image: "http://www.google.fr/images/srpr/logo4w.png"
+				                },
+				                "Polemic Tweet http://www.polemictweet.com",
+				                "Twitter http://www.twitter.com/"
+				            ]
+				        }
+				    ],
+				    /*property_files: [ "data/properties.json" ],
+				       node_fill_color: false*/
+				    language: "fr",
+                    static_url: "../"
+				});
+				Rkns.jsonIO(_renkan, {
+				    url: "../data/simple-persist.php"
+				});
+	        });
+	    </script>
+        <link rel="stylesheet" href="../css/renkan.css" />
+        <style type="text/css">
+        body{
+            margin: 0 auto;
+            width: 960px;
+        }
+        .header, .footer {
+            font-size: 14px;
+            height: 40px;
+            padding-top: 10px;
+        }
+        .rnk-container{
+            height: 500px;
+            position: relative;
+            width: 600px;
+            overflow: hidden;
+        }
+        </style>
+    </head>
+
+    <body>
+        <div class="header">
+        This is a header
+        </div>
+        <div class="rnk-container">
+            <div id="renkan"></div>
+        </div>
+        <div class="footer">
+        This is a footer
+        </div>
+    </body>
+</html>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/test/test-writable-bins.html	Tue Feb 11 01:06:22 2014 +0100
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+        <title>RENKAN test in read-only mode : body 100%</title>
+        <meta name="description" content="" />
+        <meta name="author" content="Institut de Recherche et d'Innovation" />
+        <script src="../lib/jquery.min.js"></script>
+        <script src="../lib/jquery.mousewheel.min.js"></script>
+        <script src="../lib/underscore-min.js"></script>
+        <script src="../lib/backbone.js"></script>
+        <script src="../lib/backbone-relational.js"></script>
+        <script src="../lib/paper.js"></script>
+        <script src="../../build/renkan.js"></script>
+    <script type="text/javascript">
+        var _renkan;
+        $(function() {
+			_renkan = new Rkns.Renkan({
+			    search: [
+			        {
+			            type: "Ldt"
+			        },
+			        {
+			            type: "Wikipedia",
+			            lang: "fr"
+			        },
+			        {
+			            type: "Wikipedia",
+			            lang: "ja"
+			        }
+			    ],
+			    bins: [
+			        {
+			            title: "Projet Lignes de Temps",
+			            type: "Ldt",
+			            ldt_type: "Project",
+			            project_id: "6af4019c-8283-11e2-9678-00145ea4a2be",
+			            ldt_platform: "http://ldt.iri.centrepompidou.fr/"
+			       },
+			        {
+			            type: "ResourceList",
+			            title: "Ressources",
+			            list: [
+			                {
+			                    url: "http://www.google.com/",
+			                    title: "Google",
+			                    description: "Search engine",
+			                    image: "http://www.google.fr/images/srpr/logo4w.png"
+			                },
+			                "Polemic Tweet http://www.polemictweet.com",
+			                "Twitter http://www.twitter.com/"
+			            ]
+			        }
+			    ],
+			    /*property_files: [ "data/properties.json" ],
+			       node_fill_color: false*/
+			    language: "fr",
+                static_url: "../"
+			});
+			Rkns.jsonIO(_renkan, {
+			    url: "data/simple-persist.php"
+			});
+        });
+    </script>
+        <link rel="stylesheet" href="../css/renkan.css" />
+        <style type="text/css">
+        </style>
+    </head>
+
+    <body>
+        <div id="renkan"></div>
+    </body>
+</html>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/test/test-writable-simple-div.html	Tue Feb 11 01:06:22 2014 +0100
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+        <title>Test de Rendu RENKAN</title>
+        <meta name="description" content="" />
+        <meta name="author" content="Institut de Recherche et d'Innovation" />
+        <script src="../lib/jquery.min.js"></script>
+        <script src="../lib/jquery.mousewheel.min.js"></script>
+        <script src="../lib/underscore-min.js"></script>
+        <script src="../lib/backbone.js"></script>
+        <script src="../lib/backbone-relational.js"></script>
+        <script src="../lib/paper.js"></script>
+        <script src="../../build/renkan.js"></script>
+        <script type="text/javascript">
+            var _renkan;
+            $(function() {
+                _renkan = new Rkns.Renkan({
+                    /*property_files: [ "data/properties.json" ],
+                    user_id: "u-iri",
+                    language: "fr",
+                    node_fill_color: false*/
+                	show_bins: false,
+                    static_url: "../"
+                });
+                Rkns.jsonIO(_renkan, {
+                    url: "../data/simple-persist.php"
+                });
+            });
+        </script>
+        <link rel="stylesheet" href="../css/renkan.css" />
+        <style type="text/css">
+        body{
+            margin: 0 auto;
+            width: 960px;
+        }
+        .header, .footer {
+            font-size: 14px;
+            height: 40px;
+            padding-top: 10px;
+        }
+        .rnk-container{
+            height: 500px;
+            position: relative;
+            width: 600px;
+        }
+        </style>
+    </head>
+
+    <body>
+        <div class="header">
+        This is a header
+        </div>
+        <div class="rnk-container">
+            <div id="renkan"></div>
+        </div>
+        <div class="footer">
+        This is a footer
+        </div>
+    </body>
+</html>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/test/test-writable-simple.html	Tue Feb 11 01:06:22 2014 +0100
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+        <title>Test de Rendu RENKAN</title>
+        <meta name="description" content="" />
+        <meta name="author" content="Institut de Recherche et d'Innovation" />
+        <script src="../lib/jquery.min.js"></script>
+        <script src="../lib/jquery.mousewheel.min.js"></script>
+        <script src="../lib/underscore-min.js"></script>
+        <script src="../lib/backbone.js"></script>
+        <script src="../lib/backbone-relational.js"></script>
+        <script src="../lib/paper.js"></script>
+        <script src="../../build/renkan.js"></script>
+        <script type="text/javascript">
+            var _renkan;
+            $(function() {
+                _renkan = new Rkns.Renkan({
+                    /*property_files: [ "data/properties.json" ],
+                    user_id: "u-iri",
+                    language: "fr",
+                    node_fill_color: false*/
+                	show_bins: false,
+                    static_url: "../"
+                });
+                Rkns.jsonIO(_renkan, {
+                    url: "../data/simple-persist.php"
+                });
+            });
+        </script>
+        <link rel="stylesheet" href="../css/renkan.css" />
+    </head>
+
+    <body>
+        <div id="renkan"></div>
+    </body>
+</html>