{% extends "jocondelab/front_base.html" %}
{% load i18n %}
{% load l10n %}

{% block js_import %}
    {{block.super}}
    <script type="text/javascript" src="{{STATIC_URL}}jocondelab/lib/jquery.mousewheel.js"></script>
{% endblock %}

{% block js_declaration %}
    {{block.super}}
    <script type="text/javascript">
        var urls = {
            image_prefix: "{{JOCONDE_IMG_BASE_URL}}",
            static_url: "{{STATIC_URL}}",
            ajax_years: "{% url 'ajax_years' %}",
            ajax_contents_by_term: "{% url 'ajax_contents_by_term' %}"
        }
    </script>
    <script type="text/javascript" src="{{STATIC_URL}}jocondelab/js/front-timeline.js"></script>
{% endblock %}

{% block css_declaration %}
    {{block.super}}
    <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}jocondelab/css/front-timeline.css"></script>
{% endblock %}

{% block title %}JocondeLab &raquo; {% trans 'Timeline' %}{% endblock %}

{% block breadcrumbs %}<a href="{% url 'front_timeline' %}">{% trans 'Timeline' %}</a>{% endblock %}

{% block main %}
            
            <div class="timeline-container">
                <canvas class="timeline-canvas"></canvas>
                <ul class="timeline-list"></ul>
            </div>
                        
            <div class="results"></div>
{% endblock %}
