Create list component

This commit is contained in:
TheThomaas 2024-02-11 19:30:43 +01:00
parent fbb6e152c1
commit e8a5edafa5
2 changed files with 16 additions and 19 deletions

View file

@ -0,0 +1,10 @@
{% if title %}
<h3>{{ title }}</h3>
{% endif %}
{% if content %}
<ul style="list-style-type: initial">
{% for element in content %}
<li>{{ element }}</li>
{% endfor %}
</ul>
{% endif %}

View file

@ -5,25 +5,12 @@ order: 1
classes: 'competences-section langues-section'
---
<div>
<div class="flex justify-center">
<div class="col">
<h3>Compétences techniques</h3>
<ul style="list-style-type: initial">
<li>HTML</li>
<li>CSS</li>
<li>Bootstrap</li>
<li>Javascript</li>
<li>jQuery</li>
<li>Eleventy</li>
</ul>
</div>
<div class="col">
<h3>Langues</h3>
<ul style="list-style-type: initial">
<li>Français (langue maternelle)</li>
<li>Anglais</li>
<li>Allemand (Connaissance scolaires)</li>
</ul>
{% render "partials/components/list", title: "Compétences techniques", content: author.skills %}
</div>
<div class="col">
{% render "partials/components/list", title: "Langues", content: author.lang %}
</div>
</div>