{% load static %}
{% load analytics %}
<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        
        <title>The End &raquo; {% block title_page_specific %}Prolonger l'expérience{% endblock %}</title>
        
        <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" />
        

{% block css_import %}
        <link rel="stylesheet" href="{% static 'theend/lib/jquery-ui.css' %}" />
        <link rel="stylesheet" href="{% static 'theend/css/theend.css' %}" />
{% endblock %}
        
{% block js_import %}
        <script type="text/javascript" src="{% static 'theend/lib/jquery.min.js' %}"></script>
        <script type="text/javascript" src="{% static 'theend/lib/jquery-ui.min.js' %}"></script>
        <script type="text/javascript" src="{% static 'theend/lib/jquery.ui.touch-punch.min.js' %}"></script>
        <script type="text/javascript" src="{% static 'theend/lib/underscore-min.js' %}"></script>
{% endblock %}

{% block js_declare %}
        <script type="text/javascript" src="{% static 'theend/js/taghome.js' %}"></script>
        <script type="text/javascript">
            var endpoints = {
                tag_page: "{% url level2_tag tag='__TAG__' %}",
                content_page : "{% url level2_content content_id='__CONTENT_ID__' %}",
                tag_api: "{% url api_get_search api_name='1.0' resource_name='tags' %}",
                contents_api: "{% url api_dispatch_list api_name='1.0' resource_name='contents' %}"
            };
            $(function() {
                showTags();
            });
        </script>
{% endblock %}
        
    </head>
    <body class="{% block body_class %}home{% endblock %}">
        
{% block main_content %}
        <header class="home_header">
            <a id="btnInfo" class="btn" href="#" title="info"></a>
            <a id="btnChoice" class="btn" href="{{ BASE_URL }}transition.html" title="Retour au menu principal"></a>
            <form id="form_tag">
                <input type="search" name="tag" placeholder="Rechercher" />
            </form>
        </header>
            
        <section class="taglist_container">
            <table></table>
            <div class="arrow arrow_top"></div>
            <div class="arrow arrow_bottom"></div>
            <div class="arrow arrow_left"></div>
            <div class="arrow arrow_right"></div>
        </section>
{% endblock %}
        
        <div class="lightBoxWrap">
            <div class="lightBoxBg"></div>
            <div class="lightBox">
                <a href="#" class="lightBoxClose">&times;</a>
                <h3>THE END, ETC. de Laetitia Masson.</h3>
                <div class="lightBoxScroll">            
                    <p>À compléter</p>
                </div>
            </div>
        </div>
        
        <!-- Metanav FranceTV   -->
        <script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
{% analytics %}
    </body> 
</html>