Merge pull request #83 from inventree/icons

Icons

.github/get_stats.py

@@ -49,14 +49,17 @@ file_name.write_text(
 f"""stats:
   - name: Docker pulls
     number: {docker}
+    icon: fa-brands fa-docker
   - name: GitHub Stars
     number: {stars}
+    icon: fa-solid fa-star
   - name: Forks
     number: {forks}
+    icon: fa-solid fa-code-branch
   - name: Contributors
     number: {contributors}
+    icon: fa-solids fa-hands-helping
   - name: Languages
-    number: {languages}""")
-  #- name: Translators
-  #  number: {translators}
-  #  """)
+    number: {languages}
+    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-star
   - name: Forks
     number: 351
+    icon: fa-solid fa-code-branch
   - name: Contributors
     number: 52
+    icon: fa-solid fa-hands-helping
   - name: Languages
     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/base/header.html

@@ -15,7 +15,9 @@
 
         {% if page.main_page %}
         <a href="demo" class="inline-flex items-center bg-gray-100 ml-2 border-0 py-1 px-3 focus:outline-none hover:bg-gray-200 rounded text-base mt-4 md:mt-0">
-        Open demo
-      </a> {% endif %}
+            <span class='fa-solid fa-rocket'></span>&nbsp;
+            Open demo
+        </a>
+        {% endif %}
     </div>
 </header>

_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 %}