{% extends "base.html" %}
{% load static %}
{% block morecss %}
    <style>{% include "tk_hauteskundeak/include/css/hauteskundeak.css" %}</style>
{% endblock %}
{% block morejs %}
    <script src="https://code.highcharts.com/highcharts.js"></script>
    <script src="https://code.highcharts.com/modules/exporting.js"></script>
    <script src="https://code.highcharts.com/modules/export-data.js"></script>
    <script src="https://code.highcharts.com/modules/item-series.js"></script>
    <script src="https://code.highcharts.com/highcharts-3d.js"></script>
    <script type="text/javascript">
function hexToRgb(hex) {
    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
    return result ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16)
    } : null;
}

function hexToRgbOpacityTxt(hex,opacity) {
  rgb = hexToRgb(hex);
	return 'rgba('+rgb.r+', '+rgb.g+', '+rgb.b+', '+opacity+')';
}
    </script>
{% endblock %}
{% block subheadercontent %}
    <div id="header-title">
        <a href="{% url 'hauteskundeak_home' %}">Hauteskundeak</a>
    </div>
{% endblock %}