<!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>