Create list component
This commit is contained in:
parent
fbb6e152c1
commit
e8a5edafa5
10
src/_includes/partials/components/list.liquid
Normal file
10
src/_includes/partials/components/list.liquid
Normal 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 %}
|
||||||
|
|
@ -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">
|
|
||||||
<li>HTML</li>
|
|
||||||
<li>CSS</li>
|
|
||||||
<li>Bootstrap</li>
|
|
||||||
<li>Javascript</li>
|
|
||||||
<li>jQuery</li>
|
|
||||||
<li>Eleventy</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<h3>Langues</h3>
|
{% render "partials/components/list", title: "Langues", content: author.lang %}
|
||||||
<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>
|
||||||
Loading…
Reference in a new issue