{{! template for the annotation list widget }}
<div class='Ldt-AnnotationsListWidget'>
  <!-- ugly div because we want to have a double border -->
  <div class='Ldt-Annotation-DoubleBorder'>
    <ul>
    {{#annotations}}
      <li>
        <a href='#a={{id}}'>
          <div style='overflow: auto; margin-bottom: 10px;'>
            <img src='http://i.imgur.com/aoUlC.jpg' style='display: block; float: left;'></img>
            <div class='Ldt-AnnotationsList-Duration'>{{begin}} - {{end}}</div>
            <div class='Ldt-AnnotationsList-Title'>{{title}}</div>
            <div class='Ldt-AnnotationsList-Description'>{{desc}}</div>
          </div>
        </a>
      </li>
    {{/annotations}}
    </ul>
  </div>
</div>