From d6ab16026db8f21143c01becc3a8a812ea6c0960 Mon Sep 17 00:00:00 2001
From: xdrm-brackets <xdrm.brackets.dev@gmail.com>
Date: Tue, 4 Oct 2022 18:29:15 +0200
Subject: [PATCH] feat: fix the skill card and add all icons

---
 src/assets/skills/angular.svg          |  8 +++
 src/assets/skills/arduino.svg          |  6 ++
 src/assets/skills/blender.svg          | 11 ++++
 src/assets/skills/c.svg                | 11 ++++
 src/assets/skills/cordova.svg          |  8 +++
 src/assets/skills/cpp.svg              | 15 +++++
 src/assets/skills/css.svg              |  9 +++
 src/assets/skills/docker.svg           |  6 ++
 src/assets/skills/electronics.svg      |  9 +++
 src/assets/skills/folder.svg           |  6 ++
 src/assets/skills/git.svg              |  6 ++
 src/assets/skills/go.svg               |  6 ++
 src/assets/skills/html.svg             |  9 +++
 src/assets/skills/image-processing.svg | 11 ++++
 src/assets/skills/inkscape.svg         |  4 ++
 src/assets/skills/js.svg               |  5 ++
 src/assets/skills/kubernetes.svg       |  6 ++
 src/assets/skills/linux.svg            |  8 +++
 src/assets/skills/mariadb.svg          | 51 +++++++++++++++
 src/assets/skills/maths.svg            |  6 ++
 src/assets/skills/mecanics.svg         |  6 ++
 src/assets/skills/mongo.svg            | 10 +++
 src/assets/skills/opti.svg             | 18 ++++++
 src/assets/skills/parcel.svg           | 13 ++++
 src/assets/skills/php.svg              |  5 ++
 src/assets/skills/postgres.svg         |  4 ++
 src/assets/skills/python.svg           |  9 +++
 src/assets/skills/qt.svg               | 12 ++++
 src/assets/skills/raspberry.svg        |  6 ++
 src/assets/skills/security.svg         | 10 +++
 src/assets/skills/ts.svg               |  5 ++
 src/assets/skills/unknown.svg          |  6 ++
 src/assets/skills/vue.svg              | 10 +++
 src/assets/skills/webpack.svg          | 10 +++
 src/components/SkillCard.vue           | 49 ++++++++++++--
 src/model/skills.ts                    | 88 ++++++++++++++++++++------
 36 files changed, 434 insertions(+), 28 deletions(-)
 create mode 100644 src/assets/skills/angular.svg
 create mode 100644 src/assets/skills/arduino.svg
 create mode 100644 src/assets/skills/blender.svg
 create mode 100644 src/assets/skills/c.svg
 create mode 100644 src/assets/skills/cordova.svg
 create mode 100644 src/assets/skills/cpp.svg
 create mode 100644 src/assets/skills/css.svg
 create mode 100644 src/assets/skills/docker.svg
 create mode 100644 src/assets/skills/electronics.svg
 create mode 100644 src/assets/skills/folder.svg
 create mode 100644 src/assets/skills/git.svg
 create mode 100644 src/assets/skills/go.svg
 create mode 100644 src/assets/skills/html.svg
 create mode 100644 src/assets/skills/image-processing.svg
 create mode 100644 src/assets/skills/inkscape.svg
 create mode 100644 src/assets/skills/js.svg
 create mode 100644 src/assets/skills/kubernetes.svg
 create mode 100644 src/assets/skills/linux.svg
 create mode 100644 src/assets/skills/mariadb.svg
 create mode 100644 src/assets/skills/maths.svg
 create mode 100644 src/assets/skills/mecanics.svg
 create mode 100644 src/assets/skills/mongo.svg
 create mode 100644 src/assets/skills/opti.svg
 create mode 100644 src/assets/skills/parcel.svg
 create mode 100644 src/assets/skills/php.svg
 create mode 100644 src/assets/skills/postgres.svg
 create mode 100644 src/assets/skills/python.svg
 create mode 100644 src/assets/skills/qt.svg
 create mode 100644 src/assets/skills/raspberry.svg
 create mode 100644 src/assets/skills/security.svg
 create mode 100644 src/assets/skills/ts.svg
 create mode 100644 src/assets/skills/unknown.svg
 create mode 100644 src/assets/skills/vue.svg
 create mode 100644 src/assets/skills/webpack.svg

