{% macro display() %}
{% set data = load_data(path="data/skills.json") %}

<section class="skills">
  <h2 class="skills-title">Skills</h2>

  {% for group in data %}
    <div class="skills-group">
      <h3 class="skills-subtitle">{{ group.grouping }}</h3>
      <ul class="skills-list">
        {% for skill in group.skills %}
          <li class="skills-item">
            {% if "icon" in skill %}
              <i class="{{ skill.icon }}"></i>
            {% endif %}
            <span>{{ skill.name }}</span>
          </li>
        {% endfor %}
      </ul>
    </div>
  {% endfor %}
</section>

{% endmacro %}