Hi Bobby! First of all, thank's so much for the awesome content.
Also, as I was testing the page on my local machine, I believe I've fund a tiny error in the index.html template, as follows:
<section>
<div class="sectionSpace pt-0">
<div class="container">
<div class="row">
<div class="col-md-auto">
<div class="keySkillCol">
<h4 class="smTitle pb-3">Key Skills</h4>
{% for sk in me.userprofile.skills.all %}
{% if sk.is_key_skill %}
<div class="keySkillCard">
{% if sk.image %}
<div class="ksIconCol">
<img src="{{sk.image.url}}" alt="...">
</div>
{% endif %}
<span class="ksText">{{sk.name}}</span>
</div>
{% endif %}
{% endfor %}
</div>
</div>
<div class="col-md">
<h4 class="smTitle pb-3">Coding Skills</h4>
<div class="progressCol">
<div class="progressCard">
{% for sk in me.userprofile.skills.all %}
{% if sk.is_key_skill %}
<div class="progressCol">
<span class="progressLbl">{{sk.name}}</span>
<div class="row g-2 align-items-center">
<div class="col">
<div class="progress progressStyle">
<div class="progress-bar" role="progressbar" style="width: {{sk.score}}%" aria-valuenow="{{sk.score}}" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="col-auto">
<span class="pLbl">{{sk.score}}%</span>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
</section>
I believe we want to show the codding skills if they are not key skills, so I put a little not in the comparison:
...
<h4 class="smTitle pb-3">Coding Skills</h4>
<div class="progressCol">
<div class="progressCard">
{% for sk in me.userprofile.skills.all %}
{% if **not** sk.is_key_skill %}
...