1 {{! template for the annotation list widget }}

     2 <div class='Ldt-AnnotationsListWidget'>

     3   <!-- ugly div because we want to have a double border -->

     4   <div class='Ldt-Annotation-DoubleBorder'>

     5     <ul>

     6     {{#annotations}}

     7       <li>

     8         <a href='#a={{id}}'>

     9           <div style='overflow: auto; margin-bottom: 10px;'>

    10             <img src='http://i.imgur.com/aoUlC.jpg' style='display: block; float: left;'></img>

    11             <div class='Ldt-AnnotationsList-Duration'>{{begin}} - {{end}}</div>

    12             <div class='Ldt-AnnotationsList-Title'>{{title}}</div>

    13             <div class='Ldt-AnnotationsList-Description'>{{desc}}</div>

    14           </div>

    15         </a>

    16       </li>

    17     {{/annotations}}

    18     </ul>

    19   </div>

    20 </div>