<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>{{head_title}}</title>
        <link rel="alternate" type="application/json+oembed" href="{{base_url}}oembed?url={{current_url|urlencode}}" title="oEmbed Profile"/>
        {% include "baseheader.html" %}
        <meta name="title" content="{{title}}"/>
        {%if description %}<meta name="description" content="{{description}}"/> {%endif%}
        {%if keywords %}<meta name="keywords" content="{{keywords|safe}}"/> {%endif%}
        <meta content="{{url}}/96p.jpg" name="thumbnail"/>
        <meta content="{{url}}/96p.jpg" name="image_src"/>
        <meta property="og:title" content="{{title}}"/>
        <meta property="og:type" content="movie"/>
        <meta property="og:url" content="{{url}}"/>
        <meta property="og:image" content="{{url}}/256p.jpg"/>
        <meta property="og:site_name" content="{{settings.SITENAME}}"/>
        {%if description %}<meta property="og:description" content="{{description}}"/>{%endif%}
    </head>
    <body>
        <noscript>
            <div style="position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgb(144, 144, 144);"></div>
            <div style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; font-family: Lucida Grande, Segoe UI, DejaVu Sans, Lucida Sans Unicode, Helvetica, Arial, sans-serif; font-size: 11px; color: rgb(0, 0, 0); -moz-user-select: none; -o-user-select: none; -webkit-user-select: none">
                <img src="/{{id}}/{{icon}}128.jpg" alt="" style="padding-top: 64px; -moz-user-drag: none; -o-user-drag: none; -webkit-user-drag: none">
                <div style="position: absolute; width: 512px; left: 0; right: 0; margin: auto; -moz-user-select: text; -o-user-select: text; -webkit-user-select: text">            
                    <div style="padding: 16px 0 8px 0; font-weight: bold; font-size: 13px">{{title}}</div>
                    <div>{{description_html|safe}}</div>
                    {% for c in clips %}
                        <div style="clear:both; padding-top: 4px">
                            <img src="/{{id}}/96p{{c.in}}.jpg" alt="" style="float: left; margin-right: 8px">
                            {{c.annotations|safe}}
                        </div>
                    {% endfor %}
                    <div style="clear: both; padding-top: 16px; padding-bottom: 16px; font-style: italic">{{settings.SITENAME}} requires JavaScript.</div>
                </div>
            </div>
        </noscript>
    </body>
</html>
