16.1: fix accesibility issues, allow <i> custom icons, fix missing icons

Author: miermontoto

package.json

@@ -2,7 +2,7 @@
 title: epiCalendar
 desc: web (and python) app that downloads your personal University of Oviedo calendar in ICS or CSV format.
 source: https://github.com/miermontoto/epiCalendar
-custom_links: [{icon: "🛈", url: "/epiCalendar"}]
+links: [{icon: '<i class="fa-solid fa-circle-info"></i>', url: "/epiCalendar"}]
 demo: https://epicalendar.mier.info
 permalink: /epiCalendar/
 icons: [devicon-flask-original, devicon-python-plain, devicon-react-plain]

src/content/collections/projects/epicalendar.md

@@ -4,6 +4,6 @@ desc: my personal portfolio, the very website you are looking at right now.
 source: https://github.com/miermontoto/miermontoto
 icons: [devicon-eleventy-plain, fa-brands fa-markdown, devicon-firebase-plain, devicon-sass-original]
 status: https://dashboard.mier.info/api/badge/1/uptime/48?style=flat-square
-custom_links: [{icon: "β", url: "https://mier-f6277--beta-ski9fkat.web.app/"}]
+links: [{icon: "β", url: "https://mier-f6277--beta-ski9fkat.web.app/"}]
 star: star
 ---

src/content/collections/projects/web.md

@@ -10,9 +10,20 @@ permalink: false
 
 {% macro renderProjects(projects) %}
     <table id="projects">
-        {% for project in projects %}
-            {{ renderProject(project) }}
-        {% endfor %}
+        <thead hidden>
+            <tr>
+                <th>Project</th>
+                <th>Links</th>
+                <th>Description</th>
+                <th>Icons</th>
+                {# <th>Image</th> #}
+            </tr>
+        </thead>
+        <tbody>
+            {% for project in projects %}
+                {{ renderProject(project) }}
+            {% endfor %}
+        </tbody>
     </table>
 {% endmacro %}
 
@@ -28,14 +39,15 @@ permalink: false
 
         <td class="project-links">
             {% if project.data.source %}
-                <a href="{{ project.data.source }}" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-square-github"></i></a>
-            {% endif %}
-            {% if project.data.custom_links %}
-                {% for link in project.data.custom_links %}
-                    <br>
-                    <a href="{{ link.url }}" target="_blank" rel="noopener noreferrer">{{ link.icon }}</a>
-                {% endfor %}
+                <a href="{{ project.data.source }}" target="_blank" rel="noopener noreferrer"
+                    aria-label="go to the source code for the {{ project.data.name | slug }} project">
+                    <i class="fa-brands fa-square-github"></i>
+                </a>
             {% endif %}
+            {% for link in project.data.links %}
+                <br>
+                <a href="{{ link.url }}" target="_blank" rel="noopener noreferrer">{{ link.icon | safe }}</a>
+            {% endfor %}
         </td>
 
         <td class="project-description">