{% extends "base.html" %}

{% load static %}

{% block title %}{{block.super}} > {{datasheet.title}}{% endblock %}

{% block css_import %}

{{block.super}}

        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/additionnal_renkan.css' %}" />

        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/lib/renkan/css/renkan.css' %}" />

        <style type="text/css">

        .rnk-wrapper, .rnk-container{

            width: 100%;

        }

        .rnk-container{

            height: 100%;

            width: 100%;

        }

        .rnk-wrapper{

            height: 100%;

            -webkit-box-sizing: border-box;

            -moz-box-sizing: border-box;

            box-sizing: border-box;

        }

        </style>

{% endblock %}

{% block js_import %}

{{block.super}}

        <script src="{% static 'hdalab/lib/jquery.mousewheel.min.js' %}"></script>

        <script src="{% static 'hdalab/lib/underscore-min.js' %}"></script>

        <script src="{% static 'hdalab/lib/backbone.js' %}"></script>

        <script src="{% static 'hdalab/lib/backbone-relational.js' %}"></script>

        <script src="{% static 'hdalab/lib/paper.js' %}"></script>

        <script type="text/javascript">

            var require = {

                baseUrl: "{% static 'hdalab/ntm/' %}"

            };

        </script>

        <script src="{% static 'hdalab/lib/require.js' %}"></script>

        <script src="{% static 'hdalab/lib/renkan/renkan.js' %}"></script>

        <script type="text/javascript">

            function startRenkan(){

                var _renkan = new Rkns.Renkan({

                    static_url : "{% static 'hdalab/lib/renkan/' %}",

                    search: [

                        {

                            type: "Ldt"

                        },

                        {

                            type: "Wikipedia",

                            lang: "fr"

                        },

                        {

                            type: "Wikipedia",

                            lang: "ja"

                        }

                    ],

                    bins: [

                        {

                            type: "ResourceList",

                            title: "Ressources",

                            list: [

								{

								    url: "http://www.histoiredesarts.culture.fr/",

								    title: "Histoire des arts",

								    description: "Portail Histoire des arts sur culture.fr",

								    image: "http://www.culture.fr/extension/culture_fr/design/culture/images/favicon.ico"

								},

                                {

                                    url: "http://www.google.com/",

                                    title: "Google",

                                    description: "Search engine",

                                    image: "http://www.google.fr/images/srpr/logo4w.png"

                                },

                                "Polemic Tweet http://www.polemictweet.com",

                                "Twitter http://www.twitter.com/"

                            ]

                        }

                    ],

                    /*property_files: [ "data/properties.json" ],

                       node_fill_color: false*/

                    language: "fr"

                });

                Rkns.jsonIO(_renkan, {

                    url: "{% url 'renkan_get_put' %}" + window.location.search

                });

            };

        </script>

{% endblock %}

{% block main_content %}

<div class="rnk-wrapper">

  <div class="rnk-container">

    <div id="renkan"></div>

  </div>

</div>    

{% endblock %}