<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<title> Comments, selector example </title>
<link rel="stylesheet" href="../../Treant.css">
<link rel="stylesheet" href="example8.css">
</head>
<body>
<div class="comments">
<ul>
<li>
<div id="first-post" class="comment">
<img alt="Avatar" src="avatar.jpg">
<p>
<span class="user">John Smitt</span> —
<span class="line-truncate">
<em>Treant.js</em> is an library that handles drawing and visualisation of tree structural charts. What does that mean?
</span>
</p>
</div>
<ul>
<li>
<div id="first-reply" class="comment">
<img alt="Avatar" src="avatar.jpg">
<p>
<span class="user"> Peter Griffin </span> —
<span class="line-truncate">
Great collection! A lot of good inspiration. Thanks!
</span>
</p>
</div>
</li>
<li>
<div id="second-reply" class="comment">
<img alt="Avatar" src="avatar.jpg">
<p>
<span class="user">Jane Black</span> —
<span class="line-truncate">
Thanks for tutorial. One issue I have is that all tutorials is on dev environment. What about production? what differences between …
</span>
</p>
</div>
<ul>
<li>
<div id="second-reply-reply" class="comment">
<img alt="Avatar" src="avatar.jpg">
<p>
<span class="user"> Joe Linux </span> —
<span class="line-truncate">
Looks very promising. I'll have to take a closer look some time.
</span>
</p>
</div>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div class="chart" id="OrganiseChart8"></div>
<script src="../../vendor/raphael.js"></script>
<script src="../../Treant.js"></script>
<script src="example8.js"></script>
<script>
new Treant( tree_structure );
</script>
</body>
</html>