WIP

source/_partials/skills-list.twig

@@ -0,0 +1,11 @@
+<ul class="skills-list is-flex flex-wrap list-style-none">
+    {% for skill in skills %}
+        <li class="skill">
+            <img
+                class="skill-image"
+                src="/assets/images/skills/originals/{{ skill.image }}"
+                title="{{ skill.name }}"
+                alt="{{ skill.name }} logo">
+        </li>
+    {% endfor %}
+</ul>

source/_partials/skills.twig

@@ -0,0 +1,13 @@
+<h2>Skills</h2>
+
+<p>I regularly use:</p>
+
+{% include 'skills-list' with { skills: site.skills[0] } %}
+
+<p>I am also familiar with:</p>
+
+{% include 'skills-list' with { skills: site.skills[1] } %}
+
+<p>I would like to do more:</p>
+
+{% include 'skills-list' with { skills: site.skills[2] } %}

source/_views/default.twig

@@ -41,6 +41,7 @@
                             {% include 'badges' %}
                             {% include 'availability' %}
                             {% include 'posts/latest' %}
+                            {% include 'skills' %}
                         {% endblock %}
                     </div>
                 {% endblock %}