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