{% set skills = page.resume.skills %}
{% if skills %}
<section class="section" id="skills-section">
	<header>
    <h2 class='section-title'><i class="fa-regular fa-keyboard"></i>{% trans %}resume skill title{% endtrans %}</h2>
	</header>
	<section id="skills" class="grid grid-cols-3">
		{% for skill in  skills %}
		<div class="item">
			{% if skill.name %}
			<h3 class="name">
				{{ skill.name }}
			</h3>
			{% endif %} {% if skill.level %}
			<div class="level {{ skill.level | lower }}">
				<em>
				{% if skill.level == "master" %}
				{% trans %}skill level master{% endtrans %}
				{% elif skill.level == "intermediate" %}
				{% trans %}skill level intermediate{% endtrans %}
				{% elif skill.level == "advanced" %}
				{% trans %}skill level advanced{% endtrans %}
				{% elif skill.level == "elementary" %}
				{% trans %}skill level elementary{% endtrans %}
				{% elif skill.level == "notions" %}
				{% trans %}skill level notions{% endtrans %}
				{% endif %}
				</em>
				<div class="bar"></div>
			</div>
			{% endif %}
			{% if skill.keywords %}
			<ul class="keywords">
				{% for keyword in skill.keywords %}
				<li>{{ keyword }}</li>
				{% endfor %}
			</ul>
			{% endif %}
		</div>
		{% endfor %}
	</section>
</section>
{% endif %}