From d3d79c032ade1760ff843a17a43d0623b9576e94 Mon Sep 17 00:00:00 2001
From: Lachlan Archibald <lachlan@lachytech.net>
Date: Wed, 28 Aug 2024 16:23:54 +1000
Subject: [PATCH 1/2] feat: Add/reorder Linux skill icons

This commit adds skill categories for Embedded and Operating Systems,
and adds additional icons for Fedora, Ubuntu and Yocto Project.
---
 components/sections/Skills.js          |  14 ++
 pages/_app.js                          |  76 ++++--
 pages/create-profile.js                |  18 ++
 public/icons/skills/fedora-colored.svg |  54 +++++
 public/icons/skills/fedora-dark.svg    |  59 +++++
 public/icons/skills/fedora.svg         |  59 +++++
 public/icons/skills/ubuntu-colored.svg |  75 ++++++
 public/icons/skills/ubuntu-dark.svg    | 316 +++++++++++++++++++++++++
 public/icons/skills/ubuntu.svg         | 316 +++++++++++++++++++++++++
 public/icons/skills/yocto-colored.svg  |  93 ++++++++
 public/icons/skills/yocto-dark.svg     |  93 ++++++++
 public/icons/skills/yocto.svg          |  93 ++++++++
 styles/globals.css                     |  68 ++++--
 13 files changed, 1284 insertions(+), 50 deletions(-)
 create mode 100644 public/icons/skills/fedora-colored.svg
 create mode 100644 public/icons/skills/fedora-dark.svg
 create mode 100644 public/icons/skills/fedora.svg
 create mode 100644 public/icons/skills/ubuntu-colored.svg
 create mode 100644 public/icons/skills/ubuntu-dark.svg
 create mode 100644 public/icons/skills/ubuntu.svg
 create mode 100644 public/icons/skills/yocto-colored.svg
 create mode 100644 public/icons/skills/yocto-dark.svg
 create mode 100644 public/icons/skills/yocto.svg

