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