{{! template for the annotation creation widget }}
<div class='Ldt-createAnnotationWidget'>
  <!-- ugly div because we want to have a double border -->
  <div class='Ldt-createAnnotation-DoubleBorder'>
    <div style='margin-bottom: 7px; overflow: auto;'>
      <div class='Ldt-createAnnotation-Title'>310</div>
      <div class='Ldt-createAnnotation-TimeFrame'>(03:10-07:45)</div>
    </div>
    
    <div style='overflow: auto;'>
      <textarea class='Ldt-createAnnotation-Description'></textarea>
      <img src='{{img_dir}}/profile_arrow.png' class='Ldt-createAnnotation-profileArrow'></img>
      <div class='Ldt-createAnnotation-userAvatar'>
        <img class='Ldt-createAnnotation-userAvatar'src='https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png'></img>
      </div> 
    </div>
    
    <div class='Ldt-createAnnotation-keywords'>Add keywords : </div>          
    <div class='Ldt-createAnnotation-submitButton'>Submit</div>
  </div>
</div>