awebsite/templates/shortcodes/skills.html

{% set skills = load_data(literal = body, format="json") %}
<div id="skills-content">
  {% for category in skills %}
    <div class="category">
      <h3>{{ category.name | markdown | safe }}</h3>
      <ul class="skills-list">
        {% for skill in category.skills %}
        <li class="skill">
          {% if skill.icon %}
            <i class="{{ skill.icon }} skill-icon"></i>
          {% endif %}
          {% if skill.link %}
            <a href="{{ skill.link }}" target="_blank" rel="noopener">{{ skill.name }}</a>
          {% else %}
            {{ skill.name }}
          {% endif %}
        </li>
        {% endfor %}
      </ul>
    </div>
  {% endfor %}
</div>