Add icons to landing page

.github/get_stats.py

@@ -49,19 +49,17 @@ file_name.write_text(
 f"""stats:
   - name: Docker pulls
     number: {docker}
-    icon: fab fa-docker
+    icon: fa-brands fa-docker
   - name: GitHub Stars
     number: {stars}
-    icon: fas fa-stars
+    icon: fa-solid fa-stars
   - name: Forks
     number: {forks}
-    icon: fas fa-code-map
+    icon: fa-solid fa-code-branch
   - name: Contributors
     number: {contributors}
-    icon: fas fa-hands-helping
+    icon: fa-solids fa-hands-helping
   - name: Languages
     number: {languages}
-    icon: fas fa fa-language
-  #- name: Translators
-  #  number: {translators}
-  #  """)
+    icon: fa-solid fa fa-language
+"""

_data/general/stats.yml

@@ -1,11 +1,17 @@
 stats:
   - name: Docker pulls
     number: 2176492
+    icon: fa-brands fa-docker
   - name: GitHub Stars
     number: 2250
+    icon: fa-solid fa-stars
   - name: Forks
     number: 351
+    icon: fa-solid fa-code-branch
   - name: Contributors
     number: 52
+    icon: fa-solid fa-hands-helping
   - name: Languages
-    number: 26
+    number: 26
+    icon: fa-solid fa-language
+  

_includes/base/head.html

@@ -8,6 +8,9 @@
 
 <script src="{{ '/assets/splide/js/splide.min.js' | relative_url }}"></script>
 
+<!-- Fontawesome integration -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
+
 <title>{{ site.title }}{% if page.title %} - {{ page.title }}{% endif %}</title>
 <meta itemprop="description" name="description"
     content="{% if page.description %}{{ page.description | truncate: 160 }}{% else %}{{ site.description | truncate: 160  }}{% endif %}" />

_includes/block/stats.html

@@ -5,7 +5,12 @@
     {% assign stats = stats|default:site.data.general.stats.stats %}
     {% for item in stats %}
       <div class="p-4 sm:w-1/4 w-1/2">
-        <h2 class="title-font font-medium sm:text-4xl text-3xl cm-gray-1">{{ item.number | intword }}</h2>
+        <h2 class="title-font font-medium sm:text-4xl text-3xl cm-gray-1">
+          {% if item.icon %}
+          <span class='{{ item.icon }}'></span>&nbsp;
+          {% endif %}
+          {{ item.number | intword }}
+        </h2>
         <p class="leading-relaxed">{{ item.name }}</p>
       </div>
     {% endfor %}