<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script>
<h1><span data-i18n="skills.my_skills">Skills</span></h1>
<canvas id="{{ site.data.index.skills.id }}" height="500" width="500"></canvas>    
<script>
    var ctx = document.getElementById("{{ site.data.index.skills.id }}");
    var data = {
    labels: "{{ site.data.index.skills.aspects }}".split(","),
    datasets: [{
        label: "{{ site.data.index.skills.label }}",
        backgroundColor: "rgba(179,181,198,0.2