<!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/paper.js"></script>
<script src="js/main.js"></script>
<script src="js/i18n.js"></script>
<script src="js/model.js"></script>
<script src="js/json-serializer.js"></script>
<script src="js/random-data.js"></script>
<script src="js/paper-renderer.js"></script>
<script type="text/javascript">
var _proj;
$(function() {
_proj = new Rkns.Project({
url: "data/simple-persist.php",
//serializer: "RandomData",
canvas_id: "renkanvas",
user: {
id: "anonymous",
title: "anonymous",
color: "#0000ff"
}
});
});
</script>
<link rel="stylesheet" href="css/renkan.css" />
<style type="text/css">
#topbar { position: absolute; left: 0; top: 0; right: 0; height: 40px; background: #f0f0f0; font-size: 20px; color: #a0a0a0; }
#leftbar { position: absolute; left: 0; top: 40px; width: 200px; bottom: 0; background: #d0d0d0; font-size: 20px; color: #ffffff; }
#renkan-container { position: absolute; top: 40px; left: 200px; right: 0; bottom: 0; overflow: hidden; }
#renkanvas { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.Rk-Editor { position: absolute; top: 0; left: 0; }
</style>
</head>
<body>
<div id="topbar">Renkan Top Bar</div>
<div id="bottompart">
<div id="leftbar">Renkan "Stock Box"</div>
<div id="renkan-container">
<canvas id="renkanvas" resize></canvas>
<div class="Rk-Editor">
<!-- <div class="Rk-Button-Edit"></div>-->
</div>
</div>
</div>
</body>
</html>