<div class="row mb-6 mb-md-5 pb-lg-5 mb-lg-6">
<div class="col-6 col-md-3 mb-6 text-center">
<p class="mb-0 mb-sm-3 fireinfo_cat">Latest Release</p>
- <h5 class="pb-5 fireinfo">2.19 Core 109</h5>
+ <h5 class="pb-5 fireinfo">{{ latest_release.name }}</h5>
<div class="r_circle circle mt-5">
- <p class="fireinfo_per">48%</p>
+ <p class="fireinfo_per">{{ "%.0f%%" % (latest_release.penetration * 100) }}</p>
</div>
<script>
- $('.r_circle').circleProgress({ value: 0.48, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#1976d2"] } });
+ $('.r_circle').circleProgress({ value: {{ latest_release.penetration }}, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#1976d2"] } });
</script>
</div>