cumplimiento.html

---
layout: page
---

<div class="container">
  <section id="fulfillment">
    <div class="row">
      <h1 class="text-center">Cumplimiento de las propuestas</h1>
      <div class="col-md-7">
        <div class="bajada"><p>El Observatorio Anticorrupción busca informar -de manera fácil y oportuna- el grado de avance de las recomendaciones del Consejo Asesor Presidencial, poniendo a disposición de toda la ciudadanía lo que se está haciendo desde los órganos del Estado para avanzar hacia un país más transparente y con una mejor democracia. Última actualización: enero de 2018.</p><br>
        <p><i class="fa fa-long-arrow-right"></i> Revisa el <a href="/2015.06.05-consejo_anticorrupcion.pdf" target="blank">informe</a> del Consejo Anticorrupción</p>
      	<p><i class="fa fa-long-arrow-right"></i> Revisa nuestra <a href="/metodologia-observatorio.pdf" target="blank">metodología</a></p>
        <p><i class="fa fa-long-arrow-right"></i> Revisa nuestra <a href="https://docs.google.com/spreadsheets/d/1ou1tEnf-77V_Nw7-RFKMyiwJQ_jknuwdlaz_0Ie0N44/edit?ts=563a7797#gid=0" target="blank">base de datos</a></p>
        </div>
      </div>
      <div class="col-md-3 chart-total">
          <p class="totalbajada">de avance</p>  
          <p class="textototal">Del total de las propuestas</p>
        </div>
        <div class="col-md-2">
            <div class="text-center ct-label">{{site.final_mark}}</div>
          <p class="notatotal">Nota de calidad</p>
        </div>

        <script>
        var cumplimiento = {{ site.final_percentage }};
        $(function() {
        new Chartist.Pie('.chart-total', {
          labels: [cumplimiento + "%"],
          series: [parseInt(cumplimiento)]
        }, {
          donut: true,
          total:100, 
          donutWidth: 15,
          startAngle: 0,
          showLabel: true,
          labelOffset: -60,
        }, [
          ['screen and (max-width: 1199px)', {
            labelOffset: -68
          }],
          ['screen and (max-width: 991px)', {
            labelOffset: -70
          }],
          ['screen and (max-width: 320px)', {
            labelOffset: -60
          }]
        ]);
        });
        
        </script>
    </div>
    {% include fulfillment.html %}
  </section>
</div>