docs: add feature icons to frontpage

docs/.vitepress/theme/index.ts

@@ -1,5 +1,6 @@
 import DefaultTheme from "vitepress/theme"
 import "../../vitepress.theme.css"
 import "devicon/devicon.min.css"
+import "font-logos/assets/font-logos.css"
 
 export default DefaultTheme

docs/index.md

@@ -20,10 +20,13 @@ hero:
 
 features:
   - title: Use Your Preferred Language
+    icon: <i style="color:var(--vp-c-brand-3)" class="devicon-typescript-plain"></i>
     details: The main focus of Astal is TypeScript using JSX. But you can use the libraries in any language that supports <a href="https://en.wikipedia.org/wiki/List_of_language_bindings_for_GTK">Gobject Introspection</a>.
   - title: No bash scripts needed
+    icon: <i style="color:var(--vp-c-brand-3)" class="devicon-bash-plain"></i>
     details: Includes modules to work with Network, Bluetooth, Battery, Audio and more.
   - title: Use any Gtk widget
+    icon: <i style="color:var(--vp-c-brand-3)" class="fl-gtk"></i>
     details: With Astal you work with Gtk directly. You are not limited to only a set of them.
 ---
 <script setup>

docs/package-lock.json

@@ -6,7 +6,8 @@
         "": {
             "name": "docs",
             "dependencies": {
-                "devicon": "^2.16.0"
+                "devicon": "^2.16.0",
+                "font-logos": "^1.2.0"
             },
             "devDependencies": {
                 "vitepress": "^1.3.4",
@@ -1571,6 +1572,11 @@
                 "tabbable": "^6.2.0"
             }
         },
+        "node_modules/font-logos": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/font-logos/-/font-logos-1.2.0.tgz",
+            "integrity": "sha512-LQYjEmXRXCYk0jg/lZMMM9tonmAfaVbBRsn7J0XwWcjXKIN6ZqNakOWhn/Sjt7jBocaQhrHx1EWAFGv6R0zQKw=="
+        },
         "node_modules/front-matter": {
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/front-matter/-/front-matter-4.0.2.tgz",

docs/package.json

@@ -13,6 +13,7 @@
         "vitepress": "vitepress"
     },
     "dependencies": {
-        "devicon": "^2.16.0"
+        "devicon": "^2.16.0",
+        "font-logos": "^1.2.0"
     }
 }