diff --git a/src/assets/skills/angular.svg b/src/assets/skills/angular.svg
new file mode 100644
index 0000000..8e21cd0
--- /dev/null
+++ b/src/assets/skills/angular.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<title>Foundation/Logo/Qt-logo</title>
+	<title>wiki:Behnam N</title>
+	<g id="a" transform="matrix(.014701 0 0 .014701 3.0939 3.2778)">
+		<path d="m216.88 268.43h78.241l-39.12-94.054zm39.121-242.42-213.36 76.394 32.652 283.08 180.71 100.52 180.71-100.52 32.653-283.08zm133.69 350.96h-49.904l-26.9-67.153h-113.56l-26.903 67.153h-50.003l133.58-300.13z" fill="#dd0031"/>
+	</g>
+</svg>
diff --git a/src/assets/skills/arduino.svg b/src/assets/skills/arduino.svg
new file mode 100644
index 0000000..9ff2c38
--- /dev/null
+++ b/src/assets/skills/arduino.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<title>Foundation/Logo/Qt-logo</title>
+	<title>wiki:Behnam N</title>
+	<path d="m8.9519 5.0074c-0.3845 0.0027763-0.76852 0.10877-1.1037 0.33574-0.42666 0.27074-0.72833 0.63217-0.98178 1.0029-0.38887-0.55865-0.90509-1.088-1.6572-1.2589h-2.43e-5c-0.17889-0.040647-0.35714-0.055483-0.52906-0.055223l-0.030002 4.42e-5 -0.00286 5.128e-4c-1.3845-0.070163-2.4692 1.4787-1.9035 2.7541 0.55622 1.3685 2.5236 1.7213 3.5159 0.62746 0.23078-0.22812 0.41646-0.47911 0.58352-0.73238 0.37988 0.61244 0.94347 1.1493 1.708 1.3222 3.705e-4 8.5e-5 6.993e-4 2.143e-4 0.00104 2.993e-4 1.3616 0.39056 2.7751-0.89233 2.5473-2.2861-0.16819-1.0442-1.1592-1.7178-2.1478-1.7106zm-0.084756 0.71736c0.68248-0.026722 1.4361 0.43077 1.5444 1.1045l9.4e-5 4.659e-4 7.1e-5 5.128e-4c0.13909 0.8497-0.85595 1.7493-1.6821 1.5003l-0.011834-0.00356-0.012042-0.00269c-0.63121-0.14241-1.1311-0.69109-1.4379-1.3184 0.27965-0.44311 0.55994-0.82548 0.95667-1.0762l0.00521-0.0033 0.00512-0.00347c0.18513-0.12643 0.40471-0.18914 0.63221-0.19805zm-4.3017 0.00191c0.02595-1.206e-4 0.052013 8.39e-4 0.078128 0.00286l0.044118 0.00356 0.017057-0.00295c0.12204 0.00113 0.24068 0.011947 0.35 0.036778 0.58924 0.13392 1.0335 0.64324 1.4009 1.2237-0.21908 0.35205-0.43246 0.67976-0.69341 0.93556l-0.00781 0.00763-0.00737 0.00816c-0.61475 0.68346-2.0154 0.43292-2.3594-0.42163l-0.00252-0.00625-0.00278-0.00616c-0.33147-0.73944 0.37847-1.7776 1.183-1.7813zm4.1818 0.65972v0.40169h-0.38988v0.37806h0.38988v0.40169h0.37806v-0.40169h0.41351v-0.37806h-0.41351v-0.40169zm-4.7376 0.44304v0.29536h1.4177v-0.29536z" color="#000000" fill="#00979c" stroke-width=".011814" style="-inkscape-stroke:none"/>
+</svg>
diff --git a/src/assets/skills/blender.svg b/src/assets/skills/blender.svg
new file mode 100644
index 0000000..64d27ef
--- /dev/null
+++ b/src/assets/skills/blender.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-88.27 -88.449)">
+		<g transform="matrix(.11199 0 0 .11199 88.969 73.863)">
+			<g transform="matrix(.99033 0 0 .99033 53.488 2.2884)">
+				<path d="m2.889 195.94c0.11963-2.1532 1.1757-4.0526 2.7663-5.3989 1.5629-1.3227 3.6635-2.1298 5.9574-2.1299 2.2928 1.5e-4 4.3934 0.80727 5.9564 2.1299 1.5911 1.3463 2.6471 3.2454 2.768 5.3982 0.1217 2.2151-0.76742 4.2733-2.3293 5.7971-1.5915 1.5522-3.8586 2.5268-6.3947 2.5268-2.5368 0-4.8054-0.97453-6.3969-2.5268-1.5618-1.5233-2.4501-3.5817-2.3271-5.7964" enable-background="new" fill="#0d528b"/>
+				<path d="m-11.007 200.3c0.01433 0.8411 0.2858 2.4784 0.68802 3.7619 0.84825 2.7071 2.2862 5.2147 4.2897 7.4249 2.0546 2.2675 4.5809 4.0924 7.5026 5.3862 3.0729 1.36 6.4006 2.0556 9.853 2.0492 3.4532-6e-3 6.7804-0.71297 9.8523-2.0831 2.9192-1.3062 5.4457-3.1354 7.4989-5.4098 1.9994-2.2182 3.4353-4.7299 4.2845-7.4392 0.42882-1.3699 0.69619-2.7574 0.80614-4.1523 0.10709-1.3723 0.06133-2.7495-0.13328-4.1229-0.37988-2.6788-1.3076-5.1919-2.7333-7.4844-1.308-2.1047-2.9897-3.9477-4.9892-5.4998l0.0028-3e-3 -20.186-15.502c-0.01751-0.0139-0.03391-0.0281-0.05155-0.0416-1.3277-1.0154-3.5546-1.0122-5.01 7e-3 -1.4747 1.0304-1.6401 2.7329-0.33129 3.8104l-0.0041 3e-3 8.4197 6.848-25.666 0.0274c-0.0124 0-0.02329-3.4e-4 -0.03501-3.4e-4 -2.1207 1e-3 -4.1585 1.3957-4.5642 3.153-0.41136 1.7925 1.0296 3.2785 3.2333 3.2869l-0.0012 7e-3 13.007-0.0249-23.213 17.817c-0.02936 0.0224-0.05995 0.0435-0.08917 0.0663-2.1867 1.6765-2.8959 4.4658-1.5181 6.2308 1.4013 1.7952 4.3762 1.7963 6.5902 8e-3l12.668-10.366s-0.18361 1.4001-0.16977 2.2414zm32.553 4.6839c-2.6105 2.6626-6.2621 4.1696-10.219 4.176-3.9587 8e-3 -7.6122-1.4874-10.223-4.1428-1.2761-1.2951-2.2135-2.781-2.7919-4.369-0.56616-1.5578-0.78616-3.2095-0.64162-4.878 0.14126-1.6331 0.62325-3.1871 1.4007-4.596 0.76204-1.3837 1.8109-2.6337 3.1057-3.6922 2.5373-2.0691 5.7656-3.1871 9.1469-3.1915 3.3813-5e-3 6.6098 1.1045 9.1469 3.1655 1.2938 1.0527 2.3417 2.2986 3.1044 3.6799 0.77691 1.4066 1.2594 2.9585 1.4015 4.592 0.14428 1.667-0.07567 3.3199-0.64176 4.879-0.57785 1.5889-1.5144 3.0774-2.7888 4.377" enable-background="new" fill="#f5792a"/>
+			</g>
+		</g>
+	</g>
+</svg>
diff --git a/src/assets/skills/c.svg b/src/assets/skills/c.svg
new file mode 100644
index 0000000..45b426c
--- /dev/null
+++ b/src/assets/skills/c.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<title>Foundation/Logo/Qt-logo</title>
+	<g transform="matrix(.026144 0 0 .026144 3.5164 3.2794)">
+		<path d="m255.57 84.72c-2e-3 -4.83-1.035-9.098-3.124-12.761-2.052-3.602-5.125-6.621-9.247-9.008-34.025-19.619-68.083-39.178-102.1-58.817-9.17-5.294-18.061-5.101-27.163 0.269-13.543 7.987-81.348 46.834-101.55 58.537-8.321 4.817-12.37 12.189-12.372 21.771-0.013 39.455 0 78.909-0.013 118.36 2e-3 4.724 0.991 8.909 2.988 12.517 2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17 0.269 34.015-19.64 68.075-39.198 102.1-58.817 4.217-2.44 7.333-5.544 9.386-9.252 1.994-3.608 2.985-7.793 2.987-12.518 0 0 0-78.889-0.013-118.34" fill="#5c8dbc"/>
+		<path d="m128.18 143.51-125.19 72.084c2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17 0.269 34.015-19.64 68.075-39.198 102.1-58.817 4.217-2.44 7.333-5.544 9.386-9.252l-124.41-72.074" fill="#1a4674"/>
+		<path d="m91.101 164.86c7.285 12.718 20.98 21.296 36.69 21.296 15.807 0 29.58-8.687 36.828-21.541l-36.437-21.107-37.081 21.352" fill="#1a4674"/>
+		<path d="m255.57 84.72c-2e-3 -4.83-1.035-9.098-3.124-12.761l-124.26 71.55 124.41 72.074c1.994-3.608 2.985-7.793 2.987-12.518 0 0 0-78.889-0.013-118.34" fill="#1b598e"/>
+		<path d="m164.62 164.62c-7.248 12.854-21.021 21.541-36.828 21.541-15.71 0-29.405-8.578-36.69-21.296-3.539-6.18-5.574-13.335-5.574-20.968 0-23.341 18.923-42.263 42.264-42.263 15.609 0 29.232 8.471 36.553 21.059l36.941-21.272c-14.683-25.346-42.096-42.398-73.494-42.398-46.876 0-84.875 38-84.875 84.874 0 15.378 4.091 29.799 11.241 42.238 14.646 25.48 42.137 42.637 73.634 42.637 31.555 0 59.089-17.226 73.714-42.781l-36.886-21.371" fill="#fff"/>
+	</g>
+</svg>
diff --git a/src/assets/skills/cordova.svg b/src/assets/skills/cordova.svg
new file mode 100644
index 0000000..3484f46
--- /dev/null
+++ b/src/assets/skills/cordova.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<title>Foundation/Logo/Qt-logo</title>
+	<title>wiki:Behnam N</title>
+	<g transform="matrix(.029587 0 0 .029587 3.7138 4.0383)" fill="#5e6b8c">
+		<path class="st0" d="m193.2 203h-34.4l2.4-29h-16.9l-2.4 29h-71.3l-2.4-29h-16.9l2.4 29h-34.4l-19.3-125.7 48.3-77.3h115.9l48.3 77.3zm-38.7-164.3h-31l2.1 14.5h-38.7l2.1-14.5h-31l-19.4 38.6 9.7 77.3h115.9l9.7-77.3zm-16.9 90.3c-2.7 0-4.8-8-4.8-18s2.2-18 4.8-18c2.7 0 4.8 8 4.8 18s-2.1 18-4.8 18zm-60.9 1.5c-2.7 0-4.8-8-4.8-18s2.2-18 4.8-18c2.7 0 4.8 8 4.8 18s-2.2 18-4.8 18z" fill="#5e6b8c"/>
+	</g>
+</svg>
diff --git a/src/assets/skills/cpp.svg b/src/assets/skills/cpp.svg
new file mode 100644
index 0000000..1ba0ebc
--- /dev/null
+++ b/src/assets/skills/cpp.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<title>Foundation/Logo/Qt-logo</title>
+	<g transform="matrix(.026144 0 0 .026144 3.5164 3.2794)">
+		<path d="m255.57 84.72c-2e-3 -4.83-1.035-9.098-3.124-12.761-2.052-3.602-5.125-6.621-9.247-9.008-34.025-19.619-68.083-39.178-102.1-58.817-9.17-5.294-18.061-5.101-27.163 0.269-13.543 7.987-81.348 46.834-101.55 58.537-8.321 4.817-12.37 12.189-12.372 21.771-0.013 39.455 0 78.909-0.013 118.36 2e-3 4.724 0.991 8.909 2.988 12.517 2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17 0.269 34.015-19.64 68.075-39.198 102.1-58.817 4.217-2.44 7.333-5.544 9.386-9.252 1.994-3.608 2.985-7.793 2.987-12.518 0 0 0-78.889-0.013-118.34" fill="#5c8dbc"/>
+		<path d="m128.18 143.51-125.19 72.084c2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17 0.269 34.015-19.64 68.075-39.198 102.1-58.817 4.217-2.44 7.333-5.544 9.386-9.252l-124.41-72.074" fill="#1a4674"/>
+		<path d="m91.101 164.86c7.285 12.718 20.98 21.296 36.69 21.296 15.807 0 29.58-8.687 36.828-21.541l-36.437-21.107-37.081 21.352" fill="#1a4674"/>
+		<path d="m255.57 84.72c-2e-3 -4.83-1.035-9.098-3.124-12.761l-124.26 71.55 124.41 72.074c1.994-3.608 2.985-7.793 2.987-12.518 0 0 0-78.889-0.013-118.34" fill="#1b598e"/>
+		<g fill="#fff">
+			<path d="m248.73 148.66h-9.722v9.724h-9.724v-9.724h-9.721v-9.721h9.721v-9.722h9.724v9.722h9.722v9.721"/>
+			<path d="m213.25 148.66h-9.721v9.724h-9.722v-9.724h-9.722v-9.721h9.722v-9.722h9.722v9.722h9.721v9.721"/>
+			<path d="m164.62 164.62c-7.248 12.854-21.021 21.541-36.828 21.541-15.71 0-29.405-8.578-36.69-21.296-3.539-6.18-5.574-13.335-5.574-20.968 0-23.341 18.923-42.263 42.264-42.263 15.609 0 29.232 8.471 36.553 21.059l36.941-21.272c-14.683-25.346-42.096-42.398-73.494-42.398-46.876 0-84.875 38-84.875 84.874 0 15.378 4.091 29.799 11.241 42.238 14.646 25.48 42.137 42.637 73.634 42.637 31.555 0 59.089-17.226 73.714-42.781l-36.886-21.371"/>
+		</g>
+	</g>
+</svg>
diff --git a/src/assets/skills/css.svg b/src/assets/skills/css.svg
new file mode 100644
index 0000000..296c2f0
--- /dev/null
+++ b/src/assets/skills/css.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<title>Foundation/Logo/Qt-logo</title>
+	<g transform="matrix(.20209 0 0 .20209 3.6237 3.8078)">
+		<polygon points="27.377 28.889 16.001 32 4.625 28.889 2 0 30.002 0" fill="#1f62ae"/>
+		<polygon points="16 29.75 25.232 27.008 27.688 2 16 2" fill="#347dc6"/>
+		<polygon points="8.619 17 19.502 17 19.158 21 16 21.99 12.861 20.984 12.533 19 8.803 19 9.262 23.987 16 25.99 22.728 23.986 23.719 12.99 16.026 12.99 24 10 24.363 6 7.607 6 8 10 16 10 8.25 12.99" fill="#fff"/>
+	</g>
+</svg>
diff --git a/src/assets/skills/docker.svg b/src/assets/skills/docker.svg
new file mode 100644
index 0000000..76dabca
--- /dev/null
+++ b/src/assets/skills/docker.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-88.27 -88.449)">
+		<path d="m98.99 95.188a1.6801 1.6801 0 0 0-0.79082-0.25267 0.88598 0.88598 0 0 0-0.14438 0 1.3913 1.3913 0 0 0-0.53816-0.7416 0.16407 0.16407 0 0 0-0.21001 0.02297 1.3323 1.3323 0 0 0-0.23626 1.0763 0.17063 0.17063 0 0 1-0.04266 0.13454 0.14766 0.14766 0 0 1-0.11157 0.04922h-0.14766v-0.80723a0.16407 0.16407 0 0 0-0.16407-0.16407h-0.82035v-1.8048a0.16407 0.16407 0 0 0-0.16407-0.16407h-0.98442a0.16407 0.16407 0 0 0-0.16407 0.16407v0.82035h-1.8048a0.16407 0.16407 0 0 0-0.16407 0.16407v0.82035h-0.82035a0.16407 0.16407 0 0 0-0.16407 0.16407v0.82035h-0.16407a0.16407 0.16407 0 0 0-0.16407 0.16407c0 2.5168 1.8343 2.7892 2.6251 2.7892a4.6891 4.6891 0 0 0 4.0624-2.3232 1.6834 1.6834 0 0 0 1.1649-0.71206 0.16407 0.16407 0 0 0-0.0525-0.21985zm-2.5497 0.30189h-0.65628v-0.65628h0.65628zm-3.6095 0v-0.65628h0.65628v0.65628zm0.98442 0v-0.65628h0.65628v0.65628zm1.6407-1.6407v0.65628h-0.65628v-0.65628zm-0.65628 1.6407v-0.65628h0.65628v0.65628zm0-2.6251h0.65628v0.65628h-0.65628zm-0.32814 1.6407h-0.65628v-0.65628h0.65628zm-1.6407-0.65628h0.65628v0.65628h-0.65628zm-0.98442 0.98442h0.65628v0.65628h-0.65628zm0.98442 2.297a0.32814 0.32814 0 1 1 0.32814-0.32814 0.32814 0.32814 0 0 1-0.32814 0.32814z" fill="#03a8e7" stroke-width=".32814"/>
+	</g>
+</svg>
diff --git a/src/assets/skills/electronics.svg b/src/assets/skills/electronics.svg
new file mode 100644
index 0000000..6f1c8ba
--- /dev/null
+++ b/src/assets/skills/electronics.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-88.27 -88.449)">
+		<g transform="matrix(3.7826 0 0 3.7826 -421.05 -680.81)" shape-rendering="auto">
+			<path d="m136.17 205.72v0.49266h0.0898v-0.49266zm0.48271 0v0.49266h0.0898v-0.49266z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#717ea0" image-rendering="auto" solid-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
+			<path d="m136.21 204.24c-0.0675 0-0.12576 0.022-0.16586 0.0617s-0.0604 0.0952-0.0604 0.15426v0.75433h0.0449c0.0512 0 0.0918 0.0406 0.0918 0.0918s-0.0406 0.0918-0.0918 0.0918h-0.0449v0.32013h0.96239v-0.32013h-0.0449c-0.0512 0-0.0918-0.0406-0.0918-0.0918s0.0406-0.0918 0.0918-0.0918h0.0449v-0.75433c0-0.059-0.0203-0.11456-0.0604-0.15426s-0.0983-0.0617-0.16586-0.0617z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#ed9310" image-rendering="auto" solid-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
+		</g>
+	</g>
+</svg>
diff --git a/src/assets/skills/folder.svg b/src/assets/skills/folder.svg
new file mode 100644
index 0000000..efd739b
--- /dev/null
+++ b/src/assets/skills/folder.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-88.27 -88.449)">
+		<path d="m94.495 92.965h-1.8937c-0.3486 0-0.62808 0.28256-0.62808 0.63124l-0.0024 3.7874c0 0.3486 0.28256 0.63124 0.63124 0.63124h5.0499c0.3486 0 0.63124-0.28256 0.63124-0.63124v-3.1562c0-0.3486-0.28256-0.63124-0.63124-0.63124h-2.5249z" fill="#5e6b8c" stroke-width=".15781"/>
+	</g>
+</svg>
diff --git a/src/assets/skills/git.svg b/src/assets/skills/git.svg
new file mode 100644
index 0000000..394794b
--- /dev/null
+++ b/src/assets/skills/git.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-88.27 -88.449)">
+		<path d="m96.546 93.126c-0.52166 0-0.9455 0.42364-0.9455 0.94554 0 0.349 0.19131 0.65049 0.47259 0.81459v0.13088s0 0.94554-0.94554 0.94554c-0.39222 0-0.69924 0.08365-0.94558 0.21292v-2.2348c0.28176-0.16409 0.47259-0.46615 0.47259-0.81467 0-0.52194-0.42368-0.94554-0.94554-0.94554-0.52194 0-0.94558 0.42368-0.94558 0.94554 0 0.349 0.19131 0.65049 0.47259 0.81467v3.0987c-0.28176 0.16369-0.47259 0.46559-0.47259 0.81439 0 0.52174 0.42368 0.9455 0.94558 0.9455 0.5219 0 0.94554-0.42368 0.94554-0.9455 0-0.24734-0.09726-0.47107-0.25294-0.63989 0.13768-0.1685 0.36141-0.30578 0.72582-0.30578 1.8763 0 1.891-1.8911 1.891-1.8911v-0.13088c0.28136-0.16409 0.47259-0.46607 0.47259-0.81463 0-0.52198-0.42368-0.9455-0.94558-0.9455zm-2.8366-0.47259c0.26135 0 0.47255 0.21092 0.47255 0.47259 0 0.26135-0.21092 0.47255-0.47255 0.47255-0.26135 0-0.47259-0.21092-0.47259-0.47255 0-0.26135 0.21092-0.47259 0.47259-0.47259zm0 5.6732c-0.26135 0-0.47259-0.21172-0.47259-0.47255 0-0.26055 0.21092-0.47255 0.47259-0.47255 0.26135 0 0.47255 0.21172 0.47255 0.47255 0 0.26135-0.21092 0.47255-0.47255 0.47255zm2.8366-3.7821c-0.26135 0-0.47255-0.21132-0.47255-0.47255 0-0.26135 0.21172-0.47263 0.47255-0.47263 0.26135 0 0.47259 0.21092 0.47259 0.47263 0 0.26135-0.21172 0.47255-0.47259 0.47255z" fill="#5e6b8c" stroke-width=".007387"/>
+	</g>
+</svg>
diff --git a/src/assets/skills/go.svg b/src/assets/skills/go.svg
new file mode 100644
index 0000000..068640b
--- /dev/null
+++ b/src/assets/skills/go.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-88.27 -88.449)">
+		<path d="m96.162 94.816c-0.14048 0.036-0.25655 0.0556-0.37542 0.0981-0.09405 0.024-0.18971 0.0504-0.29937 0.0789l-8e-3 1e-3c-0.05403 0.016-0.05923 0.016-0.10966-0.0412-0.06083-0.0684-0.10446-0.11207-0.18851-0.15329-0.25415-0.12407-0.49925-0.0876-0.72758 0.0608-0.27336 0.1765-0.41412 0.43861-0.41028 0.76372 4e-3 0.32259 0.22453 0.58698 0.5315 0.63084 0.28376 0.036 0.51346-0.0592 0.69404-0.26455 0.02802-0.032 0.05163-0.0684 0.07885-0.10686 8e-3 -0.012 0.02001-0.028 0.02802-0.0428h-0.77532c-0.08405 0-0.10446-0.0516-0.07604-0.12006 0.05163-0.12528 0.14848-0.3342 0.20492-0.43862 0.01201-0.024 0.04002-0.0748 0.08885-0.0748h1.3042c0.05803-0.1729 0.15209-0.347 0.27856-0.51213 0.29297-0.38582 0.636-0.58702 1.1249-0.67087 0.41024-0.07204 0.79598-0.03202 1.1469 0.20492 0.31738 0.21692 0.51345 0.51085 0.56632 0.89655 0.0684 0.54312-0.0888 0.98433-0.47343 1.3623-0.25414 0.26975-0.57925 0.43861-0.95335 0.51473-0.072 0.016-0.14328 0.02-0.21252 0.024-0.03602 2e-3 -0.07364 8e-3 -0.10966 8e-3 -0.36501-8e-3 -0.6992-0.11206-0.98044-0.3534-0.19731-0.1713-0.33419-0.38182-0.40119-0.62564-0.04763 0.0941-0.10326 0.1857-0.1805 0.27215-0.27856 0.38182-0.65662 0.6192-1.1339 0.68244-0.39463 0.0528-0.75984-0.024-1.0823-0.26456-0.29657-0.22573-0.46571-0.52246-0.50957-0.89271-0.05283-0.43861 0.07604-0.84368 0.3406-1.1778 0.28656-0.37422 0.66438-0.61152 1.1262-0.69536 0.37782-0.08005 0.73918-0.02401 1.0656 0.19731 0.21292 0.14048 0.36501 0.33299 0.46571 0.56637 0.02401 0.036 8e-3 0.0568-0.04002 0.0684zm-4.5384 0.072c-0.01601 0-0.02001-8e-3 -0.01201-0.02l0.08445-0.10807c8e-3 -0.012 0.02802-0.02 0.04443-0.02h1.4353c0.01601 0 0.02001 0.012 0.01201 0.024l-0.06844 0.10446c-8e-3 0.016-0.02802 0.024-0.04002 0.024zm-0.60703 0.37021c-0.01601 0-0.02001-8e-3 -0.01201-0.02l0.08445-0.10846c8e-3 -0.012 0.02802-0.02 0.04443-0.02h1.8334c0.01601 0 0.02401 0.016 0.02001 0.024l-0.03202 0.0969c-4e-3 0.016-0.02001 0.024-0.03602 0.024zm0.96071 0.3458c-8e-3 0.012-4e-3 0.024 0.01201 0.024l0.87662 4e-3c0.01201 0 0.02802-0.012 0.02802-0.028l8e-3 -0.0969c0-0.016-8e-3 -0.028-0.02401-0.028h-0.8037c-0.01601 0-0.03202 0.012-0.04042 0.024zm6.4694-0.23213c-2e-3 -0.032-4e-3 -0.062-8e-3 -0.0901-0.072-0.39742-0.43861-0.62311-0.82047-0.5341-0.37421 0.0841-0.61535 0.32138-0.70308 0.69924-0.07204 0.31338 0.08005 0.6308 0.36901 0.75983 0.22173 0.0969 0.44254 0.0853 0.65538-0.024 0.31738-0.1757 0.4902-0.42184 0.51085-0.7676-1e-3 -0.016-1e-3 -0.028-2e-3 -0.0424z" fill="#7889b6" stroke-width=".0129"/>
+	</g>
+</svg>
diff --git a/src/assets/skills/html.svg b/src/assets/skills/html.svg
new file mode 100644
index 0000000..93b3e76
--- /dev/null
+++ b/src/assets/skills/html.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<title>Foundation/Logo/Qt-logo</title>
+	<g transform="matrix(.20209 0 0 .20209 3.6237 3.8078)">
+		<polygon points="4.625 28.889 2 0 30.002 0 27.377 28.889 16.001 32" fill="#e44d26"/>
+		<polygon points="27.688 2 16 2 16 29.75 25.232 27.008" fill="#ff6c39"/>
+		<polygon points="12.857 20.984 12.648 19 8.803 19 9.262 23.987 16 25.99 22.728 23.986 23.718 13 12.252 13 12.002 10 24 10 24.363 6 7.607 6 8 10 8.619 17 19.503 17 19.148 20.984 16 21.99" fill="#fff"/>
+	</g>
+</svg>
diff --git a/src/assets/skills/image-processing.svg b/src/assets/skills/image-processing.svg
new file mode 100644
index 0000000..1b43326
--- /dev/null
+++ b/src/assets/skills/image-processing.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<g transform="matrix(.26458 0 0 .26458 3.6824 -268.36)">
+		<path d="m23 1048.4c0 1.1-0.895 2-2 2h-18c-1.1046 0-2-0.9-2-2v-14c0-1.1 0.8954-2 2-2h18c1.105 0 2 0.9 2 2v4z" fill="#95a5a6"/>
+		<path d="m1 1047.4c0 1.1 0.8954 2 2 2h18c1.105 0 2-0.9 2-2v-14c0-1.1-0.895-2-2-2h-18c-1.1046 0-2 0.9-2 2v4z" fill="#bdc3c7"/>
+		<rect transform="translate(0,1028.4)" x="3" y="5" width="18" height="14" fill="#f39c12"/>
+		<path transform="translate(0,1028.4)" d="M 16.625,8.625 6.281,19 H 21 v -6 z" fill="#e67e22"/>
+		<path transform="matrix(1.75,0,0,1.75,-3,1024.4)" d="m8 8a2 2 0 1 1-4 0 2 2 0 1 1 4 0z" fill="#f1c40f"/>
+		<path transform="translate(0,1028.4)" d="M 8.0938,11.094 3,16.188 V 19 h 13 z" fill="#d35400"/>
+	</g>
+</svg>
diff --git a/src/assets/skills/inkscape.svg b/src/assets/skills/inkscape.svg
new file mode 100644
index 0000000..5b9a608
--- /dev/null
+++ b/src/assets/skills/inkscape.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<path d="m6.8233 3.9168c-0.19711-0.00291-0.38735 0.073554-0.52731 0.21272l-2.3349 2.3913c-0.8845 0.88371 0.57256 0.80989 1.0991 1.1443 0.24395 0.15928-0.78184 0.36274-0.57256 0.57256 0.20399 0.20982 1.2303 0.40243 1.4346 0.60669 0.20399 0.20928-0.41381 0.43048-0.20981 0.63976 0.19844 0.20982 0.67442 0.01138 0.75935 0.48736 0.062177 0.35137 0.87312 0.17621 1.2361-0.12462 0.22595-0.19288-0.39132-0.19288-0.18732-0.40243 0.51038-0.51567 0.96361-0.23151 1.1507-0.70802 0.10239-0.25479-0.77073-0.43656-0.53816-0.60087 0.55589-0.39079 2.5961-0.58923 1.655-1.5298l-2.4201-2.4762c-0.14817-0.13785-0.34264-0.21352-0.54451-0.21272zm0.019844 0.22728c0.13996 7.937e-4 0.28046 0.053181 0.38206 0.15452l0.92392 0.94112c0.08546 0.084931 0.08546 0.26088 0.03413 0.31168l-0.45879-0.37359-0.090752 0.54954-0.37968-0.20426-0.61807 0.39105-0.20399-0.82153-0.32861 0.71385-0.82206-0.0058209c-0.15875 0-0.136-0.16431 0.02831-0.32861 0.32306-0.35719 0.9525-0.96308 1.1509-1.1729 0.10186-0.10478 0.24209-0.15584 0.38232-0.15452zm2.581 4.3064c-0.19579 0.0066-0.39582 0.10451-0.44688 0.28575 0 0.1188 0.92392 0.18706 0.87339-0.02831-0.03731-0.1815-0.23019-0.26511-0.42624-0.25797v5.29e-4zm-4.0603 0.51462c-0.2667 0.01561-0.55245 0.20928-0.32597 0.40005 0.20929 0.1815 0.52705-0.03969 0.62891-0.29448-0.0635-0.08361-0.1815-0.11271-0.30242-0.1053h-5.292e-4zm3.5002 0.02037c-0.26088 0.23812 0.04498 0.48736 0.30004 0.32306 0.06826-0.04577-0.0056-0.26591-0.30004-0.32306z" fill="#5e6b8c" stroke-width=".26458"/>
+</svg>
diff --git a/src/assets/skills/js.svg b/src/assets/skills/js.svg
new file mode 100644
index 0000000..4535d1a
--- /dev/null
+++ b/src/assets/skills/js.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<title>Foundation/Logo/Qt-logo</title>
+	<path d="m3.6239 3.8078v6.467h6.467v-6.467zm3.4645 5.0235c0 0.62952-0.37185 0.93642-0.91014 0.93642-0.48618 0-0.76839-0.25175-0.91159-0.55561l0.49484-0.29953c0.09543 0.16933 0.1679 0.31252 0.37618 0.31252 0.17323 0 0.31557-0.078096 0.31557-0.38196v-2.0328h0.63515zm1.4341 0.92198c-0.56428 0-0.92891-0.25464-1.1069-0.60628l0.49556-0.28683c0.12992 0.21278 0.29954 0.35453 0.59906 0.35453 0.25176 0 0.39798-0.11144 0.39798-0.2851 0-0.2083-0.15057-0.28207-0.42844-0.40419l-0.15187-0.065247c-0.43853-0.1865-0.72926-0.42093-0.72926-0.91592 0-0.45572 0.34717-0.7886 0.88979-0.7886 0.38643 0 0.66402 0.1201 0.86395 0.47174l-0.47406 0.30473c-0.10422-0.18665-0.21655-0.25983-0.39062-0.25983-0.178 0-0.29088 0.11288-0.29088 0.25983 0 0.18232 0.11289 0.25608 0.3733 0.36897l0.15187 0.065104c0.51664 0.22144 0.80751 0.44749 0.80751 0.95504 1.62e-4 0.5471-0.4296 0.83205-1.007 0.83205z" fill="#e7d34b" stroke-width=".014435"/>
+</svg>
diff --git a/src/assets/skills/kubernetes.svg b/src/assets/skills/kubernetes.svg
new file mode 100644
index 0000000..80ab488
--- /dev/null
+++ b/src/assets/skills/kubernetes.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-88.27 -88.449)">
+		<path d="m95.117 92.249c-0.06123 0-0.13048-8e-5 -0.19211 0.01201l-2.3419 1.1288c-0.11527 0.05363-0.19932 0.15369-0.23013 0.28416l-0.57589 2.5262c-0.02401 0.13048 8e-3 0.26095 0.08445 0.36861l1.6202 2.004c0.09205 0.0921 0.22253 0.15369 0.3534 0.16089h2.5799c0.13808 0.012 0.26855-0.046 0.353-0.16089l1.6201-2.004c0.0768-0.10766 0.10766-0.23813 0.0921-0.36861l-0.58354-2.5108c-0.04-0.12287-0.13047-0.22293-0.24574-0.28416l-2.342-1.121c-0.06124-0.03202-0.13048-0.04002-0.19171-0.04002zm-0.02001 0.82135c0.01201-0.0016 0.02401-0.0016 0.03602 1.6e-4 0.07684 8e-3 0.13808 0.08485 0.13048 0.16129v0.04603c-8e-3 0.03202-8e-3 0.06123-0.01201 0.09205 0 0.01201-8e-3 0.03202-8e-3 0.04603v8e-3c-0.01201 0.09205-0.01201 0.1765-0.01201 0.26095 8e-3 0.02001 0.01201 0.04603 0.04002 0.06124v-8e-3l8e-3 0.06124c0.36101 0.04002 0.71409 0.1769 0.99817 0.39943 0.06123 0.06123 0.13048 0.12287 0.19211 0.18451l0.06123-0.04002h8e-3c8e-3 8e-3 0.02401 8e-3 0.03202 8e-3 0.01201 0 0.03202-8e-3 0.04603-0.01201 0.06924-0.04603 0.13808-0.10766 0.19211-0.1689 8e-3 -8e-3 0.02401-0.01201 0.03202-0.03202 0.01201-0.02001 0.04002-0.04603 0.06124-0.06924 8e-3 0 0.01201-8e-3 0.02401-0.01201l8e-3 -8e-3c0.03202-0.02401 0.06924-0.04002 0.10766-0.04002 0.04002 0 0.08445 0.02401 0.10766 0.05403 0.05403 0.06924 0.04002 0.16129-0.03202 0.21532 0 8e-3 8e-3 8e-3 0 0.01201-8e-3 8e-3 -0.01201 8e-3 -0.02001 0.01201-0.03202 0.01201-0.05363 0.03202-0.08445 0.04603l-0.04603 0.02401c-0.07684 0.04603-0.14608 0.09205-0.21532 0.15369-0.01201 0.01201-0.02401 0.04603-0.02401 0.06924v8e-3l-0.04603 0.04643c0.12287 0.19211 0.21492 0.40687 0.26855 0.62956 0.04603 0.22293 0.06123 0.45314 0.03202 0.67575l0.06123 0.012c8e-3 0.02 0.03202 0.046 0.05363 0.0536 0.08445 0.02 0.1765 0.04 0.26135 0.046h8e-3c0.01201 8e-3 0.03202 8e-3 0.04643 8e-3 0.03202 0 0.06124-4e-5 0.09205 8e-3 0.01201 0 0.03202-8e-5 0.03202 8e-3 0 8e-3 8e-3 8e-3 0.01201 8e-3 0.06924 0.012 0.13048 0.0773 0.13848 0.1613-0.02401 0.0612-0.08444 0.10766-0.15368 0.10766-0.01201 0-0.02401 4e-5 -0.04002-8e-3 -8e-3 -8e-3 -8e-3 -8e-3 -0.01201-8e-3 -0.01201 0-0.02401-8e-3 -0.03202-8e-3 -0.03202-8e-3 -0.05403-0.02-0.08485-0.04-0.01201 0-0.03202-8e-3 -0.04603-0.012h-8e-3c-0.07684-0.032-0.16129-0.0536-0.24574-0.0692h-8e-3c-0.02401 0-0.04603 8e-3 -0.06123 0.02 0 0 4e-5 8e-3 -8e-3 8e-3l-0.06123-8e-3c-0.13808 0.43769-0.43769 0.80618-0.82928 1.0442l0.02401 0.0612s-8e-3 0-8e-3 8e-3c-0.01201 0.024-0.01201 0.054-8e-3 0.0769 0.03202 0.0768 0.06924 0.15369 0.12287 0.22253v0.012c0.01201 0.012 0.02001 0.024 0.03202 0.04 0.02401 0.024 0.04002 0.046 0.05363 0.0768 8e-3 8e-3 0.01201 0.012 0.01201 0.024 0 0 8e-3 0 8e-3 8e-3 0.01201 0.04 0.01201 0.0768 8e-3 0.11526-8e-3 0.04-0.04002 0.0692-0.06924 0.0845-0.02401 8e-3 -0.04002 0.012-0.06123 0.012-0.06123 0-0.11527-0.04-0.14608-0.0921-8e-3 0-8e-3 -8e-3 -8e-3 -8e-3 -8e-3 -8e-3 -8e-3 -0.012-0.01201-0.024-0.01201-0.02-0.02401-0.0536-0.03202-0.0849l-0.01201-0.046v-8e-3c-0.02401-0.0845-0.06123-0.16089-0.09966-0.23774-0.01201-0.02-0.04002-0.04-0.06124-0.046 0-8e-3 -8e-5 -8e-3 -8e-3 -8e-3l-0.03202-0.0536c-0.07684 0.024-0.16129 0.0536-0.24574 0.0692-0.13808 0.04-0.27656 0.0536-0.41468 0.0536-0.23013 0-0.45298-0.04-0.66794-0.12287l-0.03202 0.0612c0 8e-3 0 8e-3 -8e-3 8e-3 -0.02401 8e-3 -0.04603 0.024-0.06123 0.046-0.04002 0.0768-0.07684 0.15369-0.09966 0.23773l-0.01201 0.046c-8e-3 0.032-0.02401 0.0536-0.03202 0.0849-8e-3 8e-3 -0.01201 0.012-0.01201 0.02-8e-3 0-8e-3 8e-3 -8e-3 8e-3 -0.03202 0.0536-0.08445 0.0921-0.14608 0.0921-0.01201 0-0.04002-8e-3 -0.05363-0.012-0.06924-0.04-0.10006-0.13047-0.06123-0.20732 8e-3 0 8e-3 -8e-3 8e-3 -8e-3 8e-3 -8e-3 8e-3 -0.012 0.01201-0.024 0.02401-0.032 0.04002-0.0612 0.05363-0.0768 0.01201-0.012 0.02401-0.024 0.03202-0.04v-8e-3c0.04603-0.0692 0.09205-0.14608 0.12247-0.22253 8e-3 -0.024 8e-3 -0.054-8e-3 -0.0768 0 0-8e-3 4e-5 -8e-3 -8e-3l0.04002-0.0536c-0.07684-0.04-0.13848-0.0844-0.20732-0.13848-0.29937-0.23013-0.51438-0.54511-0.62956-0.89831l-0.06924 8e-3s0-8e-3 -8e-3 -8e-3c-0.01201-0.012-0.04002-0.024-0.06123-0.024h-8e-3c-0.09205 0.012-0.1689 0.04-0.25334 0.0692h-8e-3c-0.01201 0-0.03202 8e-3 -0.04603 0.012-0.02401 8e-3 -0.05403 0.02-0.08445 0.032-8e-3 0-0.03202-8e-3 -0.03202 0s4e-5 8e-3 -8e-3 8e-3c-0.01201 8e-3 -0.02001 8e-3 -0.04002 8e-3 -0.06924 8e-3 -0.13808-0.04-0.15369-0.10766-0.01201-0.0845 0.04002-0.16089 0.12287-0.1765 8e-3 -8e-3 8e-3 -8e-3 0.01201-8e-3 0.01201 0 0.02401-8e-3 0.03202-8e-3 0.03202 0 0.06164-8e-3 0.09205-8e-3 0.01201-8e-3 0.03202-8e-3 0.04603-8e-3 0.09205-8e-3 0.1765-0.024 0.26095-0.046 0.02401-0.012 0.04603-0.032 0.05363-0.0536 0 0 8e-3 -1.6e-4 8e-3 -8e-3l0.06123-0.012c-0.06924-0.4377 0.03202-0.88303 0.26855-1.2593 8e-3 -0.01201 0.01201-0.02001 0.02401-0.04002l-0.04523-0.04523c-2.81e-4 0.0024-4e-5 0.0034-7.61e-4 8e-3v-8e-3l7.61e-4 8.01e-4c0.0025-0.02001-0.01201-0.04843-0.02401-0.06204-0.06124-0.06123-0.13848-0.10766-0.21532-0.15369l-0.04603-0.02001c-0.03202-0.01201-0.06123-0.03202-0.08445-0.04603-8e-3 0-0.02401-0.01201-0.02401-0.01201s4e-5 -8e-3 -8e-3 -8e-3c-0.06123-0.05403-0.07684-0.14568-0.03202-0.21532 0.02001-0.04002 0.06123-0.05363 0.10726-0.05363 0.04002 0 0.07684 0.01201 0.10766 0.04002l8e-3 8e-3c8e-3 8e-3 0.01201 8e-3 0.02001 0.01201 0.02401 0.02001 0.04002 0.04603 0.06124 0.06924 8e-3 8e-3 0.02401 0.01201 0.03202 0.03202 0.05363 0.06123 0.12287 0.12287 0.19211 0.1769 0.01201 8e-3 0.03202 0.01201 0.04603 0.01201 0.01201 0 0.02401-8e-3 0.03202-8e-3h8e-3l0.04603 0.03202c0.25334-0.26855 0.58357-0.46066 0.94446-0.53747 0.09205-0.01201 0.1765-0.03202 0.26095-0.04002l8e-3 -0.06124v-0.01201c0.02401-0.01201 0.03202-0.04002 0.04002-0.06124 0-0.09205 8e-5 -0.1765-0.01201-0.26095v-8e-3c0-0.01201-1.2e-4 -0.03202-8e-3 -0.04603-8e-3 -0.03202-0.01201-0.06124-0.01201-0.09205v-0.04002c0-0.04002 0.01201-0.07684 0.04603-0.10766 0.02802-0.02802 0.06203-0.04883 0.09606-0.05363zm-0.1805 1.1366-0.15369 0.03202c-0.26856 0.06124-0.5145 0.19931-0.71413 0.39142l0.63732 0.45306c0.02401 8e-3 0.04002 0.01201 0.06124 0.01201 0.06924 0 0.13047-0.05363 0.13047-0.12247zm0.36861 8e-3 0.04603 0.77548c0 0.02401 8e-3 0.04002 0.02401 0.05363 0.04002 0.05403 0.11567 0.06123 0.1693 0.03202l0.62956-0.44542c-0.23013-0.23013-0.52974-0.37622-0.86754-0.41464zm-1.4589 0.69872c-0.1689 0.28416-0.24574 0.61435-0.22293 0.93686l0.74475-0.21493c0.03202-8e-3 0.04603-0.01201 0.06124-0.04002 0.04603-0.05403 0.04002-0.13048-0.01201-0.1765zm2.5568 0-0.57585 0.52214c-0.01201 0.01201-0.02401 0.03202-0.03202 0.05363-0.01201 0.06924 0.02401 0.13808 0.09205 0.15369l0.72942 0.20731c0.01201-0.16089 8e-3 -0.32258-0.03202-0.48379-0.04002-0.16089-0.09966-0.31498-0.1841-0.45302zm-1.3898 0.54527-0.14608 0.18451 0.05363 0.22252 0.20732 0.0997 0.20732-0.0997 0.05403-0.22252-0.14608-0.18451zm0.76024 0.61427c-0.02401 0-0.04603 8e-3 -0.06924 0.012-0.05363 0.02-0.08445 0.0844-0.06924 0.14608l0.29937 0.72178c0.18411-0.11527 0.3454-0.27657 0.46074-0.46071 0.06123-0.0845 0.10766-0.18451 0.14608-0.29177zm-1.2977 8e-3 -0.76016 0.13048c0.10766 0.30698 0.32258 0.57593 0.5913 0.75259l0.29177-0.70657c0.01201-0.02 0.01201-0.0536 8e-3 -0.0768-8e-3 -0.0612-0.06924-0.0997-0.13047-0.0997zm0.63665 0.31418c-0.03602 1e-3 -0.06764 0.016-0.09165 0.0468l-0.37622 0.68339c0.15369 0.046 0.32258 0.0768 0.4838 0.0768 0.11527 0 0.22293-0.012 0.33019-0.04 0.05403-0.012 0.09966-0.024 0.14608-0.032l-0.36861-0.66798c-0.02001-0.02-0.04002-0.04-0.06124-0.0536-0.02001-0.012-0.04162-0.016-0.06203-0.012z" fill="#326de6" stroke-width=".076784"/>
+	</g>
+</svg>
diff --git a/src/assets/skills/linux.svg b/src/assets/skills/linux.svg
new file mode 100644
index 0000000..c8b4c30
--- /dev/null
+++ b/src/assets/skills/linux.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<title>Foundation/Logo/Qt-logo</title>
+	<title>wiki:Behnam N</title>
+	<g id="a" transform="matrix(.27612 0 0 .27612 3.5487 3.7277)">
+		<path d="m20.93 19.07a3.72 3.72 0 0 1-0.57-0.43c-0.09-0.09 0-0.5 0-0.72a1.45 1.45 0 0 0-0.2-1.17 0.91 0.91 0 0 0-0.16-0.12v-0.64a9.84 9.84 0 0 0-2.7-6.62 4.42 4.42 0 0 1-1.3-2.37v-0.23c0-1.38 0-4.26-1.5-5.77a3.39 3.39 0 0 0-2.5-1c-2.1 0-3.5 1-3.5 6a8 8 0 0 1-1.19 3.68c-0.27 0.52-0.54 1.06-0.78 1.63a24.32 24.32 0 0 0-1.53 4.79 1.59 1.59 0 0 0-0.78 1.2l-0.08 0.33a2.78 2.78 0 0 1-0.54 0.14c-0.6 0.12-1.6 0.32-1.6 1.23a3.82 3.82 0 0 0 0.08 0.73 3.21 3.21 0 0 1-0.08 1.65 0.49 0.49 0 0 0 0 0.13c0 1.19 1.87 1.35 3 1.49h0.44a4.52 4.52 0 0 1 0.79 0.32 5.82 5.82 0 0 0 2.27 0.68 1.17 1.17 0 0 0 0.86-0.39h0.05a5.94 5.94 0 0 1 2.59-0.61h3.06a1.33 1.33 0 0 0 0.29 0.55 1.48 1.48 0 0 0 1.15 0.45 3.2 3.2 0 0 0 2.5-1.32l0.32-0.33a3.54 3.54 0 0 1 1.19-0.59c0.72-0.26 1.46-0.53 1.46-1.26s-0.57-1.11-1.04-1.43zm-7.93-16.07c0.58 0 1 0.62 1 1.48s-0.33 1.34-0.81 1.45a0.82 0.82 0 0 0 0.29-0.68c0-0.41-0.22-0.75-0.48-0.75s-0.48 0.33-0.48 0.75a0.82 0.82 0 0 0 0.29 0.68c-0.48-0.12-0.81-0.7-0.81-1.45s0.42-1.48 1-1.48zm0.44 3.88a5.82 5.82 0 0 1-2.44 1.12 3.74 3.74 0 0 1-1.5-1 3.07 3.07 0 0 1 2-1 3.91 3.91 0 0 1 1.94 0.88zm-3.44-3.88c0.58 0 1 0.62 1 1.48s-0.33 1.33-0.81 1.45a0.82 0.82 0 0 0 0.29-0.68c0-0.41-0.22-0.75-0.48-0.75s-0.48 0.33-0.48 0.75a0.82 0.82 0 0 0 0.29 0.68c-0.48-0.12-0.81-0.69-0.81-1.45s0.42-1.48 1-1.48zm-1.23 19.71c-0.06 0.19-0.15 0.29-0.27 0.29a5.14 5.14 0 0 1-1.87-0.6 4.44 4.44 0 0 0-1-0.4h-0.56c-1.49-0.12-1.95-0.3-2.05-0.44a4.14 4.14 0 0 0 0.05-2 3.36 3.36 0 0 1-0.07-0.56 2.24 2.24 0 0 1 0.83-0.26 2 2 0 0 0 1-0.39 1.66 1.66 0 0 0 0.37-0.82c0.13-0.53 0.18-0.53 0.25-0.53a3.92 3.92 0 0 1 0.7 1.18 5.6 5.6 0 0 0 1.54 2.24 2.27 2.27 0 0 1 1.08 2.29zm6.37-3c-1.47 1.48-4.41 1.38-5.71 1.18a3.64 3.64 0 0 0-1.15-1.29 5 5 0 0 1-1.21-1.85 4 4 0 0 0-1-1.57 23.88 23.88 0 0 1 1.43-4.48c0.21-0.53 0.48-1 0.74-1.55a15.43 15.43 0 0 0 0.94-2.09 3.86 3.86 0 0 0 1.82 0.94 10.05 10.05 0 0 0 2.83-1.2 18.65 18.65 0 0 1 2.17 8.95 6.06 6.06 0 0 0-0.86 2.95zm5.06 1.12a4.19 4.19 0 0 0-1.55 0.83l-0.34 0.35a2.27 2.27 0 0 1-1.81 1 0.55 0.55 0 0 1-0.41-0.12c-0.15-0.17-0.11-0.56-0.1-0.72s0.01-0.17 0.01-0.17c0-0.3 0.28-3.13 0.37-3.58a1.43 1.43 0 0 0 0.13 0.17 1.34 1.34 0 0 0 1 0.42h0.35a2 2 0 0 0 1.47-0.45 1.24 1.24 0 0 0 0.33 0.8 4.53 4.53 0 0 0 0.73 0.56c0.38 0.25 0.62 0.42 0.64 0.53a2.89 2.89 0 0 1-0.82 0.37z" fill="#5e6b8c"/>
+	</g>
+</svg>
diff --git a/src/assets/skills/mariadb.svg b/src/assets/skills/mariadb.svg
new file mode 100644
index 0000000..2286c47
--- /dev/null
+++ b/src/assets/skills/mariadb.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="13.715mm"
+   height="14.082mm"
+   version="1.1"
+   viewBox="0 0 13.715 14.082"
+   id="svg111852"
+   sodipodi:docname="mariadb.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   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="defs111856" />
+  <sodipodi:namedview
+     id="namedview111854"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="7.6846034"
+     inkscape:cx="3.4484538"
+     inkscape:cy="23.29333"
+     inkscape:window-width="1920"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="42"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg111852" />
+  <g
+     transform="translate(-88.27 -88.449)"
+     id="g111850" />
+  <g
+     id="g110524"
+     transform="matrix(0.91274851,0,0,0.91274851,-985.24805,-482.26155)">
+    <path
+       style="color:#000000;fill:#46516a;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
+       d="m 1090.7341,533.42519 a 0.01543565,0.01543565 0 0 0 0,0.002 c 0,4e-5 0,-6e-5 0,0 -0.06,0.002 -0.088,0.0124 -0.125,0.0293 -0.039,0.0174 -0.093,0.0413 -0.2246,0.0742 -0.2643,0.0649 -0.5922,0.0489 -0.8848,0.16796 -0.4356,0.18277 -0.6946,0.58525 -0.9433,0.99415 -0.2487,0.40889 -0.4869,0.82293 -0.8731,1.04101 -0.5808,0.32849 -1.1682,0.35626 -1.7011,0.52344 -0.3513,0.10953 -0.7336,0.33442 -1.0508,0.60742 -0.1247,0.10713 -0.1896,0.20834 -0.2539,0.31445 -0.064,0.10612 -0.1293,0.21823 -0.2559,0.34961 -0.065,0.0671 -0.164,0.10099 -0.2832,0.1211 -0.1192,0.0201 -0.258,0.0252 -0.4004,0.0351 -0.2847,0.0199 -0.5861,0.0598 -0.7754,0.28321 a 0.01543565,0.01543565 0 0 0 0,0.0195 c 0.06,0.0604 0.1031,0.10227 0.164,0.12304 0.052,0.0176 0.1258,0.013 0.2149,0.004 -0.013,0.0133 -0.024,0.0266 -0.045,0.041 -0.032,0.0219 -0.07,0.044 -0.1055,0.0684 -0.036,0.0243 -0.068,0.0495 -0.09,0.0801 -0.022,0.0306 -0.03,0.0689 -0.014,0.10743 0.019,0.0449 0.077,0.076 0.1621,0.0996 0.085,0.0237 0.1974,0.0379 0.3281,0.0352 0.2614,-0.006 0.593,-0.0767 0.9102,-0.26758 0.2952,-0.17808 0.5256,-0.42998 0.9765,-0.49023 0.5797,-0.0774 1.2506,0.0471 1.9258,0.14648 -0.1038,0.28577 -0.296,0.48479 -0.4551,0.72071 -0.01,0.008 -0.011,0.0156 -0.012,0.0254 -5e-4,0.0106 0.01,0.0214 0.014,0.0273 0.015,0.0119 0.037,0.0153 0.064,0.0176 0.056,0.005 0.138,-8.8e-4 0.2247,-0.0176 0.3118,-0.0773 0.5383,-0.13983 0.7753,-0.27734 0.1495,-0.0866 0.2334,-0.23905 0.3243,-0.37891 0.09,-0.13905 0.1876,-0.26467 0.3574,-0.31055 0.1033,0.1481 0.2806,0.24433 0.4785,0.26953 0.2042,0.026 0.4253,-0.0167 0.5957,-0.14062 a 0.01543565,0.01543565 0 0 0 -0.01,-0.0273 c -0.068,-0.0193 -0.1241,-0.0704 -0.1699,-0.14258 -0.046,-0.0721 -0.08,-0.16485 -0.1015,-0.26367 -0.044,-0.19766 -0.04,-0.42233 0.01,-0.55469 0.094,-0.26151 0.188,-0.67498 0.2812,-1.01758 0.05,-0.1854 0.084,-0.39482 0.1211,-0.58008 0.037,-0.18525 0.079,-0.34794 0.1387,-0.4375 0.1817,-0.27911 0.3819,-0.37403 0.5605,-0.53515 0.1778,-0.15966 0.3449,-0.32035 0.3399,-0.68946 0,-0.0595 -0.016,-0.10853 -0.047,-0.14258 -0.031,-0.0336 -0.078,-0.0518 -0.1328,-0.0527 z"
+       id="path110266" />
+    <path
+       style="color:#000000;fill:#5e6b8c;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+       d="m 1090.4727,533.67964 c 0.015,0.0436 0.032,0.0839 0.07,0.10937 0.039,0.0255 0.1035,0.0373 0.1856,0.0469 -0.026,0.17968 -0.156,0.27549 -0.2813,0.3789 0.011,-0.16049 0.063,-0.26461 0.098,-0.33789 a 0.01543565,0.01543565 0 0 0 0,-0.008 c 0,-0.008 0,-0.0151 0,-0.0215 -10e-5,-0.003 10e-5,-0.006 0,-0.008 -10e-5,-10e-4 10e-5,-0.003 0,-0.004 0,0 0,-0.002 0,-0.002 0,-6e-5 0,-0.004 0,-0.004 0,0 0,-0.002 0,-0.002 0,0 -0.01,0.004 -0.012,0.006 6e-4,-0.003 0,-0.0137 0,-0.0137 0,0 0,0 0,0 -10e-5,1e-5 0,-2e-5 0,0 0,0 0,0.002 0,0.002 0,4e-4 0,-7e-4 -0.01,0 0,10e-4 -0.01,0.004 -0.01,0.006 v -0.0195 -0.002 a 0.01543565,0.01543565 0 0 0 -0.029,-0.004 c 0,-0.004 0,-0.008 0,-0.008 0,9.5e-4 -0.01,0.002 -0.01,0.004 0,-0.003 0,-0.007 0.01,-0.0117 0,0 0,-0.002 0,-0.002 6e-4,-0.001 0,-0.005 0,-0.006 2e-4,-6.4e-4 10e-5,-0.007 0,-0.008 -10e-5,-5.5e-4 0,-0.007 0,-0.008 -4e-4,-4.6e-4 -0.01,-0.006 -0.01,-0.006 -7e-4,-3.6e-4 0,-10e-4 -0.01,-0.002 0,-4.6e-4 0,1.8e-4 -0.01,0 v -0.002 c -7e-4,-4e-5 0,10e-6 0,0 -7e-4,-2e-5 0,0 0,0 a 0.01543565,0.01543565 0 0 0 0,0.002 c 0,2.5e-4 0,-4.8e-4 0,0 0,-0.003 0.01,-0.006 0.01,-0.01 10e-4,-0.002 0,-0.004 0,-0.006 6e-4,-0.002 0,-0.005 0,-0.006 0,-7.7e-4 2e-4,-0.007 0,-0.008 -3e-4,-7.1e-4 0,-0.005 0,-0.006 -5e-4,-6.3e-4 0,-0.005 0,-0.006 0,-0.001 0,-0.001 -0.01,-0.002 -0.01,-0.003 -0.014,-0.006 -0.023,-0.006 a 0.01543565,0.01543565 0 0 0 -0.012,0.008 c 0,4.5e-4 0,10e-4 0,0.002 0,0.002 -0.011,0.003 -0.016,0.006 0,0.001 0,0.004 -0.01,0.006 0,10e-4 0,0.003 0,0.004 -4e-4,5.7e-4 0,0.005 0,0.006 -0.088,0.091 -0.2543,0.28357 -0.3184,0.4707 -4e-4,6.6e-4 4e-4,10e-4 0,0.002 -3e-4,8.9e-4 0,0.001 0,0.002 -0.01,0.0121 -0.011,0.0238 -0.01,0.0352 5e-4,0.002 0,0.003 0,0.004 3e-4,5.7e-4 0,0.003 0,0.004 8e-4,9.4e-4 0.01,0.007 0.01,0.008 0,5.7e-4 0.01,10e-4 0.01,0.002 0,4.6e-4 0.01,2.2e-4 0.01,0 0.01,-8.7e-4 0.02,-0.004 0.027,-0.0117 0.01,-0.008 0.016,-0.0199 0.016,-0.0332 0.053,-0.15796 0.1888,-0.30422 0.2676,-0.39062 -0.024,0.0306 -0.042,0.0865 -0.07,0.125 0,0.003 0,0.004 -0.01,0.008 0,0.004 0,0.01 -0.01,0.0137 -0.058,0.0824 -0.1245,0.14461 -0.1465,0.25781 a 0.01543565,0.01543565 0 0 0 0,0.002 c 0,0.0151 0,0.0259 0.01,0.0352 0,0.002 0,0.004 0,0.006 10e-4,9.9e-4 0,0.004 0,0.004 5e-4,3e-4 0,0.002 0,0.002 9e-4,4.1e-4 0.01,0.002 0.01,0.002 10e-4,10e-6 0.01,-0.002 0.01,-0.002 10e-4,-3.4e-4 0,-5.9e-4 0.01,-0.002 0,-10e-4 0,-0.004 0.01,-0.006 0,-0.003 0.01,-0.006 0.01,-0.01 0,-0.008 0.01,-0.0175 0.01,-0.0273 v -0.002 c 0.016,-0.0912 0.063,-0.17435 0.1113,-0.2461 0,-0.003 0,-0.007 0,-0.01 0,-0.003 0,-0.003 0.01,-0.006 0.037,-0.053 0.067,-0.0907 0.094,-0.125 -0.063,0.1012 -0.1403,0.21616 -0.1582,0.40234 a 0.01543565,0.01543565 0 0 0 0,0.002 c 0,0.0151 6e-4,0.0259 0.01,0.0351 0,0.002 0,0.004 0.01,0.006 10e-4,9.9e-4 0,0.004 0,0.004 4e-4,3e-4 0,0.002 0,0.002 9e-4,3.9e-4 0.01,0.002 0.01,0.002 9e-4,0 0.01,-0.002 0.01,-0.002 10e-4,-3.7e-4 0.01,-0.003 0.01,-0.004 0,-10e-4 0,-0.004 0,-0.006 0,-0.003 0.01,-0.006 0.01,-0.01 0,-0.008 0.01,-0.0183 0.01,-0.0293 0.02,-0.12936 0.069,-0.19304 0.1113,-0.26953 -0.034,0.0759 -0.074,0.13832 -0.076,0.27539 10e-5,0.0151 0,0.0259 0.01,0.0352 9e-4,0.002 0,0.003 0,0.004 -0.014,0.0105 -0.015,0.0305 -0.029,0.041 -0.1646,0.11607 -0.3509,0.2303 -0.4707,0.41602 -0.063,0.0988 -0.1105,0.30619 -0.168,0.56836 -0.057,0.26217 -0.1221,0.57777 -0.2148,0.89257 -0.1583,0.53262 -0.4009,1.04507 -0.8028,1.28516 -0.012,-0.0494 -0.019,-0.10802 -0.023,-0.16992 0,-0.0677 -0.019,-0.12861 -0.057,-0.16992 0,-0.004 0,-0.0139 -0.01,-0.0176 a 0.01543565,0.01543565 0 0 0 -0.024,0.008 c -0.056,0.16191 -0.1209,0.3157 -0.1953,0.45898 -0.2405,0.45926 -0.6077,0.78782 -1.1875,0.90625 0.282,-0.38398 0.5548,-0.78099 0.5606,-1.44335 a 0.01543565,0.01543565 0 0 0 -0.02,-0.0137 c -0.057,0.0121 -0.098,0.0537 -0.1308,0.10938 -0.033,0.0557 -0.058,0.12551 -0.084,0.19726 -0.051,0.14198 -0.1035,0.28985 -0.1992,0.35157 -0.1315,0.015 -0.2693,0.0153 -0.4043,0.006 -0.5645,-0.0326 -1.149,-0.20477 -1.6856,-0.0312 -0.3652,0.11724 -0.6609,0.39189 -0.9628,0.52343 -0.3549,0.15406 -0.6244,0.21269 -1.0625,0.15235 1e-4,-0.002 0,-0.003 0,-0.006 0,-0.007 0.012,-0.0167 0.025,-0.0273 0.026,-0.0213 0.068,-0.0465 0.1114,-0.0742 0.043,-0.0277 0.087,-0.0581 0.1211,-0.0937 0.034,-0.0356 0.057,-0.0774 0.051,-0.125 a 0.01543565,0.01543565 0 0 0 -0.014,-0.0137 c -0.089,-0.008 -0.1592,-0.002 -0.2246,-0.004 -0.058,-10e-4 -0.115,-0.012 -0.1778,-0.0371 0.018,-0.021 0.033,-0.0424 0.051,-0.0566 0.1331,-0.0917 0.4006,-0.10731 0.6602,-0.1211 0.1298,-0.007 0.2574,-0.0146 0.3672,-0.0332 0.1097,-0.0186 0.2026,-0.0462 0.2597,-0.10156 a 0.01543565,0.01543565 0 0 0 0,-0.002 c 0.1322,-0.13027 0.2195,-0.2642 0.3067,-0.39453 0.087,-0.12663 0.173,-0.25008 0.3086,-0.35937 0.052,-0.0424 0.1068,-0.0813 0.1621,-0.11914 0.229,-0.15728 0.514,-0.30202 0.7949,-0.40039 0.3814,-0.13385 0.7713,-0.14566 1.1836,-0.30274 0.2526,-0.097 0.5293,-0.21577 0.7558,-0.38476 0.053,-0.0395 0.1049,-0.0829 0.1524,-0.12891 0.3228,-0.31484 0.5143,-0.74675 0.75,-1.11133 0.2356,-0.36458 0.5121,-0.66022 1.0058,-0.71093 0.1198,-0.0154 0.2176,-0.01 0.3086,-0.01 0.1,-0.003 0.193,-0.0185 0.291,-0.0703 z"
+       id="path110272" />
+  </g>
+</svg>
diff --git a/src/assets/skills/maths.svg b/src/assets/skills/maths.svg
new file mode 100644
index 0000000..8e9714f
--- /dev/null
+++ b/src/assets/skills/maths.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-88.27 -88.449)">
+		<path d="m97.136 93.387h-4.0165c-0.05243 0-0.09525 0.04282-0.09525 0.09565v0.57373c0 0.05283 0.04282 0.09526 0.09525 0.09526h0.66914c-0.0031 0.87918-0.07524 2.9303-0.36141 3.2873-0.02401 0.02802-0.02802 0.06804-0.01201 0.10126 0.01601 0.03202 0.04923 0.05403 0.08605 0.05403h0.57381c0.02802 0 0.05643-0.01201 0.07484-0.03602 0.36501-0.45654 0.40023-2.8345 0.40315-3.4068h1.1479v2.7732c0 0.36901 0.30017 0.66942 0.66942 0.66942h0.57377c0.02802 0 0.05963-0.01601 0.07764-0.04002 0.02001-0.02401 0.02401-0.05723 0.01201-0.08605l-0.19131-0.57385c-0.01201-0.04002-0.04963-0.06564-0.09045-0.06564l-0.19091 1.6e-4h-1.19e-4c-0.05243 0-0.09526-0.04282-0.09526-0.09525l-1.6e-4 -2.5822h0.66942c0.05243 0 0.09565-0.04283 0.09565-0.09526v-0.57373c0-0.05243-0.04283-0.09565-0.09565-0.09565z" fill="#e03400" stroke-width=".19126"/>
+	</g>
+</svg>
diff --git a/src/assets/skills/mecanics.svg b/src/assets/skills/mecanics.svg
new file mode 100644
index 0000000..43e9b61
--- /dev/null
+++ b/src/assets/skills/mecanics.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-88.27 -88.449)">
+		<path d="m95.126 94.139c-0.74631 0-1.3519 0.60555-1.3519 1.3524 0 0.74603 0.60555 1.3528 1.3519 1.3528 0.74663 0 1.3477-0.60679 1.3477-1.3528 0-0.74687-0.60106-1.3524-1.3477-1.3524zm2.7105 2.1293-0.24414 0.58702 0.43449 0.85349 0.0576 0.11286-0.60262 0.60263-0.98869-0.46667-0.58698 0.24094-0.29777 0.912-0.03602 0.12087h-0.85173l-0.36861-1.0294-0.58694-0.24174-0.85493 0.43349-0.11246 0.0564-0.60234-0.60206 0.46667-0.98929-0.24174-0.58638-0.91052-0.29737-0.12087-0.04162v-0.85129l1.0302-0.36901 0.24174-0.5859-0.43341-0.85537-0.05723-0.11206 0.60159-0.60158 0.99001 0.46615 0.58614-0.24254 0.29737-0.91148 0.03602-0.12087h0.85149l0.36861 1.0307 0.58542 0.24254 0.85513-0.43393 0.11366-0.05723 0.60207 0.6015-0.46615 0.98849 0.24134 0.58722 0.913 0.29737 0.12007 0.03602v0.85097z" fill="#3d809c" stroke-width=".0083479"/>
+	</g>
+</svg>
diff --git a/src/assets/skills/mongo.svg b/src/assets/skills/mongo.svg
new file mode 100644
index 0000000..b17cbbd
--- /dev/null
+++ b/src/assets/skills/mongo.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-88.27 -88.449)">
+		<g transform="matrix(.2443 0 0 .2443 91.218 91.582)">
+			<path d="m23.75 15.75c0 6.4893-4.7124 9.5-7.75 9.5s-7.75-3.0107-7.75-9.5 7.75-14 7.75-14 7.75 7.5107 7.75 14z" fill="#88b03c"/>
+			<path d="m15.55 5.953a0.50005 0.50005 0 0 0-0.49219 0.50782v5.0352l-1.8906-1.8906a0.50005 0.50005 0 0 0-0.35938-0.15235 0.50005 0.50005 0 0 0-0.34765 0.85938l2.5976 2.5976v2.8359l-2.3906-2.3906a0.50005 0.50005 0 0 0-0.35938-0.15235 0.50005 0.50005 0 0 0-0.34765 0.85938l3.0976 3.0976v2.8359l-2.6406-2.6406a0.50005 0.50005 0 0 0-0.35938-0.15235 0.50005 0.50005 0 0 0-0.34765 0.85938l3.3476 3.3477v3.7422c0.32495 0.05865 0.64277 0.09766 0.94141 0.09766 0.0189 0 0.0395-0.0037 0.0586-0.0039v-3.8359l3.3496-3.3477a0.50005 0.50005 0 1 0-0.70703-0.70703l-2.6426 2.6406v-2.8359l3.0996-3.0976a0.50005 0.50005 0 1 0-0.70703-0.70703l-2.3926 2.3906v-2.8359l2.5996-2.5976a0.50005 0.50005 0 1 0-0.70703-0.70703l-1.8926 1.8906v-5.0352a0.50005 0.50005 0 0 0-0.50781-0.50782z" color="#000000" color-rendering="auto" fill="#81a53c" fill-rule="evenodd" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-transform:none;white-space:normal"/>
+			<path d="m15.992 5.748a0.50005 0.50005 0 0 0-0.49219 0.50781v5.0352l-1.8906-1.8906a0.50005 0.50005 0 0 0-0.35938-0.15234 0.50005 0.50005 0 0 0-0.34766 0.85938l2.5977 2.5977v2.8359l-2.3906-2.3906a0.50005 0.50005 0 0 0-0.35938-0.15234 0.50005 0.50005 0 0 0-0.34766 0.85938l3.0977 3.0977v2.8359l-2.6406-2.6406a0.50005 0.50005 0 0 0-0.35938-0.15234 0.50005 0.50005 0 0 0-0.34766 0.85938l3.3477 3.3477v8.5371a0.50005 0.50005 0 1 0 1 0v-8.5371l3.3496-3.3477a0.50005 0.50005 0 1 0-0.70703-0.70703l-2.6426 2.6406v-2.8359l3.0996-3.0977a0.50005 0.50005 0 1 0-0.70703-0.70703l-2.3926 2.3906v-2.8359l2.5996-2.5977a0.50005 0.50005 0 1 0-0.70703-0.70703l-1.8926 1.8906v-5.0352a0.50005 0.50005 0 0 0-0.50781-0.50781z" color="#000000" color-rendering="auto" fill="#94b84f" fill-rule="evenodd" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-transform:none;white-space:normal"/>
+		</g>
+	</g>
+</svg>
diff --git a/src/assets/skills/opti.svg b/src/assets/skills/opti.svg
new file mode 100644
index 0000000..2c3c66b
--- /dev/null
+++ b/src/assets/skills/opti.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<defs>
+		<linearGradient id="b" x1="18.894" x2="18.894" y1="15.287" y2="22.614" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#5d5c66" offset="0"/>
+			<stop stop-color="#48474f" offset="1"/>
+		</linearGradient>
+		<linearGradient id="a" x1="9.998" x2="9.998" y1="1.149" y2="18.652" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#a6f9ff" offset="0"/>
+			<stop stop-color="#3ed0f7" offset="1"/>
+		</linearGradient>
+	</defs>
+	<g transform="matrix(.26458 0 0 .26458 3.6839 3.8673)">
+		<path class="cls-1" d="m17.607 14.79 4.8 4.8a1.994 1.994 0 0 1-2.82 2.82l-4.8-4.8z" fill="url(#b)"/>
+		<circle class="cls-2" cx="9.998" cy="10" r="9" fill="url(#a)"/>
+		<path class="cls-3" d="m5 11a1 1 0 0 1-1-1 6.006 6.006 0 0 1 6-6 1 1 0 0 1 0 2 4 4 0 0 0-4 4 1 1 0 0 1-1 1z" fill="#cffeff"/>
+	</g>
+</svg>
diff --git a/src/assets/skills/parcel.svg b/src/assets/skills/parcel.svg
new file mode 100644
index 0000000..d8bc1dd
--- /dev/null
+++ b/src/assets/skills/parcel.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-88.27 -88.449)">
+		<g transform="matrix(.11078 0 0 .11078 89.589 89.95)">
+			<path d="m19.985 35 30.001-14.986 30.001 14.986-0.017 1.981-29.984 15.004-29.989-14.98z" fill="#efc75e"/>
+			<path d="m19.986 35 29.977 14.999 30.023-14.999v30l-30.109 15-29.891-15z" fill="#e7bf55"/>
+			<path d="m49.986 79.945v-29.958l-0.023 0.012-29.977-14.999v30l29.891 15z" fill="#dbb551"/>
+			<path d="m61.99 43.991v8.792l2.678 0.216 1.707-2.033 1.607 0.253v-10.222z" fill="#f1d999"/>
+			<path d="m31.967 29.015 30.51 15.279 5.502-3.26-30-15.023z" fill="#f7e3af"/>
+			<path d="m43.979 63.122-9.984-5.01c-0.551-0.277-0.998 0.06-0.998 0.751v6.261c0 0.692 0.447 1.478 0.998 1.754l9.984 5.01c0.551 0.276 0.998-0.061 0.998-0.752v-6.261c0-0.691-0.448-1.477-0.998-1.753zm-2.497 5.009-5.99-3.007c-0.275-0.138-0.499-0.53-0.499-0.876s0.224-0.514 0.499-0.376l5.99 3.006c0.275 0.139 0.499 0.531 0.499 0.877s-0.223 0.514-0.499 0.376zm0.998-2.004-6.988-3.507c-0.275-0.139-0.499-0.531-0.499-0.877s0.224-0.514 0.499-0.376l6.988 3.508c0.276 0.138 0.499 0.531 0.499 0.876 0 0.346-0.222 0.515-0.499 0.376z" fill="#f2f2f2"/>
+		</g>
+	</g>
+</svg>
diff --git a/src/assets/skills/php.svg b/src/assets/skills/php.svg
new file mode 100644
index 0000000..2364111
--- /dev/null
+++ b/src/assets/skills/php.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<title>Foundation/Logo/Qt-logo</title>
+	<path id="a" d="m6.8574 4.0411a3.0002 3.0002 0 0 0-3.0001 3.0001 3.0002 3.0002 0 0 0 3.0001 3.0004 3.0002 3.0002 0 0 0 3.0001-3.0004 3.0002 3.0002 0 0 0-3.0001-3.0001zm-0.31759 2.105h0.30578l-0.072564 0.37598h0.27169c0.1711 0 0.28977 0.030683 0.3554 0.090452 0.065629 0.059769 0.084172 0.15699 0.058389 0.29059l-0.12758 0.65848h-0.31051l0.12184-0.62574c0.014063-0.071489 0.0082511-0.11968-0.015188-0.14547-0.024611-0.025783-0.075046-0.038476-0.15357-0.038476h-0.24503l-0.15694 0.80968h-0.30612zm-1.2846 0.37598h0.593c0.17814 0 0.30812 0.048157 0.39016 0.14074 0.082036 0.092584 0.10673 0.22392 0.073914 0.39151-0.012891 0.069145-0.036196 0.13225-0.067839 0.18968-0.031643 0.057425-0.073987 0.10889-0.12555 0.15694-0.060941 0.057425-0.12986 0.098579-0.20487 0.12319-0.075005 0.024611-0.1712 0.036451-0.28722 0.036451h-0.26359l-0.072902 0.37598h-0.30814zm2.4047 0h0.593c0.17814 0 0.30846 0.046985 0.3905 0.14074 0.082036 0.092584 0.10673 0.22392 0.073914 0.39151-0.012892 0.069145-0.036535 0.13225-0.068176 0.18968-0.031643 0.057425-0.073649 0.10889-0.12522 0.15694-0.062111 0.057425-0.1302 0.098579-0.2052 0.12319-0.075005 0.024611-0.1712 0.036451-0.28722 0.036451h-0.26359l-0.072564 0.37598h-0.30848zm-2.1374 0.22275-0.11475 0.59199h0.18732c0.12423 0 0.21683-0.023661 0.27777-0.070539 0.060941-0.046878 0.1021-0.12524 0.12319-0.23423 0.019923-0.10548 0.010324-0.17939-0.028351-0.22275-0.039846-0.043362-0.11704-0.064464-0.23423-0.064464zm2.4047 0-0.11475 0.59199h0.18732c0.12423 0 0.21683-0.023661 0.27777-0.070539 0.060942-0.046877 0.1021-0.12524 0.12319-0.23423 0.01992-0.10548 0.010659-0.17939-0.028012-0.22275-0.039847-0.043362-0.11737-0.064464-0.23457-0.064464z" fill="#8892be" stroke-width=".01172"/>
+</svg>
diff --git a/src/assets/skills/postgres.svg b/src/assets/skills/postgres.svg
new file mode 100644
index 0000000..55379d5
--- /dev/null
+++ b/src/assets/skills/postgres.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<path d="m8.203 3.8666a2.6813 2.6813 0 0 0-0.72894 0.10646l-0.016009 4e-3a2.8898 2.8898 0 0 0-0.45246-0.043623c-0.31178-0.0040023-0.57941 0.07044-0.79534 0.19611-0.21252-0.073642-0.65406-0.20092-1.1192-0.1757-0.32379 0.016009-0.67735 0.11607-0.9393 0.39263-0.26095 0.27656-0.39943 0.70432-0.37021 1.2864 8e-3 0.16049 0.053631 0.42252 0.12967 0.76172 0.076044 0.33899 0.1825 0.73634 0.31578 1.0986 0.13288 0.36261 0.27896 0.68791 0.50665 0.90912 0.11367 0.11086 0.27056 0.20412 0.4551 0.19611 0.12967-4e-3 0.24694-0.062036 0.3478-0.14608 0.049228 0.064837 0.10206 0.093253 0.14969 0.11927 0.060435 0.032018 0.11927 0.055632 0.1801 0.07044 0.10926 0.028016 0.29617 0.063637 0.51542 0.028016 0.074443-0.012007 0.15329-0.036021 0.23133-0.071241 0.00292 0.08725 8e-3 0.1729 8e-3 0.25935 0.012007 0.27416 0.016009 0.5273 0.10006 0.74931 0.012007 0.03602 0.049628 0.22293 0.19251 0.38782 0.14288 0.16489 0.4228 0.26815 0.74163 0.19971 0.22493-0.04803 0.51089-0.13488 0.70088-0.40535 0.18771-0.26735 0.27256-0.65061 0.28937-1.2724 4e-3 -0.032018 8e-3 -0.062036 0.016009-0.088851l0.044826 0.00396h4e-3c0.24014 0.012007 0.50033-0.024014 0.71781-0.12447 0.19251-0.089251 0.33819-0.1793 0.4445-0.33939 0.028016-0.040023 0.055632-0.08765 0.063637-0.1701 8e-3 -0.082447-0.040023-0.21172-0.11807-0.27136-0.15728-0.11967-0.25654-0.07404-0.3626-0.052027a1.6589 1.6589 0 0 1-0.31818 0.040023c0.30578-0.51514 0.52518-1.0623 0.65033-1.5465 0.074042-0.28576 0.11567-0.54928 0.11887-0.77973 0.003442-0.23053-0.016009-0.43445-0.15329-0.61091-0.43153-0.5514-1.0382-0.7038-1.5076-0.70909-0.016009-2.802e-4 -0.028016-5.604e-4 -0.043625-2.802e-4zm-0.012007 0.1693c0.44397-4e-3 1.0113 0.12047 1.4185 0.64081 0.091653 0.11687 0.11887 0.28777 0.11567 0.49849-0.0034 0.21012-0.042424 0.46223-0.11367 0.73818-0.13808 0.53447-0.39903 1.1575-0.76648 1.7166a0.20003 0.20003 0 0 0 0.041624 0.024014c0.076844 0.032018 0.25174 0.058834 0.60058-0.012007 0.08805-0.020011 0.15209-0.032018 0.21893 0.020012a0.13758 0.13758 0 0 1 0.048428 0.11246 0.18627 0.18627 0 0 1-0.036021 0.088851c-0.067639 0.10126-0.20052 0.19731-0.37101 0.27656-0.15089 0.07044-0.36781 0.10726-0.55988 0.10926-0.096455 0.00104-0.18531-8e-3 -0.26055-0.032018l-4e-3 -0.00184c-0.028018 0.28056-0.096057 0.83424-0.13968 1.0869-0.036021 0.20372-0.096055 0.36581-0.21292 0.48684-0.11647 0.12127-0.28136 0.19411-0.50297 0.24174-0.27456 0.058834-0.47495-0.004002-0.60407-0.11326-0.12887-0.10846-0.18771-0.25254-0.22333-0.3406-0.024014-0.060835-0.036021-0.13968-0.049228-0.24494-0.012007-0.10526-0.020012-0.23413-0.028016-0.37942a13.606 13.606 0 0 1-8e-3 -0.66754 0.80989 0.80989 0 0 1-0.41064 0.20092c-0.18211 0.032018-0.345 5.203e-4 -0.44214-0.024014a0.60219 0.60219 0 0 1-0.13768-0.05323c-0.044826-0.024014-0.08765-0.05123-0.11647-0.10526a0.14817 0.14817 0 0 1-0.016009-0.10086 0.1614 0.1614 0 0 1 0.057633-0.08765c0.05243-0.042424 0.12167-0.066438 0.22613-0.08805 0.19011-0.040023 0.25655-0.066038 0.29697-0.098056 0.036021-0.028016 0.073242-0.083248 0.14208-0.16449a0.30692 0.30692 0 0 1-8.006e-4 -0.012008 0.78317 0.78317 0 0 1-0.3518-0.094854c-0.040023 0.041624-0.24254 0.25615-0.48948 0.55348-0.10406 0.12447-0.21893 0.19571-0.33979 0.20092-0.12127 0.0040023-0.23053-0.056032-0.32379-0.14608-0.18611-0.1809-0.33459-0.49156-0.46383-0.84296-0.12927-0.3514-0.23413-0.74267-0.30858-1.0761-0.074843-0.33339-0.11927-0.60219-0.12527-0.73182-0.028016-0.55088 0.10086-0.92209 0.32178-1.1562 0.22133-0.23413 0.52442-0.32259 0.81995-0.3398 0.5305-0.032018 1.0343 0.15449 1.1361 0.19411 0.19611-0.13328 0.44926-0.21652 0.76516-0.21132a1.9553 1.9553 0 0 1 0.44478 0.057633l4e-3 -0.0024a1.8135 1.8135 0 0 1 0.19571-0.056834 2.5469 2.5469 0 0 1 0.54795-0.066438zm0.040423 0.1773h-0.040023a2.3125 2.3125 0 0 0-0.45086 0.050829c0.32979 0.14608 0.57865 0.37101 0.75407 0.5953a2.2331 2.2331 0 0 1 0.29937 0.50801c0.028016 0.06964 0.048828 0.12887 0.059634 0.1745 4e-3 0.024014 8e-3 0.042424 0.012007 0.062436 5.203e-4 8e-3 0.00104 0.020011-0.0032 0.040023 0 8.005e-4 -0.00132 0.00264-0.00156 0.00344 8e-3 0.23173-0.049628 0.38902-0.056432 0.61015-4e-3 0.16049 0.036021 0.3486 0.045626 0.55428 8e-3 0.19331-0.012007 0.40535-0.13928 0.61359 0.012007 0.012007 0.020011 0.024014 0.032018 0.040023 0.33179-0.52258 0.57097-1.1007 0.69848-1.5936 0.068439-0.26535 0.10446-0.50589 0.10766-0.6964 0.0026416-0.19051-0.032018-0.32859-0.078045-0.38622-0.355-0.45402-0.83552-0.56965-1.2382-0.57281zm-1.2674 0.067639c-0.31258 8.003e-4 -0.53711 0.095254-0.70721 0.23694-0.1753 0.14648-0.29337 0.3466-0.37021 0.55168-0.091653 0.24334-0.12327 0.47887-0.13568 0.63869l0.00344-0.00212c0.094454-0.05283 0.21853-0.10566 0.3514-0.13648 0.13288-0.032018 0.27616-0.040023 0.40563 0.012007 0.12967 0.050429 0.23694 0.1685 0.27576 0.3478 0.18611 0.86177-0.058033 1.1822-0.14808 1.424a2.5426 2.5426 0 0 0-0.08765 0.26815c0.012007-0.00268 0.024014-4e-3 0.036021-8e-3 0.063637-4e-3 0.11326 0.016009 0.14288 0.028016 0.090452 0.036021 0.15289 0.11647 0.18611 0.20652 8e-3 0.024014 0.016009 0.048828 0.020011 0.075243a0.0889 0.0889 0 0 1 4e-3 0.032018 14.589 14.589 0 0 0 0.00344 0.98901c8e-3 0.14248 0.016009 0.26775 0.028016 0.36661 0.012007 0.098857 0.028016 0.1737 0.036021 0.19931 0.032018 0.084448 0.083248 0.19531 0.1729 0.27096 0.089251 0.07524 0.21772 0.12527 0.45218 0.07524 0.20332-0.04363 0.32859-0.10406 0.41248-0.19131 0.083648-0.08685 0.13368-0.20812 0.1657-0.39383 0.048027-0.27776 0.14408-1.0835 0.15569-1.2351-4e-3 -0.11447 0.012007-0.20212 0.048028-0.26895 0.036021-0.068839 0.095655-0.11086 0.14608-0.13368 0.024014-0.012007 0.048828-0.020012 0.068039-0.024014a1.5759 1.5759 0 0 0-0.064432-0.086052 1.179 1.179 0 0 1-0.1761-0.29057 2.195 2.195 0 0 0-0.068039-0.12767c-0.036021-0.063636-0.079646-0.14288-0.12607-0.23213-0.093254-0.1785-0.19451-0.39503-0.24694-0.60591-0.05243-0.21052-0.060034-0.42865 0.074443-0.58233 0.11927-0.13648 0.32819-0.19331 0.64189-0.16129-8e-3 -0.028016-0.016009-0.050829-0.032018-0.088051a2.0682 2.0682 0 0 0-0.27536-0.46675c-0.26575-0.3398-0.6964-0.67707-1.3615-0.68791h-0.032018zm-1.7574 0.012007c-0.032018 0-0.067239 0.00108-0.10046 0.00292-0.26735 0.016009-0.5199 0.092853-0.7006 0.28456-0.1809 0.19171-0.30017 0.50561-0.27416 1.0255 4e-3 0.098457 0.048028 0.37421 0.12127 0.70168 0.073242 0.32739 0.1773 0.71305 0.30217 1.0536 0.12527 0.3406 0.27696 0.63685 0.42068 0.77709 0.072442 0.07004 0.13568 0.098457 0.19251 0.096055 0.057233-0.00264 0.12647-0.036021 0.21092-0.13688a11.442 11.442 0 0 1 0.47887-0.54187 0.92525 0.92525 0 0 1-0.30858-0.83344c0.028016-0.19531 0.032018-0.37822 0.028016-0.52282-0.0032-0.14088-0.012007-0.23453-0.012007-0.29297a0.0889 0.0889 0 0 1 0-4e-3v-0.00132l-2.802e-4 -0.00156v-2.841e-4a2.6175 2.6175 0 0 1 0.15649-0.89323c0.074042-0.19691 0.18451-0.39703 0.3498-0.5588-0.16249-0.053631-0.45082-0.13488-0.76304-0.15049a2.0116 2.0116 0 0 0-0.10046-0.00264zm3.2803 1.3975c-0.1797 0.0024-0.28056 0.048828-0.33339 0.10926-0.074843 0.086049-0.082047 0.23694-0.036021 0.42256 0.046427 0.18611 0.14208 0.39383 0.23213 0.56673 0.044826 0.08645 0.088851 0.16449 0.12367 0.22733 0.036021 0.063637 0.061235 0.10846 0.077244 0.14688 0.016009 0.036021 0.032018 0.066838 0.047227 0.095655 0.06964-0.14688 0.082047-0.29097 0.074843-0.44133-8e-3 -0.18611-0.05243-0.37622-0.046026-0.56885 8e-3 -0.22533 0.05163-0.37181 0.055632-0.54583a1.5327 1.5327 0 0 0-0.19571-0.012007zm-2.1786 0.032018a0.74612 0.74612 0 0 0-0.16289 0.020011 1.2343 1.2343 0 0 0-0.30498 0.11887 0.6395 0.6395 0 0 0-0.092453 0.060435l-4e-3 4e-3c0.00156 0.040023 8e-3 0.13248 0.012007 0.27016 0.0032 0.15089-5.203e-4 0.343-0.028016 0.5514-0.063236 0.45246 0.26495 0.82707 0.65089 0.82763 0.024011-0.09285 0.059632-0.1869 0.096453-0.28616 0.10726-0.28937 0.31898-0.50061 0.14088-1.3245-0.028016-0.13488-0.08685-0.18931-0.1661-0.22013a0.39 0.39 0 0 0-0.13848-0.024014zm2.0947 0.054031h0.012007c0.016009 5.203e-4 0.032018 0.0024 0.047627 4e-3 0.016009 0.0032 0.028016 8e-3 0.036021 0.016009a0.043392 0.043392 0 0 1 0.020011 0.028016l-2.801e-4 0.00212h2.801e-4 -2.801e-4a0.0635 0.0635 0 0 1-8e-3 0.036021 0.17674 0.17674 0 0 1-0.028016 0.040023 0.17912 0.17912 0 0 1-0.10206 0.056032 0.1561 0.1561 0 0 1-0.10846-0.028016 0.16087 0.16087 0 0 1-0.036021-0.032018 0.068792 0.068792 0 0 1-0.016009-0.032018 0.044979 0.044979 0 0 1 0.012007-0.032018 0.1016 0.1016 0 0 1 0.032018-0.024014c0.024014-0.016009 0.059634-0.024014 0.098857-0.032018 0.016009-0.00212 0.028016-0.00316 0.042424-0.00344zm-2.069 0.044426c0.016009 0 0.028016 0.00132 0.044025 0.00344 0.040423 4e-3 0.076444 0.016009 0.10406 0.032018a0.118 0.118 0 0 1 0.036021 0.028016 0.059002 0.059002 0 0 1 0.016009 0.044826 0.079904 0.079904 0 0 1-0.020011 0.040824 0.17171 0.17171 0 0 1-0.036021 0.036021 0.16933 0.16933 0 0 1-0.11847 0.032018 0.19262 0.19262 0 0 1-0.11126-0.060435 0.18785 0.18785 0 0 1-0.032018-0.043225 0.074083 0.074083 0 0 1-0.012007-0.046827c0.00396-0.028016 0.028016-0.043225 0.050429-0.05163a0.22913 0.22913 0 0 1 0.081247-0.012007zm2.3971 1.9428-8.004e-4 2.802e-4c-0.040023 0.016009-0.070841 0.020011-0.098056 0.032018a0.11959 0.11959 0 0 0-0.063236 0.056833c-0.016009 0.032018-0.032018 0.084448-0.028016 0.1761a0.13494 0.13494 0 0 0 0.040023 0.020011c0.045226 0.012007 0.12127 0.024014 0.20572 0.020011 0.1689-0.00184 0.37662-0.041224 0.48684-0.092453a1.0451 1.0451 0 0 0 0.24934-0.16289h-2.802e-4c-0.36861 0.076044-0.57677 0.055632-0.70456 0.00316a0.34793 0.34793 0 0 1-0.088051-0.05283zm-2.1249 0.024014h-4e-3c-0.016009 0.00132-0.036021 4e-3 -0.074043 0.049628-0.092053 0.10326-0.12447 0.1681-0.20011 0.22853-0.076044 0.060435-0.1745 0.092453-0.37181 0.13288-0.062436 0.012007-0.098056 0.028016-0.12207 0.040023 8e-3 8e-3 8e-3 8e-3 0.020012 0.016009 0.028016 0.016009 0.066038 0.028016 0.095655 0.036021 0.084849 0.020012 0.22373 0.045626 0.36901 0.020012 0.14528-0.024014 0.29617-0.094454 0.4252-0.27496 0.024014-0.032018 0.024014-0.077244 8e-3 -0.12687-0.020009-0.049629-0.058832-0.092053-0.087648-0.10406a0.17277 0.17277 0 0 0-0.054031-0.016009z" fill="#5e6b8c" stroke-width=".26458"/>
+</svg>
diff --git a/src/assets/skills/python.svg b/src/assets/skills/python.svg
new file mode 100644
index 0000000..6fa7620
--- /dev/null
+++ b/src/assets/skills/python.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-88.27 -88.449)">
+		<g transform="matrix(3.7826 0 0 3.7826 -393 -511.06)" stroke-width=".013704">
+			<path d="m129.04 159.58c-0.0628 2.9e-4 -0.1228 6e-3 -0.17558 0.015-0.15548 0.0275-0.18371 0.085-0.18371 0.191v0.14003h0.36743v0.0467h-0.50533c-0.10678 0-0.20028 0.0642-0.22953 0.18628-0.0337 0.13996-0.0352 0.22729 0 0.37343 0.0261 0.10878 0.0885 0.18628 0.19527 0.18628h0.12634v-0.16787c0-0.12127 0.10493-0.22825 0.22953-0.22825h0.367c0.10216 0 0.18372-0.0841 0.18372-0.18671v-0.34987c0-0.0996-0.084-0.17438-0.18372-0.191-0.0631-0.0105-0.12861-0.0153-0.19142-0.015zm-0.1987 0.11262c0.0379 0 0.0689 0.0315 0.0689 0.0702 0 0.0386-0.031 0.0698-0.0689 0.0698-0.0381 0-0.069-0.0312-0.069-0.0698 0-0.0387 0.0309-0.0702 0.069-0.0702z" fill="#498abc"/>
+			<path d="m129.46 159.98v0.16316c0 0.12649-0.10725 0.23296-0.22954 0.23296h-0.367c-0.10053 0-0.18371 0.086-0.18371 0.18671v0.34987c0 0.0996 0.0866 0.15815 0.18371 0.18672 0.11631 0.0342 0.22784 0.0404 0.367 0 0.0925-0.0268 0.18372-0.0807 0.18372-0.18672v-0.14003h-0.367v-0.0467h0.55071c0.10678 0 0.14658-0.0745 0.18371-0.18628 0.0384-0.1151 0.0367-0.22578 0-0.37343-0.0264-0.1063-0.0768-0.18628-0.18371-0.18628zm-0.20641 0.88603c0.0381 0 0.0689 0.0312 0.0689 0.0698 0 0.0387-0.0309 0.0702-0.0689 0.0702s-0.069-0.0315-0.069-0.0702c0-0.0386 0.031-0.0698 0.069-0.0698z" fill="#ffd63f"/>
+		</g>
+	</g>
+</svg>
diff --git a/src/assets/skills/qt.svg b/src/assets/skills/qt.svg
new file mode 100644
index 0000000..9f1b6dd
--- /dev/null
+++ b/src/assets/skills/qt.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<title>Foundation/Logo/Qt-logo</title>
+	<g id="a" transform="matrix(.025787 0 0 .025787 2.9856 4.1403)" fill="none" fill-rule="evenodd">
+		<g id="b" transform="translate(-177,-251)" fill="#41cd52">
+			<g id="c" transform="translate(177,251)">
+				<path d="m111.88 57.447c-11.797 0-19.933 4.0086-24.408 12.131-4.373 8.1227-6.6104 20.992-6.6104 38.82 0 17.722 2.1357 30.487 6.407 38.082s12.509 11.498 24.611 11.498c12.102 0 20.238-3.7976 24.509-11.287 4.1696-7.4898 6.3053-20.254 6.3053-38.082 0-17.933-2.1357-30.909-6.5087-39.031-4.373-8.1227-12.509-12.131-24.306-12.131"/>
+				<path d="m219.23 173.77c-10.746 0-18.115-2.4989-22.108-7.4966-3.9905-4.9977-6.0374-14.474-6.0374-28.424v-44.979h-14.533v-17.908h14.533v-28.112h20.572v28.112h26.201v18.012h-26.201v42.586c0 7.912 0.61408 13.118 1.7399 15.618 1.1248 2.603 4.0939 3.8524 8.6994 3.8524l15.557-0.62576 0.9201 16.868c-8.3914 1.6649-14.84 2.4989-19.342 2.4989zm-59.259 20.198-19.548 9.2676-16.887-28.217c-2.4563 0.72883-6.2431 1.1464-11.565 1.1464-19.753 0-33.57-5.4142-41.348-16.244-7.7783-10.827-11.667-28.007-11.667-51.331 0-23.427 3.9915-40.814 11.872-52.163 7.8807-11.35 21.595-17.077 41.143-17.077 19.548 0 33.263 5.6235 41.041 16.972 7.8807 11.245 11.77 28.633 11.77 52.164 0 15.513-1.6375 28.007-4.8103 37.483-3.2761 9.5789-8.4948 16.867-15.864 21.865zm111.46-193.97h-229.77l-41.655 42.376v182.62h258.63l41.655-42.375v-182.62z"/>
+			</g>
+		</g>
+	</g>
+</svg>
diff --git a/src/assets/skills/raspberry.svg b/src/assets/skills/raspberry.svg
new file mode 100644
index 0000000..7cab79c
--- /dev/null
+++ b/src/assets/skills/raspberry.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-88.27 -88.449)">
+		<path d="m94.264 93.209c0.02401 0.02802 0.05763 0.05803 0.02401 0.09205-0.04843-0.02802-0.09806-0.06164-0.21412-0.08365 0.02401 0.02802 0.08045 0.05883 0.04803 0.08845-0.06124-0.02401-0.12887-0.04322-0.20412-0.05123 0.04002 0.02802 0.06644 0.05963 0.04002 0.08245-0.06564-0.02001-0.15569-0.04843-0.24454-0.02401l0.05603 0.05683c0.0037 0.01201-0.13048 0.0037-0.22093 0.01201 0.03202 0.04803 0.06644 0.09125 0.08605 0.1709-0.01201 0.01201-0.05363 0.0037-0.09605 0 0.04322 0.09205 0.11887 0.11567 0.13648 0.15529-0.02802 0.02001-0.06284 0.01601-0.10326 0.0016 0.03202 0.06484 0.09605 0.10966 0.14768 0.16249-0.01601 0.01201-0.03202 0.01601-0.09005 0.01201 0.04803 0.05163 0.10526 0.09846 0.1737 0.14128-0.01601 0.01601-0.05363 0.01601-0.09205 0.01601 0.06163 0.06164 0.14168 0.09365 0.21612 0.13368-0.04002 0.02401-0.06324 0.02001-0.09205 0.02001 0.05283 0.04323 0.14208 0.06724 0.22573 0.09365-0.01601 0.02401-0.03202 0.03202-0.06564 0.04002 0.08845 0.04963 0.21452 0.02802 0.25054 0.05203-0.01201 0.02401-0.03202 0.04322-0.06244 0.05483 0.14168 0.01201 0.53034-0.0037 0.60479-0.30418-0.14528-0.16209-0.41064-0.3522-0.86682-0.58722 0.3546 0.12047 0.67487 0.28176 0.94298 0.50241 0.31498-0.14849 0.09806-0.52478-0.05603-0.67399-0.01201 0.04002-0.01601 0.06444-0.02802 0.07204-0.05003-0.05443-0.09125-0.11046-0.15569-0.16249-1.6e-4 0.02802 0.01601 0.06404-0.02401 0.08845-0.03202-0.04803-0.08125-0.08965-0.14328-0.12527 0.02802 0.05203 0.0037 0.06804-0.01201 0.09005-0.04803-0.04322-0.09285-0.08245-0.1801-0.11527zm1.7213 0c-0.08725 0.03202-0.13288 0.07404-0.1801 0.11487-0.01601-0.02401-0.04002-0.04002-0.01201-0.09005-0.06243 0.03202-0.10926 0.07764-0.14328 0.12527-0.04002-0.02401-0.02401-0.05763-0.02401-0.08845-0.06444 0.05283-0.10566 0.10806-0.15569 0.16249-0.01201-0.01201-0.02001-0.03202-0.02802-0.07204-0.15409 0.14929-0.37101 0.52506-0.05603 0.67407 0.26815-0.22133 0.58818-0.38182 0.94298-0.50245-0.45602 0.23534-0.72149 0.42496-0.86674 0.58718 0.07444 0.29817 0.4627 0.31258 0.60475 0.30417-0.02802-0.01601-0.05363-0.02802-0.06244-0.05483 0.03202-0.02401 0.16209-2e-3 0.24974-0.05203-0.03202-0.01201-0.04963-0.01601-0.06564-0.04002 0.08325-0.02802 0.1729-0.04963 0.22573-0.09365-0.02802 4e-4 -0.05483 0.0037-0.09205-0.02001 0.07444-0.04002 0.15409-0.07204 0.21612-0.13328-0.04002-9.2e-4 -0.08045-4.8e-4 -0.09205-0.01601 0.06804-0.04322 0.12607-0.08925 0.1737-0.14128-0.05403 0.0037-0.07644 0.0013-0.09005-0.01201 0.05163-0.05283 0.11687-0.09766 0.14768-0.16249-0.04002 0.01601-0.07644 0.02001-0.10286-0.0016 0.02001-0.04002 0.09285-0.06244 0.13648-0.15569-0.04322 0.0037-0.08725 0.01201-0.09606 0 0.02001-0.08005 0.05323-0.12487 0.08605-0.1709-0.09045-0.0013-0.22693 2.81e-4 -0.22093-0.01201l0.05603-0.05683c-0.08845-0.02401-0.1789 0.0037-0.24454 0.02401-0.02802-0.02401 8e-4 -0.05283 0.04002-0.08245-0.07524 0.01201-0.14288 0.02802-0.20412 0.05123-0.03202-0.02802 0.02401-0.05883 0.04803-0.08845-0.11567 0.02401-0.1653 0.05283-0.21412 0.08365-0.03202-0.03202-0.0018-0.06244 0.02401-0.09205zm-0.86073 1.2341c-0.27216 0-0.49897 0.18491-0.49957 0.29337-6.4e-4 0.13648 0.19931 0.27656 0.49596 0.28016h0.0037 0.0037c0.29657-0.0037 0.49672-0.14328 0.496-0.28016-6.01e-4 -0.10846-0.22733-0.29337-0.49965-0.29337zm-0.76368 0.08965c-0.351 0.0037-0.6192 0.24814-0.60679 0.64917 0.01601 0.1753 0.91468-0.61123 0.7592-0.63733-0.04803-0.01201-0.09165-0.01601-0.13568-0.01601-0.0037-1.2e-4 -0.01201-1.2e-4 -0.01601 0zm1.5107 0c-0.04322 2e-4 -0.08925 0.0037-0.13568 0.01201-0.15529 0.02401 0.74535 0.81279 0.7592 0.63737 0.01201-0.40107-0.25615-0.64357-0.60679-0.64917-0.0037-8e-5 -0.01201-8e-5 -0.01601 0zm-1.3672 0.50081c-0.22493 0.0017-0.44169 0.16049-0.5249 0.40535-0.10286 0.30217 0.03202 0.62148 0.30858 0.71313 0.27296 0.09165 0.57785-0.07885 0.68055-0.38102 0.10286-0.30217-0.03202-0.62152-0.30858-0.71317-0.05123-0.02001-0.10366-0.02401-0.15569-0.02401zm1.2405 0c-0.05163-3.6e-4 -0.10486 0.01201-0.15569 0.02401-0.27296 0.09165-0.41112 0.41112-0.30858 0.71313 0.10286 0.30217 0.40727 0.47279 0.68055 0.38102 0.27256-0.09165 0.41108-0.41108 0.30858-0.71317-0.08325-0.24494-0.30017-0.40391-0.52486-0.40535zm-2.0392 0.33699v4e-5c-0.0017-4e-5 -0.0037 2.8e-4 -0.0037 3.6e-4 -0.0038 3.21e-4 -0.01201 0.0014-0.01601 2e-3 -0.40579 0.23173-0.33539 0.74699-0.11647 0.92305 0.19291 0.08565 0.351-0.92321 0.13808-0.92633zm2.838 0c-0.21252 0.0037-0.05443 1.0119 0.13808 0.92629 0.21893-0.1757 0.28937-0.69132-0.11647-0.92301-0.0037-0.0015-0.01201-2e-3 -0.01601-2e-3 -0.0017-1.2e-4 -0.0037-4e-4 -0.0037-4e-4zm-1.4191 0.6976c-0.14328 0-0.27776 0.05203-0.37502 0.14008-0.10446 0.09445-0.1645 0.22854-0.1641 0.36302 0 0.13207 0.05843 0.26295 0.16009 0.3562 0.09966 0.0917 0.23854 0.14648 0.37902 0.14768 0.14048-2e-3 0.27976-0.0564 0.37902-0.14768 0.10126-0.0932 0.16049-0.22413 0.16049-0.3562 7.61e-4 -0.13448-0.05963-0.26856-0.16409-0.36302-0.09766-0.08845-0.23173-0.14008-0.37542-0.14008zm-1.2551 0.26375c-0.04002 7.2e-4 -0.07604 0.01201-0.10926 0.02802-0.10086 0.07685-0.11927 0.33779 0.02401 0.5949 0.21332 0.30577 0.51309 0.33699 0.63656 0.26255 0.13048-0.0977 0.05923-0.42877-0.09686-0.617-0.14008-0.16249-0.31378-0.27375-0.45462-0.27095zm2.4968 0c-0.13808 0.0037-0.30498 0.11326-0.44073 0.27095-0.15609 0.18851-0.22733 0.51942-0.09686 0.617 0.12327 0.0744 0.4236 0.0432 0.63656-0.26255 0.14368-0.25655 0.12487-0.51818 0.02401-0.59495-0.03202-0.02001-0.06964-0.02802-0.10926-0.02802-0.0037-8e-5 -0.01201-8e-5 -0.01601 0zm-1.2417 0.90224c-0.21853-2e-3 -0.54271 0.0897-0.53875 0.20651-0.0037 0.0812 0.26295 0.31539 0.53431 0.30378h0.0037 0.0037c0.27176 0.012 0.53771-0.22213 0.53427-0.30378 0.0037-0.11726-0.32018-0.20892-0.53875-0.20651zm0.0023-5.4497c-2.0469 0-3.7059 1.6595-3.7059 3.7063 0 2.0469 1.659 3.706 3.7059 3.706 2.0469 0 3.7063-1.6591 3.7063-3.706 0-2.0468-1.6594-3.7063-3.7063-3.7063zm0.84977 1.3022c8e-3 -3.2e-4 0.01201-2.4e-4 0.02001 3.6e-4 0.02401 7.6e-4 0.05003 0.01201 0.08005 0.03202 0.07244-0.02802 0.14328-0.04002 0.20652 0.02001 0.09766-0.01601 0.12887 0.01601 0.15289 0.04322 0.02001-4.81e-4 0.16009-0.02401 0.22373 0.07284 0.15969-0.02001 0.20972 0.09445 0.15289 0.19932 0.03202 0.05003 0.06644 0.10006-0.01201 0.19651 0.02802 0.05363 0.01201 0.11206-0.05363 0.1825 0.01601 0.07564-0.01601 0.12847-0.07564 0.1701 0.01201 0.10326-0.09525 0.16369-0.12607 0.18451-0.01601 0.06003-0.04002 0.11727-0.15809 0.14808-0.02001 0.08925-0.09285 0.10526-0.16249 0.12367 0.23213 0.13488 0.43125 0.31218 0.42985 0.74775l0.03202 0.06083c0.26615 0.16209 0.50541 0.68239 0.13048 1.1052-0.02401 0.13248-0.06564 0.22693-0.10166 0.33259-0.05443 0.42401-0.41104 0.62296-0.50529 0.64641-0.13768 0.10526-0.28496 0.20452-0.48332 0.27416-0.18731 0.19291-0.38982 0.26695-0.60198 0.26695-0.21212 0-0.41444-0.0736-0.6019-0.26695-0.19811-0.0696-0.3458-0.1697-0.48336-0.27416-0.09445-0.024-0.45066-0.22212-0.50525-0.64641-0.04002-0.10526-0.07724-0.19971-0.10166-0.33259-0.37462-0.42304-0.13488-0.94338 0.13088-1.1052l0.03202-0.06083c-0.0013-0.43545 0.19811-0.61279 0.43021-0.74775-0.07044-0.02001-0.14328-0.03202-0.16289-0.12367-0.12087-0.03202-0.14648-0.08845-0.15809-0.14808-0.03202-0.02001-0.13688-0.08125-0.12567-0.18451-0.05923-0.04323-0.09205-0.09486-0.07564-0.1701-0.06324-0.07044-0.08045-0.12887-0.05363-0.1825-0.07684-0.09606-0.04322-0.14608-0.01201-0.19651-0.05763-0.10486-0.0037-0.21772 0.15289-0.19932 0.06324-0.09485 0.20212-0.07284 0.22373-0.07284 0.02401-0.02802 0.05603-0.05643 0.15329-0.04322 0.06284-0.05683 0.13368-0.04803 0.20652-0.02001 0.02802-0.02401 0.05563-0.03202 0.08004-0.03202h0.0036c0.04803-0.0014 0.08605 0.02802 0.12847 0.04002 0.10486-0.03202 0.12887 0.01201 0.1801 0.03202 0.11406-0.02401 0.14848 0.02802 0.20292 0.08405l0.06404-1e-3c0.1721 0.10126 0.25735 0.30738 0.29137 0.30738 0.03202 0 0.11887-0.20612 0.29097-0.30738l0.06404 1e-3c0.05483-0.05563 0.08965-0.10806 0.20292-0.08405 0.05163-0.02001 0.07524-0.06524 0.1797-0.03202 0.03602-0.01601 0.07204-0.03602 0.11126-0.04002z" fill="#bc1142"/>
+	</g>
+</svg>
diff --git a/src/assets/skills/security.svg b/src/assets/skills/security.svg
new file mode 100644
index 0000000..3107a9b
--- /dev/null
+++ b/src/assets/skills/security.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-88.27 -88.449)">
+		<g transform="matrix(.057303 .057303 .057303 -.057303 88.824 95.155)">
+			<path d="m75 23-25.208 25.208c-2.124-0.768-4.404-1.208-6.792-1.208-11.046 0-20 8.954-20 20s8.954 20 20 20 20-8.954 20-20c0-2.388-0.44-4.668-1.208-6.792l1.208-1.208v-8h8v-8h8v-8h8v-12zm-27.405 53.204c-0.2 0.955-0.869 1.744-1.777 2.1-3.631 1.422-7.918 0.666-10.853-2.269-2.935-2.934-3.691-7.223-2.268-10.855 0.356-0.909 1.146-1.577 2.102-1.776s1.946 0.098 2.636 0.788l9.375 9.375c0.69 0.69 0.985 1.682 0.785 2.637z" fill="#facb1b"/>
+			<path d="m87 23h-12l-25.208 25.208c-2.124-0.768-4.404-1.208-6.792-1.208-11.046 0-20 8.954-20 20 0 5.701 2.397 10.832 6.224 14.475l5.602-5.602c-2.809-2.929-3.526-7.124-2.128-10.693 0.356-0.909 1.146-1.577 2.102-1.776s1.946 0.098 2.636 0.788l4.536 4.536 45.028-45.03z" fill="#fbe158"/>
+			<path d="m55 49c-0.552-0.552-0.552-1.448 0-2l22-22h4l-24 24c-0.552 0.552-1.448 0.552-2 0z" fill="#f3b607"/>
+		</g>
+	</g>
+</svg>
diff --git a/src/assets/skills/ts.svg b/src/assets/skills/ts.svg
new file mode 100644
index 0000000..8fcc6f9
--- /dev/null
+++ b/src/assets/skills/ts.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<title>Foundation/Logo/Qt-logo</title>
+	<path d="m3.624 3.808h6.4666v6.4666h-6.4666zm4.3111 2.5867c-0.47619 0-0.86222 0.38603-0.86222 0.86222 0 0.47619 0.38603 0.86222 0.86222 0.86222h0.43111c0.2381 0 0.43111 0.19301 0.43111 0.43111 0 0.2381-0.19301 0.43111-0.43111 0.43111h-0.43111c-0.23809 0-0.43111-0.19301-0.43111-0.43111h-0.43111c0 0.4762 0.38603 0.86222 0.86222 0.86222h0.43111c0.4762 0 0.86222-0.38602 0.86222-0.86222 0-0.47619-0.38602-0.86222-0.86222-0.86222h-0.43111c-0.23809 0-0.43111-0.19302-0.43111-0.43111 0-0.23809 0.19302-0.43111 0.43111-0.43111h0.50298c0.1984 0 0.35924 0.16085 0.35924 0.35926v0.071853h0.43111v-0.071853c0-0.43651-0.35385-0.79037-0.79035-0.79037zm-3.0178 0h2.1556v0.43111h-0.86222v2.5867h-0.43111v-2.5867h-0.86222z" clip-rule="evenodd" fill="#0077c8" fill-rule="evenodd" stroke-width=".43111"/>
+</svg>
diff --git a/src/assets/skills/unknown.svg b/src/assets/skills/unknown.svg
new file mode 100644
index 0000000..d8476bc
--- /dev/null
+++ b/src/assets/skills/unknown.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-88.27 -88.449)">
+		<circle cx="95.127" cy="95.49" r="1.8937" fill="#5e6b8c" style="paint-order:stroke fill markers"/>
+	</g>
+</svg>
diff --git a/src/assets/skills/vue.svg b/src/assets/skills/vue.svg
new file mode 100644
index 0000000..cc14053
--- /dev/null
+++ b/src/assets/skills/vue.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-88.27 -88.449)">
+		<g transform="matrix(.027999 0 0 .027999 91.543 92.399)">
+			<path d="M 204.8,0 H 256 L 128,220.8 0,0 H 97.92 L 128,51.2 157.44,0 Z" fill="#41b883"/>
+			<path d="M 0,0 128,220.8 256,0 H 204.8 L 128,132.48 50.56,0 Z" fill="#41b883"/>
+			<path d="M 50.56,0 128,133.12 204.8,0 H 157.44 L 128,51.2 97.92,0 Z" fill="#35495e"/>
+		</g>
+	</g>
+</svg>
diff --git a/src/assets/skills/webpack.svg b/src/assets/skills/webpack.svg
new file mode 100644
index 0000000..f5dd92f
--- /dev/null
+++ b/src/assets/skills/webpack.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13.715mm" height="14.082mm" version="1.1" viewBox="0 0 13.715 14.082" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-88.27 -88.449)">
+		<g transform="matrix(.0067198 0 0 .0067198 91.095 91.458)">
+			<path d="m600 0 530.3 300v600l-530.3 300-530.3-300v-600z" fill="#fff"/>
+			<path d="m1035.6 879.3-418.1 236.5v-184.2l260.5-143.3zm28.6-25.9v-494.6l-153 88.3v317.9zm-901.5 25.9 418.1 236.5v-184.2l-260.5-143.3zm-28.6-25.9v-494.6l153 88.3v317.9zm17.9-526.6 428.8-242.6v178.1l-274.7 151.1-2.1 1.2zm894.3 0-428.8-242.6v178.1l274.7 151.1 2.1 1.2z" fill="#8ed6fb"/>
+			<path d="m580.8 889.7-257-141.3v-280l257 148.4v272.9m36.7 0 257-141.3v-280l-257 148.4v272.9m-276.3-453.7 258-141.9 258 141.9-258 149-258-149" fill="#1c78c0"/>
+		</g>
+	</g>
+</svg>
diff --git a/src/components/SkillCard.vue b/src/components/SkillCard.vue
index ca6c7a4..f68f999 100644
--- a/src/components/SkillCard.vue
+++ b/src/components/SkillCard.vue
@@ -13,8 +13,8 @@
 
 	@Component({})
 	export default class SkillCard extends Vue {
-		// id of the skill to display
-		@Prop(Number) readonly id: tID|undefined;
+		// id of the skill to display (string representation)
+		@Prop(String) readonly id: string|undefined;
 
 		// undefined -> automatic size
 		// value     -> fixed size applied (valid css value with unit)
@@ -23,6 +23,9 @@
 		// whether it has the active style
 		@Prop(Boolean) active: boolean|undefined;
 
+		// whether id is a folder name to display
+		@Prop(String) folder: string|undefined;
+
 		protected mounted() {
 			if( this.width == undefined ){
 				return;
@@ -31,10 +34,24 @@
 			el.style.width = this.width;
 		}
 
+		private tid(): tID|null {
+			if( this.id == undefined ){
+				return null;
+			}
+			const id = parseInt(this.id!) as tID;
+			if( Skills[id] == undefined ){
+				return null;
+			}
+			return id;
+		}
+
 		protected icon(): string {
+			if( this.folder == '1' ){
+				return require('../assets/skills/folder.svg');
+			}
 			let icon: string|null = null;
-			if( this.id != undefined ){
-				icon = Skills[this.id].icon;
+			if( this.tid() != undefined ){
+				icon = Skills[this.tid()!].icon;
 			}
 			if( icon == null ){
 				return require('../assets/skills/unknown.svg');
@@ -43,8 +60,11 @@
 		}
 
 		protected name(): string {
-			if( this.id != undefined ){
-				return Skills[this.id].name!;
+			if( this.folder == '1' ){
+				return this.id!;
+			}
+			if( this.tid() != undefined ){
+				return Skills[this.tid()!].name!;
 			}
 			return '?';
 		}
@@ -68,7 +88,7 @@
 			width: auto;
 			height: $height;
 
-		font-size: 1.2rem;
+		font-size: 1.4rem;
 
 		background: #2a2e36;
 		border-radius: .3rem / .3rem;
@@ -101,8 +121,15 @@
 
 			color: #fff;
 			font-weight: 400;
+			white-space: nowrap;
 			padding: 0 .6em;
 
+			span {
+				text-overflow: ellipsis;
+				overflow: hidden;
+			}
+			overflow: hidden;
+
 			flex-flow: row nowrap;
 			align-items: center;
 
@@ -110,8 +137,16 @@
 			transition: border-color .1s ease-in-out;
 		}
 
+		&:hover{
+			background: #383d45;
+			.icon {
+				background: #3c4150;
+			}
+		}
+
 		&[data-active="1"]{
 			background: #444952;
+
 			.icon {
 				background: #3c4150;
 			}
diff --git a/src/model/skills.ts b/src/model/skills.ts
index 00d34ac..6eebd73 100644
--- a/src/model/skills.ts
+++ b/src/model/skills.ts
@@ -47,9 +47,10 @@ export enum tID {
 }
 
 interface tSkill {
-	icon: string;
+	icon: string|null;
 	name: string;
 	link: string;
+	tags: string[];
 }
 
 export type tSkills = { [id in tID]: tSkill };
@@ -59,232 +60,277 @@ export const Skills: tSkills = {
 		name: 'MariaDB',
 		link: 'https://mariadb.org',
 		icon: 'skills/mariadb.svg',
+		tags: ['web', 'storage'],
 	},
 	[tID.Postgres]: {
 		name: 'PostgreSQL',
 		link: 'https://postgresql.org',
 		icon: 'skills/postgres.svg',
+		tags: ['web', 'storage'],
 	},
 	[tID.Mongo]: {
 		name: 'MongoDB',
 		link: 'https://mongodb.com',
 		icon: 'skills/mongo.svg',
+		tags: ['web', 'storage'],
 	},
 
 	[tID.Vue]: {
 		name: 'Vue <i>(.js)</i>',
 		link: 'https://vuejs.org',
 		icon: 'skills/vue.svg',
+		tags: ['web', 'UI'],
 	},
 	[tID.Angular]: {
 		name: 'Angular <i>(7+)</i>',
 		link: 'https://angular.io',
 		icon: 'skills/angular.svg',
+		tags: ['web', 'UI'],
 	},
 	[tID.Parcel]: {
 		name: 'Parcel',
 		link: 'https://parceljs.org/',
 		icon: 'skills/parcel.svg',
+		tags: ['web'],
 	},
 	[tID.Cordova]: {
 		name: 'Apache Cordova',
 		link: 'https://cordova.apache.org/',
 		icon: 'skills/cordova.svg',
+		tags: ['system', 'web', 'mobile'],
 	},
 	[tID.Webpack]: {
 		name: 'Webpack',
 		link: 'https://webpack.js.org/',
 		icon: 'skills/webpack.svg',
+		tags: ['web'],
 	},
 
 	[tID.WebGL]: {
 		name: 'WebGL',
 		link: 'https://www.khronos.org/webgl/',
-		icon: 'skills/web-gl.svg',
+		icon: null,
+		tags: ['web'],
 	},
 	[tID.AudioAPI]: {
 		name: 'Audio API',
 		link: 'https://webaudio.github.io/web-audio-api/',
-		icon: 'skills/audio-api.svg',
+		icon: null,
+		tags: ['web'],
 	},
 	[tID.Websocket]: {
 		name: 'Websocket',
 		link: 'https://tools.ietf.org/html/rfc6455',
-		icon: 'skills/websocket.svg',
+		icon: null,
+		tags: ['web', 'networking', 'IoT'],
 	},
 
 	[tID.Docker]: {
 		name: 'Docker',
 		link: 'https://docker.com',
 		icon: 'skills/docker.svg',
+		tags: ['web', 'system'],
 	},
 	[tID.Bash]: {
 		name: 'bash',
 		link: 'https://www.gnu.org/software/bash/',
-		icon: 'skills/bash.svg',
+		icon: null,
+		tags: ['system'],
 	},
 	[tID.Linux]: {
 		name: 'GNU/Linux',
 		link: 'https://www.linux.org',
 		icon: 'skills/linux.svg',
+		tags: ['system'],
 	},
 	[tID.Systemd]: {
 		name: 'systemd',
 		link: 'https://freedesktop.org/wiki/Software/systemd/',
-		icon: 'skills/systemd.svg',
+		icon: null,
+		tags: ['system'],
 	},
 	[tID.Git]: {
 		name: 'Git',
 		link: 'https://git-scm.com/',
 		icon: 'skills/git.svg',
+		tags: ['system', 'organization'],
 	},
 	[tID.Rpm]: {
 		name: 'RPM packaging',
 		link: 'https://rpm.org/',
-		icon: 'skills/rpm.svg',
+		icon: null,
+		tags: ['system'],
 	},
 
 	[tID.RaspBerry]: {
 		name: 'Raspberry',
 		link: 'https://raspberrypi.org',
 		icon: 'skills/raspberry.svg',
+		tags: ['system', 'IoT'],
 	},
 	[tID.Arduino]: {
 		name: 'Arduino',
 		link: 'https://arduino.cc',
 		icon: 'skills/arduino.svg',
+		tags: ['system', 'IoT'],
 	},
 
 	[tID.Php]: {
 		name: 'PHP',
 		link: 'https://www.php.net',
 		icon: 'skills/php.svg',
+		tags: ['language', 'web', 'IoT'],
 	},
 	[tID.Html]: {
 		name: 'HTML5',
 		link: 'https://www.w3.org/standards/webdesign/htmlcss',
 		icon: 'skills/html.svg',
+		tags: ['language', 'web', 'UI'],
 	},
 	[tID.Css]: {
 		name: 'CSS3',
 		link: 'https://www.w3.org/standards/webdesign/htmlcss',
 		icon: 'skills/css.svg',
+		tags: ['language', 'web', 'UI'],
 	},
 	[tID.Js]: {
 		name: 'Javascript',
 		link: 'http://www.ecma-international.org/publications-and-standards/standards/ecma-262/',
 		icon: 'skills/js.svg',
+		tags: ['language', 'web', 'UI'],
 	},
 	[tID.Ajax]: {
 		name: 'AJAX',
 		link: 'https://www.w3schools.com/xml/ajax_intro.asp',
-		icon: 'skills/ajax.svg',
+		icon: null,
+		tags: ['web', 'networking'],
 	},
 	[tID.Ts]: {
 		name: 'Typescript',
 		link: 'https://www.typescript.org/',
 		icon: 'skills/ts.svg',
+		tags: ['language', 'web', 'UI'],
 	},
 	[tID.C]: {
 		name: 'C (lang)',
 		link: 'https://www.open-std.org/jtc1/sc22/wg14/',
 		icon: 'skills/c.svg',
+		tags: ['language', 'system'],
 	},
 	[tID.Cpp]: {
 		name: 'C++',
 		link: 'https://isocpp.org/',
 		icon: 'skills/cpp.svg',
+		tags: ['language', 'system'],
 	},
 	[tID.Python]: {
 		name: 'Python',
 		link: 'https://python.org/',
 		icon: 'skills/python.svg',
+		tags: ['language', 'system'],
 	},
 	[tID.Go]: {
 		name: 'Go (lang)',
 		link: 'https://go.dev',
 		icon: 'skills/go.svg',
+		tags: ['language', 'system', 'IoT', 'networking'],
 	},
 
 	[tID.Qt]: {
 		name: 'Qt',
 		link: 'https://qt.io',
 		icon: 'skills/qt.svg',
+		tags: ['language', 'system', 'IoT', 'networking'],
 	},
 
 	[tID.OpenSource]: {
 		name: 'Open-source',
 		link: 'https://opensource.org/',
-		icon: 'skills/open-source.svg',
+		icon: null,
+		tags: ['human'],
 	},
 	[tID.Electronics]: {
 		name: 'Electronics',
 		link: 'https://en.wikipedia.org/wiki/Electronics',
 		icon: 'skills/electronics.svg',
+		tags: ['other', 'IoT'],
 	},
 	[tID.Web]: {
 		name: 'Web',
 		link: 'https://en.wikipedia.org/wiki/World_Wide_Web',
-		icon: 'skills/web.svg',
+		icon: null,
+		tags: ['web'],
 	},
 	[tID.Rest]: {
 		name: 'REST',
 		link: 'https://en.wikipedia.org/wiki/Representational_state_transfer',
-		icon: 'skills/rest.svg',
+		icon: null,
+		tags: ['web', 'networking'],
 	},
 	[tID.Crypto]: {
-		name: 'Cryptography',
+		name: 'Security/crypto',
 		link: 'https://en.wikipedia.org/wiki/Cryptography',
-		icon: 'skills/crypto.svg',
+		icon: 'skills/security.svg',
+		tags: ['system', 'networking'],
 	},
 	[tID.ImageProcessing]: {
 		name: 'Image processing',
 		link: 'https://en.wikipedia.org/wiki/Digital_image_processing',
 		icon: 'skills/image-processing.svg',
+		tags: ['system'],
 	},
 	[tID.AI]: {
 		name: 'Artificial Intelligence',
 		link: 'https://en.wikipedia.org/wiki/Artificial_intelligence',
-		icon: 'skills/ai.svg',
+		icon: null,
+		tags: ['other'],
 	},
 	[tID.DeepLearning]: {
 		name: 'Deep Learning',
 		link: 'https://en.wikipedia.org/wiki/Deep_learning',
-		icon: 'skills/deep-learning.svg',
+		icon: null,
+		tags: ['other'],
 	},
 	[tID.NeuralNetwork]: {
 		name: 'Neural Networks',
 		link: 'https://en.wikipedia.org/wiki/Artificial_neural_network',
-		icon: 'skills/neural-network.svg',
+		icon: null,
+		tags: ['other'],
 	},
 	[tID.Opti]: {
 		name: 'Program optimization',
 		link: 'https://en.wikipedia.org/wiki/Program_optimization',
 		icon: 'skills/opti.svg',
+		tags: ['system', 'networking'],
 	},
 	[tID.Sockets]: {
 		name: 'Sockets',
 		link: 'https://en.wikipedia.org/wiki/Computer_network_programming',
-		icon: 'skills/sockets.svg',
+		icon: null,
+		tags: ['system', 'networking', 'IoT', 'web'],
 	},
 	[tID.Concurrency]: {
-		name: 'Concurrent programming',
+		name: 'Concurrency',
 		link: 'https://en.wikipedia.org/wiki/Concurrent_computing',
-		icon: 'skills/concurrency.svg',
+		icon: null,
+		tags: ['system', 'networking'],
 	},
 	[tID.UIUX]: {
 		name: 'UI/UX',
 		link: 'https://en.wikipedia.org/wiki/UX',
-		icon: 'skills/ux.svg',
+		icon: null,
+		tags: ['system', 'web', 'IoT'],
 	},
 	[tID.Inkscape]: {
 		name: 'Inkscape',
 		link: 'https://inkscape.org/',
 		icon: 'skills/inkscape.svg',
+		tags: ['UI', 'web', 'organization'],
 	},
 	[tID.RnD]: {
 		name: 'R&D',
 		link: 'https://en.wikipedia.org/wiki/R&D',
-		icon: 'skills/rnd.svg',
+		icon: null,
+		tags: ['organization'],
 	},
 };