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

     2 <div class='Ldt-createAnnotationWidget'>

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

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

     5     <div style='margin-bottom: 7px; overflow: auto;'>

     6       <div class='Ldt-createAnnotation-Title'></div>

     7       <div class='Ldt-createAnnotation-TimeFrame'></div>

     8     </div>

     9     

    10     <div class='Ldt-createAnnotation-Container'>

    11       <textarea class='Ldt-createAnnotation-Description'></textarea>

    12       <div class='Ldt-createAnnotation-profileArrow'>

    13         <img src='{{img_dir}}/annotate_arrow.png'></img>

    14       </div>

    15       <div class='Ldt-createAnnotation-userAvatar'>        

    16         <img src='https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png'></img>

    17       </div>

    18     </div>

    19     

    20     <div class='Ldt-createAnnotation-keywords'>

    21       Add keywords :       

    22     </div>          

    23     <div class='Ldt-createAnnotation-submitButton'>

    24       <div style='position: absolute; bottom: 10pt; right: 11pt;'>Submit</div>

    25     </div>

    26     

    27     <div class='Ldt-createAnnotation-endScreen' style='display: none'>

    28       Thank you, your annotation has been saved.

    29       <div style='margin-top: 12px;'>

    30         <img src='{{img_dir}}/tweet_button.png' style='margin-right: 20px; display: table-cell'></img>

    31         <img src='{{img_dir}}/facebook_button.png' style='margin-right: 20px; display: table-cell'></img>

    32         <img src='{{img_dir}}/gplus_button.png' style='margin-right: 20px; display: table-cell'></img>                

    33       </div>

    34     </div>

    35   </div>

    36 </div>