diff --git a/components/sections/Skills.js b/components/sections/Skills.js
index 343be16..d813163 100644
--- a/components/sections/Skills.js
+++ b/components/sections/Skills.js
@@ -84,6 +84,20 @@ const Skills = React.forwardRef(({ handleIconToggle }, ref) => {
             iconType={"cms"}
             iconData={iconData}
           />
+          {/* Embedded */}
+          <IconSelector
+            handleIconToggle={handleIconToggle}
+            title={"Embedded"}
+            iconType={"embedded"}
+            iconData={iconData}
+          />
+          {/* Operating Systems */}
+          <IconSelector
+            handleIconToggle={handleIconToggle}
+            title={"Operating Systems"}
+            iconType={"operatingSystem"}
+            iconData={iconData}
+          />
           {/* Other */}
           <IconSelector
             handleIconToggle={handleIconToggle}
diff --git a/pages/_app.js b/pages/_app.js
index 6ab4da7..57f1bec 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -637,6 +637,54 @@ export const iconData = {
       link: "https://wix.com",
     },
   ],
+  embedded: [
+    {
+      name: "Arduino",
+      path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arduino-colored.svg",
+      iTag: "arduino",
+      link: "https://store.arduino.cc/?gclid=Cj0KCQjw2eilBhCCARIsAG0Pf8uueBifykWcsSS4LPESeGQfxGVKJYnzV7bz471XfknQJy_1VINVWM8aAkLtEALw_wcB",
+    },
+    {
+      name: "Raspberry Pi",
+      path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/raspberrypi-colored.svg",
+      iTag: "raspberrypi",
+      link: "https://www.raspberrypi.org/",
+    },
+    {
+      name: "Yocto Project",
+      path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/yocto-colored.svg",
+      iTag: "yocto",
+      link: "https://www.yoctoproject.org/",
+    },
+  ],
+  operatingSystem: [
+    {
+      name: "Linux",
+      path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/linux-colored.svg",
+      iTag: "linux",
+      link: "https://www.linux.org",
+    },
+    {
+      name: "MacOS",
+      path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/macos-colored.svg",
+      darkPath:
+        "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/macos-colored-dark.svg",
+      iTag: "macos",
+      link: "https://apple.com",
+    },
+    {
+      name: "Fedora",
+      path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/fedora-colored.svg",
+      iTag: "fedora",
+      link: "https://fedoraproject.org/",
+    },
+    {
+      name: "Ubuntu",
+      path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ubuntu-colored.svg",
+      iTag: "ubuntu",
+      link: "https://ubuntu.com/",
+    },
+  ],
   other: [
     {
       name: ".NET",
@@ -672,12 +720,6 @@ export const iconData = {
       iTag: "aws",
       link: "https://aws.amazon.com",
     },
-    {
-      name: "Arduino",
-      path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arduino-colored.svg",
-      iTag: "arduino",
-      link: "https://store.arduino.cc/?gclid=Cj0KCQjw2eilBhCCARIsAG0Pf8uueBifykWcsSS4LPESeGQfxGVKJYnzV7bz471XfknQJy_1VINVWM8aAkLtEALw_wcB",
-    },
     {
       name: "Blender",
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/blender-colored.svg",
@@ -696,32 +738,12 @@ export const iconData = {
       iTag: "docker",
       link: "https://www.docker.com/",
     },
-    {
-      name: "Linux",
-      path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/linux-colored.svg",
-      iTag: "linux",
-      link: "https://www.linux.org",
-    },
-    {
-      name: "MacOS",
-      path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/macos-colored.svg",
-      darkPath:
-        "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/macos-colored-dark.svg",
-      iTag: "macos",
-      link: "https://apple.com",
-    },
     {
       name: "PyTorch",
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/pytorch-colored.svg",
       iTag: "pytorch",
       link: "https://pytorch.org/",
     },
-    {
-      name: "Raspberry Pi",
-      path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/raspberrypi-colored.svg",
-      iTag: "raspberrypi",
-      link: "https://www.raspberrypi.org/",
-    },
     {
       name: "TensorFlow",
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/tensorflow-colored.svg",
@@ -984,6 +1006,8 @@ const initialState = {
     web3: [],
     cloud: [],
     cms: [],
+    embedded: [],
+    operatingSystem: [],
     other: [],
   },
   // Socials State
diff --git a/pages/create-profile.js b/pages/create-profile.js
index 792fab7..c332f15 100644
--- a/pages/create-profile.js
+++ b/pages/create-profile.js
@@ -32,6 +32,8 @@ export default function CreateProfile() {
       web3: [],
       cloud: [],
       cms: [],
+      embedded: [],
+      operatingSystem: [],
       other: [],
     },
     socials: {
@@ -619,6 +621,8 @@ export default function CreateProfile() {
             state.skills.web3.length === 0 &&
             state.skills.cloud.length === 0 &&
             state.skills.cms.length === 0 &&
+            state.skills.embedded.length === 0 &&
+            state.skills.operatingSystem.length === 0 &&
             state.skills.other.length === 0 ? null : (
               <h3>Skills</h3>
             )}
@@ -637,6 +641,8 @@ export default function CreateProfile() {
               state.skills.web3.length < 1 &&
               state.skills.cloud.length < 1 &&
               state.skills.cms.length < 1 &&
+              state.skills.embedded.length < 1 &&
+              state.skills.operatingSystem.length < 1 &&
               state.skills.other.length < 1
                 ? "mb-0"
                 : "mb-4"
@@ -933,6 +939,8 @@ export default function CreateProfile() {
                 renderedMarkdown.skills.other.length < 1 &&
                 renderedMarkdown.skills.software.length < 1 &&
                 renderedMarkdown.skills.web3.length < 1 &&
+                renderedMarkdown.skills.embedded.length < 1 &&
+                renderedMarkdown.skills.operatingSystem.length < 1 &&
                 renderedMarkdown.skills.cms.length < 1 ? null : (
                   <span>{`<p align="left">\n`}</span>
                 )}
@@ -973,6 +981,14 @@ export default function CreateProfile() {
                   ? build_markdown_skill(renderedMarkdown.skills.cms)
                   : null}
 
+                {renderedMarkdown.skills.embedded.length > 0
+                  ? build_markdown_skill(renderedMarkdown.skills.embedded)
+                  : null}
+
+                {renderedMarkdown.skills.operatingSystem.length > 0
+                  ? build_markdown_skill(renderedMarkdown.skills.operatingSystem)
+                  : null}
+
                 {renderedMarkdown.skills.other.length > 0
                   ? build_markdown_skill(renderedMarkdown.skills.other)
                   : null}
@@ -986,6 +1002,8 @@ export default function CreateProfile() {
                 renderedMarkdown.skills.web3.length < 1 &&
                 renderedMarkdown.skills.cloud.length < 1 &&
                 renderedMarkdown.skills.cms.length < 1 &&
+                renderedMarkdown.skills.embedded.length < 1 &&
+                renderedMarkdown.skills.operatingSystem.length < 1 &&
                 renderedMarkdown.skills.other.length < 1 ? null : (
                   <span>{`
                     </p>
diff --git a/public/icons/skills/fedora-colored.svg b/public/icons/skills/fedora-colored.svg
new file mode 100644
index 0000000..db6c445
--- /dev/null
+++ b/public/icons/skills/fedora-colored.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.0"
+   width="267"
+   height="267"
+   id="svg2"
+   sodipodi:docname="fedora-colored.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1485"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     showgrid="false"
+     inkscape:zoom="3.2696629"
+     inkscape:cx="110.25601"
+     inkscape:cy="133.5"
+     inkscape:window-width="3370"
+     inkscape:window-height="1376"
+     inkscape:window-x="70"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <defs
+     id="defs5" />
+  <path
+     d="M 266.62575,133.50613 C 266.62575,59.98128 207.02222,0.37583 133.49792,0.37583 C 60.00668,0.37583 0.42639,59.93123 0.37425,133.41225 L 0.37425,236.4333 C 0.4138,253.11763 13.94545,266.62417 30.64027,266.62417 L 133.55192,266.62417 C 207.05167,266.59532 266.62575,207.01142 266.62575,133.50613"
+     id="voice"
+     style="fill:#294172" />
+  <path
+     d="M 77.126289,142.09756 C 77.126289,142.09756 124.97104,142.09756 124.97104,142.09756 C 124.97104,142.09756 124.97104,189.94234 124.97104,189.94234 C 124.97104,216.35263 103.53659,237.78707 77.126289,237.78707 C 50.715979,237.78707 29.28153,216.35263 29.28153,189.94234 C 29.28153,163.53203 50.715979,142.09756 77.126289,142.09756 z"
+     id="in"
+     style="fill:none;stroke:#3c6eb4;stroke-width:29.21" />
+  <use
+     transform="matrix(-1,0,0,-1,249.71151,284.2882)"
+     id="finity"
+     xlink:href="#in" />
+  <path
+     d="M 139.6074,127.52923 L 139.6074,189.87541 C 139.6074,224.37943 111.63203,252.35541 77.12679,252.35541 C 71.89185,252.35541 68.1703,251.7644 63.32444,250.49771 C 56.25849,248.64859 50.48398,242.85518 50.48158,236.1166 C 50.48158,227.97147 56.39394,222.0467 65.23187,222.0467 C 69.43824,222.0467 70.96454,222.85435 77.12679,222.85435 C 95.3184,222.85435 110.07443,208.11916 110.10634,189.92756 L 110.10634,161.27099 C 110.10634,158.70324 108.01971,156.62274 105.44767,156.62274 L 83.78246,156.61846 C 75.71034,156.61846 69.18845,150.18003 69.18845,142.0858 C 69.18414,133.94124 75.77725,127.52923 83.93653,127.52923"
+     id="free"
+     style="fill:#ffffff" />
+  <use
+     transform="matrix(-1,0,0,-1,249.71152,284.28821)"
+     id="dom"
+     xlink:href="#free" />
+</svg>
diff --git a/public/icons/skills/fedora-dark.svg b/public/icons/skills/fedora-dark.svg
new file mode 100644
index 0000000..53462c3
--- /dev/null
+++ b/public/icons/skills/fedora-dark.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.0"
+   width="267"
+   height="267"
+   id="svg2"
+   sodipodi:docname="fedora-dark.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1485"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     showgrid="false"
+     inkscape:zoom="3.2696629"
+     inkscape:cx="109.95017"
+     inkscape:cy="133.5"
+     inkscape:window-width="3370"
+     inkscape:window-height="1376"
+     inkscape:window-x="70"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <defs
+     id="defs5" />
+  <path
+     d="M 266.62575,133.50613 C 266.62575,59.98128 207.02222,0.37583 133.49792,0.37583 C 60.00668,0.37583 0.42639,59.93123 0.37425,133.41225 L 0.37425,236.4333 C 0.4138,253.11763 13.94545,266.62417 30.64027,266.62417 L 133.55192,266.62417 C 207.05167,266.59532 266.62575,207.01142 266.62575,133.50613"
+     id="voice"
+     style="fill:#6f7580;fill-opacity:1" />
+  <path
+     d="M 77.126289,142.09756 C 77.126289,142.09756 124.97104,142.09756 124.97104,142.09756 C 124.97104,142.09756 124.97104,189.94234 124.97104,189.94234 C 124.97104,216.35263 103.53659,237.78707 77.126289,237.78707 C 50.715979,237.78707 29.28153,216.35263 29.28153,189.94234 C 29.28153,163.53203 50.715979,142.09756 77.126289,142.09756 z"
+     id="in"
+     style="fill:none;stroke:#9197a0;stroke-width:29.21;stroke-opacity:1" />
+  <use
+     transform="matrix(-1,0,0,-1,249.71151,284.2882)"
+     id="finity"
+     xlink:href="#in" />
+  <path
+     d="m 139.6074,127.52923 v 62.34618 c 0,34.50402 -27.97537,62.48 -62.48061,62.48 -5.23494,0 -8.95649,-0.59101 -13.80235,-1.8577 -7.06595,-1.84912 -12.84046,-7.64253 -12.84286,-14.38111 0,-8.14513 5.91236,-14.0699 14.75029,-14.0699 4.20637,0 5.73267,0.80765 11.89492,0.80765 18.19161,0 32.94764,-14.73519 32.97955,-32.92679 v -28.65657 c 0,-2.56775 -2.08663,-4.64825 -4.65867,-4.64825 l -21.66521,-0.004 c -8.07212,0 -14.59401,-6.43843 -14.59401,-14.53266 -0.0043,-8.14456 6.5888,-14.55657 14.74808,-14.55657"
+     id="free"
+     style="display:inline;fill:#ffffff" />
+  <use
+     transform="rotate(180,124.85576,142.1441)"
+     id="dom"
+     xlink:href="#free"
+     style="display:inline;fill:#000000;fill-opacity:1;stroke:none"
+     x="0"
+     y="0"
+     width="100%"
+     height="100%" />
+</svg>
diff --git a/public/icons/skills/fedora.svg b/public/icons/skills/fedora.svg
new file mode 100644
index 0000000..abf92d9
--- /dev/null
+++ b/public/icons/skills/fedora.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.0"
+   width="267"
+   height="267"
+   id="svg2"
+   sodipodi:docname="fedora.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1485"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     showgrid="false"
+     inkscape:zoom="3.2696629"
+     inkscape:cx="109.95017"
+     inkscape:cy="133.5"
+     inkscape:window-width="3370"
+     inkscape:window-height="1376"
+     inkscape:window-x="70"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <defs
+     id="defs5" />
+  <path
+     d="M 266.62575,133.50613 C 266.62575,59.98128 207.02222,0.37583 133.49792,0.37583 C 60.00668,0.37583 0.42639,59.93123 0.37425,133.41225 L 0.37425,236.4333 C 0.4138,253.11763 13.94545,266.62417 30.64027,266.62417 L 133.55192,266.62417 C 207.05167,266.59532 266.62575,207.01142 266.62575,133.50613"
+     id="voice"
+     style="fill:#9ba1ab;fill-opacity:1" />
+  <path
+     d="M 77.126289,142.09756 C 77.126289,142.09756 124.97104,142.09756 124.97104,142.09756 C 124.97104,142.09756 124.97104,189.94234 124.97104,189.94234 C 124.97104,216.35263 103.53659,237.78707 77.126289,237.78707 C 50.715979,237.78707 29.28153,216.35263 29.28153,189.94234 C 29.28153,163.53203 50.715979,142.09756 77.126289,142.09756 z"
+     id="in"
+     style="fill:none;stroke:#6d737e;stroke-width:29.21;stroke-opacity:1" />
+  <use
+     transform="matrix(-1,0,0,-1,249.71151,284.2882)"
+     id="finity"
+     xlink:href="#in" />
+  <path
+     d="m 139.6074,127.52923 v 62.34618 c 0,34.50402 -27.97537,62.48 -62.48061,62.48 -5.23494,0 -8.95649,-0.59101 -13.80235,-1.8577 -7.06595,-1.84912 -12.84046,-7.64253 -12.84286,-14.38111 0,-8.14513 5.91236,-14.0699 14.75029,-14.0699 4.20637,0 5.73267,0.80765 11.89492,0.80765 18.19161,0 32.94764,-14.73519 32.97955,-32.92679 v -28.65657 c 0,-2.56775 -2.08663,-4.64825 -4.65867,-4.64825 l -21.66521,-0.004 c -8.07212,0 -14.59401,-6.43843 -14.59401,-14.53266 -0.0043,-8.14456 6.5888,-14.55657 14.74808,-14.55657"
+     id="free"
+     style="display:inline;fill:#ffffff" />
+  <use
+     transform="rotate(180,124.85576,142.1441)"
+     id="dom"
+     xlink:href="#free"
+     style="display:inline;fill:#000000;fill-opacity:1;stroke:none"
+     x="0"
+     y="0"
+     width="100%"
+     height="100%" />
+</svg>
diff --git a/public/icons/skills/ubuntu-colored.svg b/public/icons/skills/ubuntu-colored.svg
new file mode 100644
index 0000000..dc6485d
--- /dev/null
+++ b/public/icons/skills/ubuntu-colored.svg
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg891"
+   sodipodi:docname="ubuntu-colored.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs895" />
+  <sodipodi:namedview
+     id="namedview893"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     showgrid="false"
+     inkscape:zoom="8.73"
+     inkscape:cx="41.294387"
+     inkscape:cy="50"
+     inkscape:window-width="3370"
+     inkscape:window-height="1376"
+     inkscape:window-x="70"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg891" />
+  <circle
+     fill="#f47421"
+     cy="50"
+     cx="50"
+     r="45"
+     id="circle876" />
+  <circle
+     fill="none"
+     stroke="#ffffff"
+     stroke-width="8.55"
+     cx="50"
+     cy="50"
+     r="21.825"
+     id="circle878" />
+  <g
+     id="friend">
+    <circle
+       fill="#f47421"
+       cx="19.4"
+       cy="50"
+       r="8.4376"
+       id="circle880" />
+    <path
+       stroke="#f47421"
+       stroke-width="3.2378"
+       d="M67,50H77"
+       id="path882" />
+    <circle
+       fill="#ffffff"
+       cx="19.4"
+       cy="50"
+       r="6.00745"
+       id="circle884" />
+  </g>
+  <use
+     xlink:href="#friend"
+     transform="rotate(120,50,50)"
+     id="use887" />
+  <use
+     xlink:href="#friend"
+     transform="rotate(240,50,50)"
+     id="use889" />
+</svg>
diff --git a/public/icons/skills/ubuntu-dark.svg b/public/icons/skills/ubuntu-dark.svg
new file mode 100644
index 0000000..7508d5a
--- /dev/null
+++ b/public/icons/skills/ubuntu-dark.svg
@@ -0,0 +1,316 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg891"
+   sodipodi:docname="ubuntu-dark.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs895">
+    <filter
+       id="mask-powermask-path-effect1587_inverse"
+       inkscape:label="filtermask-powermask-path-effect1587"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect1587_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect1587_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       id="mask-powermask-path-effect1592_inverse"
+       inkscape:label="filtermask-powermask-path-effect1592"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect1592_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect1592_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       id="mask-powermask-path-effect1599_inverse"
+       inkscape:label="filtermask-powermask-path-effect1599"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect1599_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect1599_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       id="mask-powermask-path-effect1611_inverse"
+       inkscape:label="filtermask-powermask-path-effect1611"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect1611_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect1611_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       id="mask-powermask-path-effect1647_inverse"
+       inkscape:label="filtermask-powermask-path-effect1647"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect1647_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect1647_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       id="mask-powermask-path-effect1683_inverse"
+       inkscape:label="filtermask-powermask-path-effect1683"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect1683_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect1683_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       id="mask-powermask-path-effect1693_inverse"
+       inkscape:label="filtermask-powermask-path-effect1693"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect1693_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect1693_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       id="mask-powermask-path-effect1742_inverse"
+       inkscape:label="filtermask-powermask-path-effect1742"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect1742_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect1742_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       id="mask-powermask-path-effect1794_inverse"
+       inkscape:label="filtermask-powermask-path-effect1794"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect1794_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect1794_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+    <mask
+       maskUnits="userSpaceOnUse"
+       id="mask2000">
+      <path
+         id="mask-powermask-path-effect2030_box"
+         style="fill:#ffffff;fill-opacity:1"
+         d="M 4,4 H 96 V 96 H 4 Z" />
+      <g
+         id="g2028"
+         style="display:inline">
+        <circle
+           fill="none"
+           stroke="#ffffff"
+           stroke-width="8.55"
+           id="circle2002"
+           style="display:inline;stroke:#000000;stroke-opacity:1"
+           r="21.825001"
+           cy="50"
+           cx="50" />
+        <g
+           id="g2010"
+           style="display:inline">
+          <circle
+             fill="#f47421"
+             cx="19.4"
+             cy="50"
+             r="8.4376001"
+             id="circle2004"
+             style="display:inline;fill:#ffffff;fill-opacity:1" />
+          <path
+             stroke="#f47421"
+             stroke-width="3.2378"
+             d="M 67,50 H 77"
+             id="path2006"
+             style="display:inline;stroke:#ffffff;stroke-opacity:1" />
+          <circle
+             fill="#ffffff"
+             cx="19.4"
+             cy="50"
+             r="6.0074501"
+             id="circle2008"
+             style="display:inline;fill:#000000;fill-opacity:1" />
+        </g>
+        <g
+           id="g2018"
+           style="display:inline;fill:#000000;fill-opacity:0.996698"
+           transform="rotate(120,50,50)">
+          <circle
+             fill="#f47421"
+             cx="19.4"
+             cy="50"
+             r="8.4376001"
+             id="circle2012"
+             style="display:inline;fill:#ffffff;fill-opacity:0.996078" />
+          <path
+             stroke="#f47421"
+             stroke-width="3.2378"
+             d="M 67,50 H 77"
+             id="path2014"
+             style="display:inline;stroke:#ffffff;stroke-opacity:1" />
+          <circle
+             fill="#ffffff"
+             cx="19.4"
+             cy="50"
+             r="6.0074501"
+             id="circle2016"
+             style="display:inline;fill:#000000;fill-opacity:1" />
+        </g>
+        <g
+           id="g2026"
+           style="display:inline"
+           transform="rotate(-120,50,50)">
+          <circle
+             fill="#f47421"
+             cx="19.4"
+             cy="50"
+             r="8.4376001"
+             id="circle2020"
+             style="display:inline;fill:#ffffff;fill-opacity:1" />
+          <path
+             stroke="#f47421"
+             stroke-width="3.2378"
+             d="M 67,50 H 77"
+             id="path2022"
+             style="display:inline;stroke:#ffffff;stroke-opacity:1" />
+          <circle
+             fill="#ffffff"
+             cx="19.4"
+             cy="50"
+             r="6.0074501"
+             id="circle2024"
+             style="display:inline;fill:#000000;fill-opacity:1" />
+        </g>
+      </g>
+    </mask>
+    <filter
+       id="mask-powermask-path-effect2030_inverse"
+       inkscape:label="filtermask-powermask-path-effect2030"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect2030_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect2030_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="namedview893"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     showgrid="false"
+     inkscape:zoom="8.73"
+     inkscape:cx="41.294387"
+     inkscape:cy="50.114548"
+     inkscape:window-width="3370"
+     inkscape:window-height="1376"
+     inkscape:window-x="70"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg891" />
+  <circle
+     fill="#f47421"
+     id="circle876"
+     style="display:inline;fill:#6f7580;fill-opacity:1"
+     mask="url(#mask2000)"
+     r="45"
+     cy="50"
+     cx="50" />
+</svg>
diff --git a/public/icons/skills/ubuntu.svg b/public/icons/skills/ubuntu.svg
new file mode 100644
index 0000000..2b52c7a
--- /dev/null
+++ b/public/icons/skills/ubuntu.svg
@@ -0,0 +1,316 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg891"
+   sodipodi:docname="ubuntu.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs895">
+    <filter
+       id="mask-powermask-path-effect1587_inverse"
+       inkscape:label="filtermask-powermask-path-effect1587"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect1587_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect1587_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       id="mask-powermask-path-effect1592_inverse"
+       inkscape:label="filtermask-powermask-path-effect1592"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect1592_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect1592_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       id="mask-powermask-path-effect1599_inverse"
+       inkscape:label="filtermask-powermask-path-effect1599"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect1599_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect1599_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       id="mask-powermask-path-effect1611_inverse"
+       inkscape:label="filtermask-powermask-path-effect1611"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect1611_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect1611_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       id="mask-powermask-path-effect1647_inverse"
+       inkscape:label="filtermask-powermask-path-effect1647"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect1647_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect1647_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       id="mask-powermask-path-effect1683_inverse"
+       inkscape:label="filtermask-powermask-path-effect1683"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect1683_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect1683_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       id="mask-powermask-path-effect1693_inverse"
+       inkscape:label="filtermask-powermask-path-effect1693"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect1693_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect1693_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       id="mask-powermask-path-effect1742_inverse"
+       inkscape:label="filtermask-powermask-path-effect1742"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect1742_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect1742_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       id="mask-powermask-path-effect1794_inverse"
+       inkscape:label="filtermask-powermask-path-effect1794"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect1794_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect1794_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+    <mask
+       maskUnits="userSpaceOnUse"
+       id="mask2000">
+      <path
+         id="mask-powermask-path-effect2030_box"
+         style="fill:#ffffff;fill-opacity:1"
+         d="M 4,4 H 96 V 96 H 4 Z" />
+      <g
+         id="g2028"
+         style="display:inline">
+        <circle
+           fill="none"
+           stroke="#ffffff"
+           stroke-width="8.55"
+           id="circle2002"
+           style="display:inline;stroke:#000000;stroke-opacity:1"
+           r="21.825001"
+           cy="50"
+           cx="50" />
+        <g
+           id="g2010"
+           style="display:inline">
+          <circle
+             fill="#f47421"
+             cx="19.4"
+             cy="50"
+             r="8.4376001"
+             id="circle2004"
+             style="display:inline;fill:#ffffff;fill-opacity:1" />
+          <path
+             stroke="#f47421"
+             stroke-width="3.2378"
+             d="M 67,50 H 77"
+             id="path2006"
+             style="display:inline;stroke:#ffffff;stroke-opacity:1" />
+          <circle
+             fill="#ffffff"
+             cx="19.4"
+             cy="50"
+             r="6.0074501"
+             id="circle2008"
+             style="display:inline;fill:#000000;fill-opacity:1" />
+        </g>
+        <g
+           id="g2018"
+           style="display:inline;fill:#000000;fill-opacity:0.996698"
+           transform="rotate(120,50,50)">
+          <circle
+             fill="#f47421"
+             cx="19.4"
+             cy="50"
+             r="8.4376001"
+             id="circle2012"
+             style="display:inline;fill:#ffffff;fill-opacity:0.996078" />
+          <path
+             stroke="#f47421"
+             stroke-width="3.2378"
+             d="M 67,50 H 77"
+             id="path2014"
+             style="display:inline;stroke:#ffffff;stroke-opacity:1" />
+          <circle
+             fill="#ffffff"
+             cx="19.4"
+             cy="50"
+             r="6.0074501"
+             id="circle2016"
+             style="display:inline;fill:#000000;fill-opacity:1" />
+        </g>
+        <g
+           id="g2026"
+           style="display:inline"
+           transform="rotate(-120,50,50)">
+          <circle
+             fill="#f47421"
+             cx="19.4"
+             cy="50"
+             r="8.4376001"
+             id="circle2020"
+             style="display:inline;fill:#ffffff;fill-opacity:1" />
+          <path
+             stroke="#f47421"
+             stroke-width="3.2378"
+             d="M 67,50 H 77"
+             id="path2022"
+             style="display:inline;stroke:#ffffff;stroke-opacity:1" />
+          <circle
+             fill="#ffffff"
+             cx="19.4"
+             cy="50"
+             r="6.0074501"
+             id="circle2024"
+             style="display:inline;fill:#000000;fill-opacity:1" />
+        </g>
+      </g>
+    </mask>
+    <filter
+       id="mask-powermask-path-effect2030_inverse"
+       inkscape:label="filtermask-powermask-path-effect2030"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect2030_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect2030_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="namedview893"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     showgrid="false"
+     inkscape:zoom="8.73"
+     inkscape:cx="41.294387"
+     inkscape:cy="50.114548"
+     inkscape:window-width="3370"
+     inkscape:window-height="1376"
+     inkscape:window-x="70"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg891" />
+  <circle
+     fill="#f47421"
+     id="circle876"
+     style="display:inline;fill:#9ba1ab;fill-opacity:1"
+     mask="url(#mask2000)"
+     r="45"
+     cy="50"
+     cx="50" />
+</svg>
diff --git a/public/icons/skills/yocto-colored.svg b/public/icons/skills/yocto-colored.svg
new file mode 100644
index 0000000..6470fe7
--- /dev/null
+++ b/public/icons/skills/yocto-colored.svg
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="yocto-colored.svg"
+   version="1.1"
+   id="svg2"
+   xml:space="preserve"
+   width="125.02575"
+   height="125.02575"
+   viewBox="0 0 125.02575 125.02575"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><sodipodi:namedview
+     inkscape:current-layer="g12"
+     inkscape:window-maximized="1"
+     inkscape:window-y="27"
+     inkscape:window-x="70"
+     inkscape:cy="42.712043"
+     inkscape:cx="73.042393"
+     inkscape:zoom="5.2093036"
+     showgrid="false"
+     id="namedview27"
+     inkscape:window-height="1376"
+     inkscape:window-width="3370"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     inkscape:pagecheckerboard="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" /><metadata
+     id="metadata8"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs6" /><g
+     id="g10"
+     transform="matrix(0.33333177,0,0,-0.33333177,0,54.635077)"><g
+       id="g12"
+       transform="scale(0.1)"><path
+         inkscape:connector-curvature="0"
+         d="M 796.738,393.53542 676.184,461.83538 433.375,-30.172483 174.371,461.83538 52.2461,393.53542 360.098,-184.82049 c -2.223,-5.47699 -9.274,-20.625 -21.157,-45.704 -12.011,-23.90599 -24.429,-47.792 -37.488,-71.718 -22.859,-41.27399 -46.105,-74.83999 -70.004,-100.96099 -23.906,-27.16 -48.336,-48.84001 -73.406,-65.172 -24.945,-16.32801 -50.938,-28.731 -78.1055,-37.48101 C 53.8125,-514.48449 27.168,-521.54348 0,-527.02448 l 55.5117,-115.73 c 17.375,2.23 40.6211,7.71899 70.0113,16.33199 30.43,7.57801 63.477,22.328 99.395,44.02001 35.785,21.67899 72.227,52.636 109.059,92.85899 38.14,40.23 73.406,93.391 105.925,159.609 l 356.836,723.46991"
+         style="fill:#4597d9;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path16" /><path
+         inkscape:connector-curvature="0"
+         d="m 1455.8,33.440518 c 0,-38.0070006 -6.52,-73.281001 -19.59,-105.928997 -13.07,-32.520001 -30.96,-60.868001 -53.68,-84.637011 -21.81,-22.852 -47.8,-41.26999 -78.23,-55.508 -29.4,-12.92999 -61.39,-19.453 -96.14,-19.453 -34.74,0 -67.39,6.52301 -97.69,19.453 -30.43,14.23801 -57.08,32.656 -79.94,55.508 -21.68,23.76901 -39.046,52.11701 -52.112,84.637011 -13.059,32.647996 -19.59,67.9219964 -19.59,105.928997 0,38.005001 6.531,73.264982 19.59,105.894982 13.066,32.54998 30.432,60.76998 52.112,84.67996 22.86,23.9 49.51,42.43 79.94,55.36 30.3,14.25998 62.95,21.30998 97.69,21.30998 34.75,0 66.74,-7.05 96.14,-21.30998 30.43,-12.93 56.42,-31.46 78.23,-55.36 22.72,-23.90998 40.61,-52.12998 53.68,-84.67996 13.07,-32.63 19.59,-67.889981 19.59,-105.894982 m 151.51,0 c 0,56.425001 -10.32,109.184982 -30.95,158.034962 -19.59,48.84998 -47.28,91.17996 -83.07,127.07996 -35.92,35.79998 -78.23,63.47998 -127.08,83.07996 -48.85,20.61 -101.62,30.95 -158.05,30.95 -56.42,0 -109.2,-10.34 -158.04,-30.95 -48.84,-19.59998 -91.292,-47.27998 -127.085,-83.07996 -35.789,-35.9 -64.129,-78.22998 -84.765,-127.07996 C 817.637,142.6255 807.324,89.865519 807.324,33.440518 c 0,-56.425001 10.313,-109.198997 30.946,-158.047008 20.636,-47.804 48.976,-89.589 84.765,-125.39 35.793,-35.91799 78.245,-64.12099 127.085,-84.77 48.84,-19.59 101.62,-29.386 158.04,-29.386 56.43,0 109.2,9.796 158.05,29.386 48.85,20.64901 91.16,48.85201 127.08,84.77 35.79,35.801 63.48,77.586 83.07,125.39 20.63,48.848011 30.95,101.622007 30.95,158.047008"
+         style="fill:#4597d9;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path18" /><path
+         inkscape:connector-curvature="0"
+         d="m 3599.29,33.440518 c 0,-38.0070006 -6.54,-73.281001 -19.6,-105.928997 -13.07,-32.520001 -30.95,-60.868001 -53.82,-84.637011 -21.68,-22.852 -47.67,-41.26999 -78.1,-55.508 -29.39,-12.92999 -61.39,-19.453 -96.13,-19.453 -34.75,0 -67.4,6.52301 -97.83,19.453 -30.3,14.23801 -56.94,32.656 -79.8,55.508 -21.69,23.76901 -39.06,52.11701 -52.12,84.637011 -13.06,32.647996 -19.6,67.9219964 -19.6,105.928997 0,38.005001 6.54,73.264982 19.6,105.894982 13.06,32.54998 30.43,60.76998 52.12,84.67996 22.86,23.9 49.5,42.43 79.8,55.36 30.43,14.25998 63.08,21.30998 97.83,21.30998 34.74,0 66.74,-7.05 96.13,-21.30998 30.43,-12.93 56.42,-31.46 78.1,-55.36 22.87,-23.90998 40.75,-52.12998 53.82,-84.67996 13.06,-32.63 19.6,-67.889981 19.6,-105.894982 m 151.5,0 c 0,56.425001 -10.32,109.184982 -30.96,158.034962 -19.59,48.84998 -47.28,91.17996 -83.06,127.07996 -35.92,35.79998 -78.23,63.47998 -127.09,83.07996 -48.85,20.61 -101.61,30.95 -158.04,30.95 -56.56,0 -109.19,-10.34 -158.05,-30.95 -48.84,-19.59998 -91.3,-47.27998 -127.08,-83.07996 -35.79,-35.9 -64.13,-78.22998 -84.77,-127.07996 -20.63,-48.84998 -30.95,-101.609961 -30.95,-158.034962 0,-56.425001 10.32,-109.198997 30.95,-158.047008 20.64,-47.804 48.98,-89.589 84.77,-125.39 35.78,-35.91799 78.24,-64.12099 127.08,-84.77 48.86,-19.59 101.49,-29.386 158.05,-29.386 56.43,0 109.19,9.796 158.04,29.386 48.86,20.64901 91.17,48.85201 127.09,84.77 35.78,35.801 63.47,77.586 83.06,125.39 20.64,48.848011 30.96,101.622007 30.96,158.047008"
+         style="fill:#4597d9;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path20" /><path
+         inkscape:connector-curvature="0"
+         d="M 2676.51,679.05532 2531.4,597.56534 V 419.3754 h -392.37 c -283.29,0 -454,-138.01996 -454,-389.469882 0,-390.531008 406.85,-464.198998 696.16,-324.570008 l -60.99,118.34 c -228.97,-100.039 -482.49,-57.461 -482.49,208.847008 0,171.892962 89.48,265.932922 297.8,265.932922 h 395.89 v -474.77993 c 0,-209.899 240.45,-214.59 389.48,-128.535 l -57.34,113.26101 c -95.87,-48.59301 -187.03,-54.86301 -187.03,38.26199 v 451.79193 h 198.53 V 419.3754 h -198.53 v 259.67992 0"
+         style="fill:#4597d9;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path22" /><path
+         inkscape:connector-curvature="0"
+         d="m 1037.58,-726.34449 h 36.32 c 18.29,0.141 36.18,-12.92999 36.18,-31.469 0,-31.089 -35.01,-35.79999 -35.01,-35.79999 l -37.49,-0.25 z m -52.365,44.41 v -274.15983 h 52.365 l 0.66,115.60983 c 93.38,-5.879 128.26,26.64 128.26,83.96 0,51.46901 -46.11,74.59 -90.39,74.59 h -90.895 v 0"
+         style="fill:#4597d9;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path24" /><path
+         inkscape:connector-curvature="0"
+         d="m 1986.62,-819.19549 c 0,-13.34 -2.49,-25.879 -7.45,-37.49999 -4.58,-11.227 -11.1,-21.1488 -19.6,-29.6488 -8.49,-8.4805 -18.41,-15.1407 -29.78,-20.1211 -11.23,-4.5703 -23.5,-6.9102 -36.57,-6.9102 -13.19,0 -25.47,2.3399 -36.7,6.9102 -11.36,4.9804 -21.29,11.6406 -29.78,20.1211 -8.22,8.5 -14.76,18.4218 -19.59,29.6488 -4.96,11.62099 -7.44,24.15999 -7.44,37.49999 0,13.32 2.48,25.72201 7.44,37.089 4.83,11.481 11.37,21.54301 19.59,30.043 8.49,8.469 18.42,15.02001 29.78,19.71901 11.23,4.82799 23.51,7.30899 36.7,7.30899 13.07,0 25.34,-2.481 36.57,-7.30899 11.37,-4.699 21.29,-11.25001 29.78,-19.71901 8.5,-8.49999 15.02,-18.562 19.6,-30.043 4.96,-11.36699 7.45,-23.769 7.45,-37.089 m 53.16,0 c 0,19.58901 -3.8,37.871 -11.5,54.83901 -7.45,17.24999 -17.9,32.133 -31.35,44.67199 -13.06,12.68001 -28.61,22.602 -46.63,29.782 -17.76,7.468 -36.96,11.23801 -57.47,11.23801 -20.63,0 -39.96,-3.77001 -57.99,-11.23801 -17.76,-7.18 -33.17,-17.10199 -46.24,-29.782 -13.19,-12.53899 -23.5,-27.422 -31.34,-44.67199 -7.46,-16.96801 -11.11,-35.25 -11.11,-54.83901 0,-19.868 3.65,-38.27799 11.11,-55.25819 7.84,-16.9922 18.15,-31.8711 31.34,-44.6602 13.07,-12.6797 28.48,-22.60154 46.24,-29.78904 18.03,-7.1914 37.36,-10.8398 57.99,-10.8398 20.51,0 39.71,3.6484 57.47,10.8398 18.02,7.1875 33.57,17.10934 46.63,29.78904 13.45,12.7891 23.9,27.668 31.35,44.6602 7.7,16.9802 11.5,35.39019 11.5,55.25819"
+         style="fill:#4597d9;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path26" /><path
+         inkscape:connector-curvature="0"
+         d="m 2253.58,-682.43449 v -207.81999 c 0,-8.3594 -6.14,-17.6289 -16.32,-17.8906 l -16.32,-0.6602 0.91,-50.93744 15.28,-0.25 c 51.2,-0.7813 68.95,47.39844 68.95,69.87884 v 207.26939"
+         style="fill:#4597d9;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path28" /><path
+         inkscape:connector-curvature="0"
+         d="m 2699.76,-681.79349 h -174.77 v -273.24223 h 175.55 l -0.78,44.00004 H 2577.5 v 71.33219 h 102.28 v 44.00001 H 2577.5 v 69.10899 h 121.47 l 0.79,44.801"
+         style="fill:#4597d9;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path30" /><path
+         inkscape:connector-curvature="0"
+         d="m 3102.69,-747.36349 c -89.46,49.109 -177.63,19.32 -177.63,-70.661 0,-72.49949 69.62,-128.26123 184.16,-68.31979 l 16.59,-44.7891 c -109.98,-60.46094 -254.69,-17.38284 -254.69,113.10889 0,118.2 128.39,179.731 253.12,114.94201 l -21.55,-44.28101"
+         style="fill:#4597d9;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path32" /><path
+         inkscape:connector-curvature="0"
+         d="m 3521.83,-681.79349 0.12,-44.801 h -87.24 v -229.21863 h -52.51 v 229.21863 h -83.71 l 1.17,44.801 h 222.17"
+         style="fill:#4597d9;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path34" /><path
+         inkscape:connector-curvature="0"
+         d="m 1426.42,-726.34449 h 36.31 c 18.29,0.141 36.18,-12.92999 36.18,-31.469 0,-31.089 -35,-35.79999 -35,-35.79999 l -37.49,-0.25 z m -52.25,44.41 v -274.15983 h 52.25 v 117.94883 h 34.62 l 60.59,-117.94883 h 59.56 l -72.23,132.19184 c 28.61,12.78899 43.5,35.26899 43.5,67.37799 0,53.55901 -46.89,74.59 -98.49,74.59 h -79.8 v 0"
+         style="fill:#4597d9;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path36" /></g></g></svg>
diff --git a/public/icons/skills/yocto-dark.svg b/public/icons/skills/yocto-dark.svg
new file mode 100644
index 0000000..37284a1
--- /dev/null
+++ b/public/icons/skills/yocto-dark.svg
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="yocto-dark.svg"
+   version="1.1"
+   id="svg2"
+   xml:space="preserve"
+   width="125.02575"
+   height="125.02575"
+   viewBox="0 0 125.02575 125.02575"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><sodipodi:namedview
+     inkscape:current-layer="g12"
+     inkscape:window-maximized="1"
+     inkscape:window-y="27"
+     inkscape:window-x="70"
+     inkscape:cy="42.712043"
+     inkscape:cx="73.042393"
+     inkscape:zoom="5.2093036"
+     showgrid="false"
+     id="namedview27"
+     inkscape:window-height="1376"
+     inkscape:window-width="3370"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     inkscape:pagecheckerboard="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" /><metadata
+     id="metadata8"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs6" /><g
+     id="g10"
+     transform="matrix(0.33333177,0,0,-0.33333177,0,54.635077)"><g
+       id="g12"
+       transform="scale(0.1)"><path
+         inkscape:connector-curvature="0"
+         d="M 796.738,393.53542 676.184,461.83538 433.375,-30.172483 174.371,461.83538 52.2461,393.53542 360.098,-184.82049 c -2.223,-5.47699 -9.274,-20.625 -21.157,-45.704 -12.011,-23.90599 -24.429,-47.792 -37.488,-71.718 -22.859,-41.27399 -46.105,-74.83999 -70.004,-100.96099 -23.906,-27.16 -48.336,-48.84001 -73.406,-65.172 -24.945,-16.32801 -50.938,-28.731 -78.1055,-37.48101 C 53.8125,-514.48449 27.168,-521.54348 0,-527.02448 l 55.5117,-115.73 c 17.375,2.23 40.6211,7.71899 70.0113,16.33199 30.43,7.57801 63.477,22.328 99.395,44.02001 35.785,21.67899 72.227,52.636 109.059,92.85899 38.14,40.23 73.406,93.391 105.925,159.609 l 356.836,723.46991"
+         style="fill:#6f7580;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path16" /><path
+         inkscape:connector-curvature="0"
+         d="m 1455.8,33.440518 c 0,-38.0070006 -6.52,-73.281001 -19.59,-105.928997 -13.07,-32.520001 -30.96,-60.868001 -53.68,-84.637011 -21.81,-22.852 -47.8,-41.26999 -78.23,-55.508 -29.4,-12.92999 -61.39,-19.453 -96.14,-19.453 -34.74,0 -67.39,6.52301 -97.69,19.453 -30.43,14.23801 -57.08,32.656 -79.94,55.508 -21.68,23.76901 -39.046,52.11701 -52.112,84.637011 -13.059,32.647996 -19.59,67.9219964 -19.59,105.928997 0,38.005001 6.531,73.264982 19.59,105.894982 13.066,32.54998 30.432,60.76998 52.112,84.67996 22.86,23.9 49.51,42.43 79.94,55.36 30.3,14.25998 62.95,21.30998 97.69,21.30998 34.75,0 66.74,-7.05 96.14,-21.30998 30.43,-12.93 56.42,-31.46 78.23,-55.36 22.72,-23.90998 40.61,-52.12998 53.68,-84.67996 13.07,-32.63 19.59,-67.889981 19.59,-105.894982 m 151.51,0 c 0,56.425001 -10.32,109.184982 -30.95,158.034962 -19.59,48.84998 -47.28,91.17996 -83.07,127.07996 -35.92,35.79998 -78.23,63.47998 -127.08,83.07996 -48.85,20.61 -101.62,30.95 -158.05,30.95 -56.42,0 -109.2,-10.34 -158.04,-30.95 -48.84,-19.59998 -91.292,-47.27998 -127.085,-83.07996 -35.789,-35.9 -64.129,-78.22998 -84.765,-127.07996 C 817.637,142.6255 807.324,89.865519 807.324,33.440518 c 0,-56.425001 10.313,-109.198997 30.946,-158.047008 20.636,-47.804 48.976,-89.589 84.765,-125.39 35.793,-35.91799 78.245,-64.12099 127.085,-84.77 48.84,-19.59 101.62,-29.386 158.04,-29.386 56.43,0 109.2,9.796 158.05,29.386 48.85,20.64901 91.16,48.85201 127.08,84.77 35.79,35.801 63.48,77.586 83.07,125.39 20.63,48.848011 30.95,101.622007 30.95,158.047008"
+         style="fill:#6f7580;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path18" /><path
+         inkscape:connector-curvature="0"
+         d="m 3599.29,33.440518 c 0,-38.0070006 -6.54,-73.281001 -19.6,-105.928997 -13.07,-32.520001 -30.95,-60.868001 -53.82,-84.637011 -21.68,-22.852 -47.67,-41.26999 -78.1,-55.508 -29.39,-12.92999 -61.39,-19.453 -96.13,-19.453 -34.75,0 -67.4,6.52301 -97.83,19.453 -30.3,14.23801 -56.94,32.656 -79.8,55.508 -21.69,23.76901 -39.06,52.11701 -52.12,84.637011 -13.06,32.647996 -19.6,67.9219964 -19.6,105.928997 0,38.005001 6.54,73.264982 19.6,105.894982 13.06,32.54998 30.43,60.76998 52.12,84.67996 22.86,23.9 49.5,42.43 79.8,55.36 30.43,14.25998 63.08,21.30998 97.83,21.30998 34.74,0 66.74,-7.05 96.13,-21.30998 30.43,-12.93 56.42,-31.46 78.1,-55.36 22.87,-23.90998 40.75,-52.12998 53.82,-84.67996 13.06,-32.63 19.6,-67.889981 19.6,-105.894982 m 151.5,0 c 0,56.425001 -10.32,109.184982 -30.96,158.034962 -19.59,48.84998 -47.28,91.17996 -83.06,127.07996 -35.92,35.79998 -78.23,63.47998 -127.09,83.07996 -48.85,20.61 -101.61,30.95 -158.04,30.95 -56.56,0 -109.19,-10.34 -158.05,-30.95 -48.84,-19.59998 -91.3,-47.27998 -127.08,-83.07996 -35.79,-35.9 -64.13,-78.22998 -84.77,-127.07996 -20.63,-48.84998 -30.95,-101.609961 -30.95,-158.034962 0,-56.425001 10.32,-109.198997 30.95,-158.047008 20.64,-47.804 48.98,-89.589 84.77,-125.39 35.78,-35.91799 78.24,-64.12099 127.08,-84.77 48.86,-19.59 101.49,-29.386 158.05,-29.386 56.43,0 109.19,9.796 158.04,29.386 48.86,20.64901 91.17,48.85201 127.09,84.77 35.78,35.801 63.47,77.586 83.06,125.39 20.64,48.848011 30.96,101.622007 30.96,158.047008"
+         style="fill:#6f7580;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path20" /><path
+         inkscape:connector-curvature="0"
+         d="M 2676.51,679.05532 2531.4,597.56534 V 419.3754 h -392.37 c -283.29,0 -454,-138.01996 -454,-389.469882 0,-390.531008 406.85,-464.198998 696.16,-324.570008 l -60.99,118.34 c -228.97,-100.039 -482.49,-57.461 -482.49,208.847008 0,171.892962 89.48,265.932922 297.8,265.932922 h 395.89 v -474.77993 c 0,-209.899 240.45,-214.59 389.48,-128.535 l -57.34,113.26101 c -95.87,-48.59301 -187.03,-54.86301 -187.03,38.26199 v 451.79193 h 198.53 V 419.3754 h -198.53 v 259.67992 0"
+         style="fill:#6f7580;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path22" /><path
+         inkscape:connector-curvature="0"
+         d="m 1037.58,-726.34449 h 36.32 c 18.29,0.141 36.18,-12.92999 36.18,-31.469 0,-31.089 -35.01,-35.79999 -35.01,-35.79999 l -37.49,-0.25 z m -52.365,44.41 v -274.15983 h 52.365 l 0.66,115.60983 c 93.38,-5.879 128.26,26.64 128.26,83.96 0,51.46901 -46.11,74.59 -90.39,74.59 h -90.895 v 0"
+         style="fill:#6f7580;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path24" /><path
+         inkscape:connector-curvature="0"
+         d="m 1986.62,-819.19549 c 0,-13.34 -2.49,-25.879 -7.45,-37.49999 -4.58,-11.227 -11.1,-21.1488 -19.6,-29.6488 -8.49,-8.4805 -18.41,-15.1407 -29.78,-20.1211 -11.23,-4.5703 -23.5,-6.9102 -36.57,-6.9102 -13.19,0 -25.47,2.3399 -36.7,6.9102 -11.36,4.9804 -21.29,11.6406 -29.78,20.1211 -8.22,8.5 -14.76,18.4218 -19.59,29.6488 -4.96,11.62099 -7.44,24.15999 -7.44,37.49999 0,13.32 2.48,25.72201 7.44,37.089 4.83,11.481 11.37,21.54301 19.59,30.043 8.49,8.469 18.42,15.02001 29.78,19.71901 11.23,4.82799 23.51,7.30899 36.7,7.30899 13.07,0 25.34,-2.481 36.57,-7.30899 11.37,-4.699 21.29,-11.25001 29.78,-19.71901 8.5,-8.49999 15.02,-18.562 19.6,-30.043 4.96,-11.36699 7.45,-23.769 7.45,-37.089 m 53.16,0 c 0,19.58901 -3.8,37.871 -11.5,54.83901 -7.45,17.24999 -17.9,32.133 -31.35,44.67199 -13.06,12.68001 -28.61,22.602 -46.63,29.782 -17.76,7.468 -36.96,11.23801 -57.47,11.23801 -20.63,0 -39.96,-3.77001 -57.99,-11.23801 -17.76,-7.18 -33.17,-17.10199 -46.24,-29.782 -13.19,-12.53899 -23.5,-27.422 -31.34,-44.67199 -7.46,-16.96801 -11.11,-35.25 -11.11,-54.83901 0,-19.868 3.65,-38.27799 11.11,-55.25819 7.84,-16.9922 18.15,-31.8711 31.34,-44.6602 13.07,-12.6797 28.48,-22.60154 46.24,-29.78904 18.03,-7.1914 37.36,-10.8398 57.99,-10.8398 20.51,0 39.71,3.6484 57.47,10.8398 18.02,7.1875 33.57,17.10934 46.63,29.78904 13.45,12.7891 23.9,27.668 31.35,44.6602 7.7,16.9802 11.5,35.39019 11.5,55.25819"
+         style="fill:#6f7580;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path26" /><path
+         inkscape:connector-curvature="0"
+         d="m 2253.58,-682.43449 v -207.81999 c 0,-8.3594 -6.14,-17.6289 -16.32,-17.8906 l -16.32,-0.6602 0.91,-50.93744 15.28,-0.25 c 51.2,-0.7813 68.95,47.39844 68.95,69.87884 v 207.26939"
+         style="fill:#6f7580;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path28" /><path
+         inkscape:connector-curvature="0"
+         d="m 2699.76,-681.79349 h -174.77 v -273.24223 h 175.55 l -0.78,44.00004 H 2577.5 v 71.33219 h 102.28 v 44.00001 H 2577.5 v 69.10899 h 121.47 l 0.79,44.801"
+         style="fill:#6f7580;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path30" /><path
+         inkscape:connector-curvature="0"
+         d="m 3102.69,-747.36349 c -89.46,49.109 -177.63,19.32 -177.63,-70.661 0,-72.49949 69.62,-128.26123 184.16,-68.31979 l 16.59,-44.7891 c -109.98,-60.46094 -254.69,-17.38284 -254.69,113.10889 0,118.2 128.39,179.731 253.12,114.94201 l -21.55,-44.28101"
+         style="fill:#6f7580;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path32" /><path
+         inkscape:connector-curvature="0"
+         d="m 3521.83,-681.79349 0.12,-44.801 h -87.24 v -229.21863 h -52.51 v 229.21863 h -83.71 l 1.17,44.801 h 222.17"
+         style="fill:#6f7580;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path34" /><path
+         inkscape:connector-curvature="0"
+         d="m 1426.42,-726.34449 h 36.31 c 18.29,0.141 36.18,-12.92999 36.18,-31.469 0,-31.089 -35,-35.79999 -35,-35.79999 l -37.49,-0.25 z m -52.25,44.41 v -274.15983 h 52.25 v 117.94883 h 34.62 l 60.59,-117.94883 h 59.56 l -72.23,132.19184 c 28.61,12.78899 43.5,35.26899 43.5,67.37799 0,53.55901 -46.89,74.59 -98.49,74.59 h -79.8 v 0"
+         style="fill:#6f7580;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path36" /></g></g></svg>
diff --git a/public/icons/skills/yocto.svg b/public/icons/skills/yocto.svg
new file mode 100644
index 0000000..816d65e
--- /dev/null
+++ b/public/icons/skills/yocto.svg
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="yocto.svg"
+   version="1.1"
+   id="svg2"
+   xml:space="preserve"
+   width="125.02575"
+   height="125.02575"
+   viewBox="0 0 125.02575 125.02575"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><sodipodi:namedview
+     inkscape:current-layer="g12"
+     inkscape:window-maximized="1"
+     inkscape:window-y="27"
+     inkscape:window-x="70"
+     inkscape:cy="42.712043"
+     inkscape:cx="73.042393"
+     inkscape:zoom="5.2093036"
+     showgrid="false"
+     id="namedview27"
+     inkscape:window-height="1376"
+     inkscape:window-width="3370"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     inkscape:pagecheckerboard="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" /><metadata
+     id="metadata8"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs6" /><g
+     id="g10"
+     transform="matrix(0.33333177,0,0,-0.33333177,0,54.635077)"><g
+       id="g12"
+       transform="scale(0.1)"><path
+         inkscape:connector-curvature="0"
+         d="M 796.738,393.53542 676.184,461.83538 433.375,-30.172483 174.371,461.83538 52.2461,393.53542 360.098,-184.82049 c -2.223,-5.47699 -9.274,-20.625 -21.157,-45.704 -12.011,-23.90599 -24.429,-47.792 -37.488,-71.718 -22.859,-41.27399 -46.105,-74.83999 -70.004,-100.96099 -23.906,-27.16 -48.336,-48.84001 -73.406,-65.172 -24.945,-16.32801 -50.938,-28.731 -78.1055,-37.48101 C 53.8125,-514.48449 27.168,-521.54348 0,-527.02448 l 55.5117,-115.73 c 17.375,2.23 40.6211,7.71899 70.0113,16.33199 30.43,7.57801 63.477,22.328 99.395,44.02001 35.785,21.67899 72.227,52.636 109.059,92.85899 38.14,40.23 73.406,93.391 105.925,159.609 l 356.836,723.46991"
+         style="fill:#9ba1ab;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path16" /><path
+         inkscape:connector-curvature="0"
+         d="m 1455.8,33.440518 c 0,-38.0070006 -6.52,-73.281001 -19.59,-105.928997 -13.07,-32.520001 -30.96,-60.868001 -53.68,-84.637011 -21.81,-22.852 -47.8,-41.26999 -78.23,-55.508 -29.4,-12.92999 -61.39,-19.453 -96.14,-19.453 -34.74,0 -67.39,6.52301 -97.69,19.453 -30.43,14.23801 -57.08,32.656 -79.94,55.508 -21.68,23.76901 -39.046,52.11701 -52.112,84.637011 -13.059,32.647996 -19.59,67.9219964 -19.59,105.928997 0,38.005001 6.531,73.264982 19.59,105.894982 13.066,32.54998 30.432,60.76998 52.112,84.67996 22.86,23.9 49.51,42.43 79.94,55.36 30.3,14.25998 62.95,21.30998 97.69,21.30998 34.75,0 66.74,-7.05 96.14,-21.30998 30.43,-12.93 56.42,-31.46 78.23,-55.36 22.72,-23.90998 40.61,-52.12998 53.68,-84.67996 13.07,-32.63 19.59,-67.889981 19.59,-105.894982 m 151.51,0 c 0,56.425001 -10.32,109.184982 -30.95,158.034962 -19.59,48.84998 -47.28,91.17996 -83.07,127.07996 -35.92,35.79998 -78.23,63.47998 -127.08,83.07996 -48.85,20.61 -101.62,30.95 -158.05,30.95 -56.42,0 -109.2,-10.34 -158.04,-30.95 -48.84,-19.59998 -91.292,-47.27998 -127.085,-83.07996 -35.789,-35.9 -64.129,-78.22998 -84.765,-127.07996 C 817.637,142.6255 807.324,89.865519 807.324,33.440518 c 0,-56.425001 10.313,-109.198997 30.946,-158.047008 20.636,-47.804 48.976,-89.589 84.765,-125.39 35.793,-35.91799 78.245,-64.12099 127.085,-84.77 48.84,-19.59 101.62,-29.386 158.04,-29.386 56.43,0 109.2,9.796 158.05,29.386 48.85,20.64901 91.16,48.85201 127.08,84.77 35.79,35.801 63.48,77.586 83.07,125.39 20.63,48.848011 30.95,101.622007 30.95,158.047008"
+         style="fill:#9ba1ab;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path18" /><path
+         inkscape:connector-curvature="0"
+         d="m 3599.29,33.440518 c 0,-38.0070006 -6.54,-73.281001 -19.6,-105.928997 -13.07,-32.520001 -30.95,-60.868001 -53.82,-84.637011 -21.68,-22.852 -47.67,-41.26999 -78.1,-55.508 -29.39,-12.92999 -61.39,-19.453 -96.13,-19.453 -34.75,0 -67.4,6.52301 -97.83,19.453 -30.3,14.23801 -56.94,32.656 -79.8,55.508 -21.69,23.76901 -39.06,52.11701 -52.12,84.637011 -13.06,32.647996 -19.6,67.9219964 -19.6,105.928997 0,38.005001 6.54,73.264982 19.6,105.894982 13.06,32.54998 30.43,60.76998 52.12,84.67996 22.86,23.9 49.5,42.43 79.8,55.36 30.43,14.25998 63.08,21.30998 97.83,21.30998 34.74,0 66.74,-7.05 96.13,-21.30998 30.43,-12.93 56.42,-31.46 78.1,-55.36 22.87,-23.90998 40.75,-52.12998 53.82,-84.67996 13.06,-32.63 19.6,-67.889981 19.6,-105.894982 m 151.5,0 c 0,56.425001 -10.32,109.184982 -30.96,158.034962 -19.59,48.84998 -47.28,91.17996 -83.06,127.07996 -35.92,35.79998 -78.23,63.47998 -127.09,83.07996 -48.85,20.61 -101.61,30.95 -158.04,30.95 -56.56,0 -109.19,-10.34 -158.05,-30.95 -48.84,-19.59998 -91.3,-47.27998 -127.08,-83.07996 -35.79,-35.9 -64.13,-78.22998 -84.77,-127.07996 -20.63,-48.84998 -30.95,-101.609961 -30.95,-158.034962 0,-56.425001 10.32,-109.198997 30.95,-158.047008 20.64,-47.804 48.98,-89.589 84.77,-125.39 35.78,-35.91799 78.24,-64.12099 127.08,-84.77 48.86,-19.59 101.49,-29.386 158.05,-29.386 56.43,0 109.19,9.796 158.04,29.386 48.86,20.64901 91.17,48.85201 127.09,84.77 35.78,35.801 63.47,77.586 83.06,125.39 20.64,48.848011 30.96,101.622007 30.96,158.047008"
+         style="fill:#9ba1ab;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path20" /><path
+         inkscape:connector-curvature="0"
+         d="M 2676.51,679.05532 2531.4,597.56534 V 419.3754 h -392.37 c -283.29,0 -454,-138.01996 -454,-389.469882 0,-390.531008 406.85,-464.198998 696.16,-324.570008 l -60.99,118.34 c -228.97,-100.039 -482.49,-57.461 -482.49,208.847008 0,171.892962 89.48,265.932922 297.8,265.932922 h 395.89 v -474.77993 c 0,-209.899 240.45,-214.59 389.48,-128.535 l -57.34,113.26101 c -95.87,-48.59301 -187.03,-54.86301 -187.03,38.26199 v 451.79193 h 198.53 V 419.3754 h -198.53 v 259.67992 0"
+         style="fill:#9ba1ab;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path22" /><path
+         inkscape:connector-curvature="0"
+         d="m 1037.58,-726.34449 h 36.32 c 18.29,0.141 36.18,-12.92999 36.18,-31.469 0,-31.089 -35.01,-35.79999 -35.01,-35.79999 l -37.49,-0.25 z m -52.365,44.41 v -274.15983 h 52.365 l 0.66,115.60983 c 93.38,-5.879 128.26,26.64 128.26,83.96 0,51.46901 -46.11,74.59 -90.39,74.59 h -90.895 v 0"
+         style="fill:#9ba1ab;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path24" /><path
+         inkscape:connector-curvature="0"
+         d="m 1986.62,-819.19549 c 0,-13.34 -2.49,-25.879 -7.45,-37.49999 -4.58,-11.227 -11.1,-21.1488 -19.6,-29.6488 -8.49,-8.4805 -18.41,-15.1407 -29.78,-20.1211 -11.23,-4.5703 -23.5,-6.9102 -36.57,-6.9102 -13.19,0 -25.47,2.3399 -36.7,6.9102 -11.36,4.9804 -21.29,11.6406 -29.78,20.1211 -8.22,8.5 -14.76,18.4218 -19.59,29.6488 -4.96,11.62099 -7.44,24.15999 -7.44,37.49999 0,13.32 2.48,25.72201 7.44,37.089 4.83,11.481 11.37,21.54301 19.59,30.043 8.49,8.469 18.42,15.02001 29.78,19.71901 11.23,4.82799 23.51,7.30899 36.7,7.30899 13.07,0 25.34,-2.481 36.57,-7.30899 11.37,-4.699 21.29,-11.25001 29.78,-19.71901 8.5,-8.49999 15.02,-18.562 19.6,-30.043 4.96,-11.36699 7.45,-23.769 7.45,-37.089 m 53.16,0 c 0,19.58901 -3.8,37.871 -11.5,54.83901 -7.45,17.24999 -17.9,32.133 -31.35,44.67199 -13.06,12.68001 -28.61,22.602 -46.63,29.782 -17.76,7.468 -36.96,11.23801 -57.47,11.23801 -20.63,0 -39.96,-3.77001 -57.99,-11.23801 -17.76,-7.18 -33.17,-17.10199 -46.24,-29.782 -13.19,-12.53899 -23.5,-27.422 -31.34,-44.67199 -7.46,-16.96801 -11.11,-35.25 -11.11,-54.83901 0,-19.868 3.65,-38.27799 11.11,-55.25819 7.84,-16.9922 18.15,-31.8711 31.34,-44.6602 13.07,-12.6797 28.48,-22.60154 46.24,-29.78904 18.03,-7.1914 37.36,-10.8398 57.99,-10.8398 20.51,0 39.71,3.6484 57.47,10.8398 18.02,7.1875 33.57,17.10934 46.63,29.78904 13.45,12.7891 23.9,27.668 31.35,44.6602 7.7,16.9802 11.5,35.39019 11.5,55.25819"
+         style="fill:#9ba1ab;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path26" /><path
+         inkscape:connector-curvature="0"
+         d="m 2253.58,-682.43449 v -207.81999 c 0,-8.3594 -6.14,-17.6289 -16.32,-17.8906 l -16.32,-0.6602 0.91,-50.93744 15.28,-0.25 c 51.2,-0.7813 68.95,47.39844 68.95,69.87884 v 207.26939"
+         style="fill:#9ba1ab;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path28" /><path
+         inkscape:connector-curvature="0"
+         d="m 2699.76,-681.79349 h -174.77 v -273.24223 h 175.55 l -0.78,44.00004 H 2577.5 v 71.33219 h 102.28 v 44.00001 H 2577.5 v 69.10899 h 121.47 l 0.79,44.801"
+         style="fill:#9ba1ab;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path30" /><path
+         inkscape:connector-curvature="0"
+         d="m 3102.69,-747.36349 c -89.46,49.109 -177.63,19.32 -177.63,-70.661 0,-72.49949 69.62,-128.26123 184.16,-68.31979 l 16.59,-44.7891 c -109.98,-60.46094 -254.69,-17.38284 -254.69,113.10889 0,118.2 128.39,179.731 253.12,114.94201 l -21.55,-44.28101"
+         style="fill:#9ba1ab;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path32" /><path
+         inkscape:connector-curvature="0"
+         d="m 3521.83,-681.79349 0.12,-44.801 h -87.24 v -229.21863 h -52.51 v 229.21863 h -83.71 l 1.17,44.801 h 222.17"
+         style="fill:#9ba1ab;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path34" /><path
+         inkscape:connector-curvature="0"
+         d="m 1426.42,-726.34449 h 36.31 c 18.29,0.141 36.18,-12.92999 36.18,-31.469 0,-31.089 -35,-35.79999 -35,-35.79999 l -37.49,-0.25 z m -52.25,44.41 v -274.15983 h 52.25 v 117.94883 h 34.62 l 60.59,-117.94883 h 59.56 l -72.23,132.19184 c 28.61,12.78899 43.5,35.26899 43.5,67.37799 0,53.55901 -46.89,74.59 -98.49,74.59 h -79.8 v 0"
+         style="fill:#9ba1ab;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path36" /></g></g></svg>
diff --git a/styles/globals.css b/styles/globals.css
index c7eac6f..68854ae 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -850,6 +850,50 @@ Table Of Contents:
   .wordpress.colored {
     @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/wordpress-colored.svg')];
   }
+  /** Embedded icons **/
+  .arduino {
+    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arduino.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arduino-dark.svg')];
+  }
+  .arduino.colored {
+    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arduino-colored.svg')];
+  }
+  .raspberrypi {
+    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/raspberrypi.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/raspberrypi-dark.svg')];
+  }
+  .raspberrypi.colored {
+    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/raspberrypi-colored.svg')];
+  }
+  .yoctoproject {
+    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/yocto.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/yocto-dark.svg')];
+  }
+  .yoctoproject.colored {
+    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/yocto-colored.svg')];
+  }
+  /** Operating System icons **/
+  .linux {
+    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/linux.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/linux-dark.svg')];
+  }
+  .linux.colored {
+    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/linux-colored.svg')];
+  }
+  .macos {
+    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/macos.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/macos-dark.svg')];
+  }
+  .macos.colored {
+    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/macos-colored.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/macos-colored-dark.svg')];
+  }
+  .fedora {
+    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/fedora.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/fedora-dark.svg')];
+  }
+  .fedora.colored {
+    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/fedora-colored.svg')];
+  }
+  .ubuntu {
+    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ubuntu.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ubuntu-dark.svg')];
+  }
+  .ubuntu.colored {
+    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ubuntu-colored.svg')];
+  }
   /** Other icons **/
   .dot-net {
     @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/dot-net.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/dot-net-dark.svg')];
@@ -881,12 +925,6 @@ Table Of Contents:
   .aws.colored {
     @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/aws-colored.svg')];
   }
-  .arduino {
-    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arduino.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arduino-dark.svg')];
-  }
-  .arduino.colored {
-    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arduino-colored.svg')];
-  }
   .blender {
     @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/blender.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/blender-dark.svg')];
   }
@@ -905,30 +943,12 @@ Table Of Contents:
   .docker.colored {
     @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/docker-colored.svg')];
   }
-  .linux {
-    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/linux.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/linux-dark.svg')];
-  }
-  .linux.colored {
-    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/linux-colored.svg')];
-  }
-  .macos {
-    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/macos.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/macos-dark.svg')];
-  }
-  .macos.colored {
-    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/macos-colored.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/macos-colored-dark.svg')];
-  }
   .pytorch {
     @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/pytorch.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/pytorch-dark.svg')];
   }
   .pytorch.colored {
     @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/pytorch-colored.svg')];
   }
-  .raspberrypi {
-    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/raspberrypi.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/raspberrypi-dark.svg')];
-  }
-  .raspberrypi.colored {
-    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/raspberrypi-colored.svg')];
-  }
   .tensorflow {
     @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/tensorflow.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/tensorflow-dark.svg')];
   }

From acf88d7816d6fe8d7614b6f13bf27d37a08da2b6 Mon Sep 17 00:00:00 2001
From: Lachlan Archibald <lachlan@lachytech.net>
Date: Mon, 2 Sep 2024 09:04:22 +1000
Subject: [PATCH 2/2] fix: Fix Yocto CSS class name

The skill icon for Yocto Project wasn't displayed because the CSS class
name did not match the iTag data for the icon.
---
 styles/globals.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/styles/globals.css b/styles/globals.css
index 68854ae..9e4123d 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -863,10 +863,10 @@ Table Of Contents:
   .raspberrypi.colored {
     @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/raspberrypi-colored.svg')];
   }
-  .yoctoproject {
+  .yocto {
     @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/yocto.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/yocto-dark.svg')];
   }
-  .yoctoproject.colored {
+  .yocto.colored {
     @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/yocto-colored.svg')];
   }
   /** Operating System icons **/