1 {{! template for the annotation creation widget specific for the cinecast festival}}

     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.<br>

    29       Would you like to share it on social networks ?

    30       <div style='margin-top: 12px; text-align: center;'>

    31           <a target='_blank' class='Ldt-createAnnotation-endScreen-TweetLink'><img src='{{img_dir}}/tweet_button.png' style='margin-right: 20px;'></img></a>

    32           <a target='_blank' class='Ldt-createAnnotation-endScreen-FbLink'><img src='{{img_dir}}/facebook_button.png' style='margin-right: 20px;'></img></a>

    33           <a target='_blank' class='Ldt-createAnnotation-endScreen-GplusLink'><img src='{{img_dir}}/gplus_button.png' style='margin-right: 20px;'></img></a>                    

    34       </div>

    35     </div>

    36   </div>

    37 </div>