Add icons

package.json

 {
   "dependencies": {
-    "bulma": "^0.9.4"
+    "bulma": "^0.9.4",
+    "@fortawesome/fontawesome-free": "^6.5.1"
   }
 }

sass/style.scss

@@ -6,6 +6,10 @@ $title-color: inherit;
 @import "./_teckids.scss";
 $footer-background-color: $teckids-blue-light;
 
+@import "../node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss";
+@import "../node_modules/@fortawesome/fontawesome-free/scss/brands.scss";
+@import "../node_modules/@fortawesome/fontawesome-free/scss/solid.scss";
+
 @import "../node_modules/bulma/bulma.sass";
 
 @import "./_menu.scss";

static/webfonts

+../node_modules/@fortawesome/fontawesome-free/webfonts
\ No newline at end of file

templates/shortcodes/teckids_related.html

@@ -7,9 +7,9 @@
     <div class="column is-one-third">
       <div class="media">
         <div class="media-left">
-          <figure class="image is-48x48">
-            <img src="" alt="Wiki-Icon">
-          </figure>
+          <div class="icon is-large">
+            <i class="fa-solid fa-2x fa-book"></i>
+          </div>
         </div>
         <div class="media-content">
           <a href="https://wiki.teckids.org/{{page.extra.platforms.wiki}}">
@@ -20,9 +20,9 @@
       </div>
       <div class="media">
         <div class="media-left">
-          <figure class="image is-48x48">
-            <img src="" alt="Forum-Icon">
-          </figure>
+          <div class="icon is-large">
+            <i class="fa-brands fa-2x fa-discourse"></i>
+          </div>
         </div>
         <div class="media-content">
           <a href="https://forum.teckids.org/{{page.extra.platforms.forum}}">
@@ -33,9 +33,9 @@
       </div>
       <div class="media">
         <div class="media-left">
-          <figure class="image is-48x48">
-            <img src="" alt="Wiki-Icon">
-          </figure>
+          <div class="icon is-large">
+            <i class="fa-solid fa-2x fa-comments"></i>
+          </div>
         </div>
         <div class="media-content">
           <a href="https://matrix.to/#/{{page.extra.platforms.chat}}">

yarn.lock

@@ -2,6 +2,11 @@
 # yarn lockfile v1
 
 
+"@fortawesome/fontawesome-free@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-6.5.1.tgz#55cc8410abf1003b726324661ce5b0d1c10de258"
+  integrity sha512-CNy5vSwN3fsUStPRLX7fUYojyuzoEMSXPl7zSLJ8TgtRfjv24LOnOWKT2zYwaHZCJGkdyRnTmstR0P+Ah503Gw==
+
 bulma@^0.9.4:
   version "0.9.4"
   resolved "https://registry.npmjs.org/bulma/-/bulma-0.9.4.tgz"