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' classes: 'competences-section langues-section'
--- ---
<div> <div class="flex justify-center">
<div class="col"> <div class="col">
<h3>Compétences techniques</h3> {% render "partials/components/list", title: "Compétences techniques", content: author.skills %}
<ul style="list-style-type: initial"> </div>
<li>HTML</li>
<li>CSS</li> <div class="col">
<li>Bootstrap</li> {% render "partials/components/list", title: "Langues", content: author.lang %}
<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>
</div> </div>
</div> </div>