<ul class='Ldt-AnnotationsList-ul'>

        {{#annotations}}

        <li id='Ldt-Annotation-li-{{id}}' class='Ldt-AnnotationsList-li Ldt-TraceMe'>

            <img class='Ldt-AnnotationsList-Thumbnail' src='{{thumbnail}}' />

            <div class='Ldt-AnnotationsList-Duration'>

                <span class='Ldt-AnnotationsList-Begin'>{{begin}}</span>

                <span class='Ldt-AnnotationsList-TcSeparator'>-</span>

                <span class='Ldt-AnnotationsList-End'>{{end}}</span>

            </div>

            <div class='Ldt-AnnotationsList-Title'>

            {{! if the url is not present, it means that the annotation exists

            {{^url}} <a href='#id={{id}}'> {{/url}}

            {{! otherwise link to url }}

            {{#url}} <a href='{{url}}#id={{id}}'> {{/url}}

                {{title}}

            </a>

            </div>

            <div class='Ldt-AnnotationsList-Description'>

                {{desc}}

            {{#tags.length}}

            <ul class='Ldt-AnnotationsList-Tags'>

                {{#tags}}

                <li class='Ldt-AnnotationsList-Tag-Li'>

                    <div class='Ldt-AnnotationsList-Tag-Div'>{{.}}</div>

                </li>

                {{/tags}}

            </ul>

            {{/tags.length}}

        </li>

        {{/annotations}}