From 40ab3bebb0f0dc132fffe0398a6a28a34f9d6e00 Mon Sep 17 00:00:00 2001
From: GreenMan36 <Jaspervandenbremer@gmail.com>
Date: Mon, 30 Dec 2024 12:46:44 +0100
Subject: [PATCH 1/3] Update CSS logo

As per the [new CSS Logo](https://github.com/CSS-Next/logo.css). This logo falls in line with the HTML, JS and TS logo's.
This logo uses rebeccapurple and a design language to make clear that we're past the days of CSS3.

[Click here for more information](https://github.com/CSS-Next/logo.css)
---
 public/icons/css.svg | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/public/icons/css.svg b/public/icons/css.svg
index b7494dff..238c06d2 100644
--- a/public/icons/css.svg
+++ b/public/icons/css.svg
@@ -1,8 +1,6 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.34922 44.5793L3.42188 0.528137H46.5781L42.6469 44.5727L24.9738 49.4723L7.34922 44.5793Z" fill="#1572B6"/>
-<path d="M25.0004 45.7274L39.2812 41.768L42.641 4.1297H25.0004V45.7274Z" fill="#33A9DC"/>
-<path d="M25.0004 20.0895H32.1496L32.6433 14.557H25.0004V9.1543H38.548L38.4183 10.6039L37.0902 25.4922H25.0004V20.0895Z" fill="white"/>
-<path d="M25.0324 34.1207L25.0086 34.1277L18.9918 32.5031L18.607 28.1942H13.1844L13.941 36.6774L25.0078 39.7488L25.0324 39.7418V34.1207Z" fill="#EBEBEB"/>
-<path d="M31.6902 25.2637L31.0395 32.4988L25.0137 34.1254V39.7465L36.0895 36.677L36.1707 35.7641L37.1105 25.2637H31.6902Z" fill="white"/>
-<path d="M25.0188 9.1543V14.557H11.9688L11.8606 13.343L11.6145 10.6039L11.4852 9.1543H25.0188ZM25.0004 20.0902V25.493H19.0594L18.9512 24.2789L18.7047 21.5398L18.5758 20.0902H25.0004Z" fill="#EBEBEB"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 1000 1000" role="img" aria-labelledby="css-logo-title css-logo-description">
+<title id="css-logo-title">CSS Logo Square</title>
+<desc id="css-logo-description">A purple square with the letters CSS inside in white</desc>
+<path id="bg" fill="#639" d="M0,0H1000V1000H0Z" />
+<path id="fg" fill="#fff" d="m358.1,920c-64.23-.06-103.86-36.23-103.1-102.79,0,0,0-168.39,0-168.39,0-33.74,9.88-59.4,29.64-76.96,35.49-34.19,117.83-36.27,152.59.52,21.42,18.89,29.5,57.48,27.58,93.49h-73.72c.56-14.15-.19-35.58-8.51-43.65-10.81-14.63-39.36-12.91-46.91,2.32-4.64,8.26-6.96,20.49-6.96,36.67v146.18c0,30.65,10.65,46.15,31.96,46.49,9.96,0,17.53-3.62,22.68-10.85,7.19-8.58,8.31-27.58,7.73-41.32h73.72c5.04,70.07-36.32,119.16-106.71,118.29Zm234.04,0c-71.17.98-103.01-49.66-101.04-118.29h69.59c-1.93,29.92,8.35,57.17,32.99,55.27,10.99,0,18.73-3.44,23.2-10.33,8.5-12.59,10.09-48.95-2.06-63.02-8.49-13.55-39.03-25.51-55.16-33.57-23.03-11.02-39.61-24.1-49.75-39.26-22.87-33.64-20.75-107.48,11.34-137.4,31.18-36.92,112.61-38.62,143.82-.77,19.25,19.51,27.66,57.9,26.03,93.23h-67.02c.57-14.52-.8-37.95-6.44-46.49-3.95-7.23-11.43-10.85-22.42-10.85-19.59,0-29.38,11.71-29.38,35.12.21,24.86,9.9,35.06,32.48,45.45,29.24,11.36,66.42,30.76,79.9,54.24,40.2,71.54,12.62,180.82-86.09,176.65Zm224.76,0c-71.17.98-103.01-49.66-101.04-118.29h69.59c-1.93,29.92,8.35,57.17,32.99,55.27,10.99,0,18.73-3.44,23.2-10.33,8.5-12.59,10.09-48.95-2.06-63.02-8.49-13.55-39.03-25.51-55.16-33.57-23.03-11.02-39.61-24.1-49.75-39.26-22.87-33.64-20.75-107.48,11.34-137.4,31.18-36.92,112.61-38.62,143.82-.77,19.25,19.51,27.66,57.9,26.03,93.23h-67.02c.57-14.52-.8-37.95-6.44-46.49-3.95-7.23-11.43-10.85-22.42-10.85-19.59,0-29.38,11.71-29.38,35.12.21,24.86,9.9,35.06,32.48,45.45,29.24,11.36,66.42,30.76,79.9,54.24,40.2,71.54,12.62,180.82-86.09,176.65Z" />
+</svg>
\ No newline at end of file

From 3a94c48513f577e8190288fe9b44ab65459db6e6 Mon Sep 17 00:00:00 2001
From: GreenMan36 <Jaspervandenbremer@gmail.com>
Date: Mon, 30 Dec 2024 13:09:10 +0100
Subject: [PATCH 2/3] Fix missing aria info on logo's

---
 public/icons/cpp.svg        |  4 +++-
 public/icons/css.svg        |  2 +-
 public/icons/javascript.svg |  4 +++-
 public/icons/python.svg     |  4 +++-
 public/icons/rust.svg       |  4 +++-
 public/icons/sass.svg       |  4 +++-
 src/components/Icons.tsx    | 16 ++++++++++++++++
 7 files changed, 32 insertions(+), 6 deletions(-)

diff --git a/public/icons/cpp.svg b/public/icons/cpp.svg
index 9026f0ab..7e75c38c 100644
--- a/public/icons/cpp.svg
+++ b/public/icons/cpp.svg
@@ -1,4 +1,6 @@
-<svg width="50" height="50" viewBox="0 0 256 288" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet">
+<svg width="50" height="50" viewBox="0 0 256 288" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" aria-labelledby="cpp-logo-title cpp-logo-description">
+<title id="cpp-logo-title">C++ logo</title>
+<desc id="cpp-logo-description">A two tone blue hexagon with the letters C++ inside in white</desc>
 <path d="M255.569 84.72c-.002-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.097-58.817-9.17-5.294-18.061-5.101-27.163.269C100.395 12.39 32.59 51.237 12.385 62.94 4.064 67.757.015 75.129.013 84.711 0 124.166.013 163.62 0 203.076c.002 4.724.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.269 34.015-19.64 68.075-39.198 102.105-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-.013-118.345" fill="#5C8DBC"/>
 <path d="M128.182 143.509L2.988 215.593c2.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.269 34.015-19.64 68.075-39.198 102.105-58.817 4.217-2.44 7.333-5.544 9.386-9.252l-124.413-72.074" fill="#1A4674"/>
 <path d="M91.101 164.861c7.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"/>
diff --git a/public/icons/css.svg b/public/icons/css.svg
index 238c06d2..c981c7ac 100644
--- a/public/icons/css.svg
+++ b/public/icons/css.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 1000 1000" role="img" aria-labelledby="css-logo-title css-logo-description">
+<svg width="50" height="50" viewBox="0 0 1000 1000" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="css-logo-title css-logo-description">
 <title id="css-logo-title">CSS Logo Square</title>
 <desc id="css-logo-description">A purple square with the letters CSS inside in white</desc>
 <path id="bg" fill="#639" d="M0,0H1000V1000H0Z" />
diff --git a/public/icons/javascript.svg b/public/icons/javascript.svg
index 36820bd9..25ccdbaa 100644
--- a/public/icons/javascript.svg
+++ b/public/icons/javascript.svg
@@ -1,4 +1,6 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="js-logo-title js-logo-description">
+<title id="js-logo-title">JS Logo Square</title>
+<desc id="js-logo-description">A yellow square with the letters JS inside in white</desc>
 <path d="M3.125 3.125H46.875V46.875H3.125V3.125Z" fill="#F5DE19"/>
 <path d="M32.5141 37.3047C32.8874 38.0614 33.4667 38.6974 34.1853 39.1396C34.904 39.5819 35.7328 39.8124 36.5766 39.8047C38.2797 39.8047 39.3687 38.9531 39.3687 37.7734C39.3687 36.3672 38.25 35.8641 36.375 35.0437L35.3469 34.6031C32.3781 33.3391 30.4094 31.7562 30.4094 28.4094C30.4094 25.3266 32.7531 22.9781 36.4297 22.9781C37.6198 22.8924 38.8089 23.1588 39.8486 23.7443C40.8883 24.3297 41.7327 25.2082 42.2765 26.2703L39.0625 28.325C38.853 27.7984 38.4884 27.348 38.0171 27.0332C37.5459 26.7185 36.9901 26.5543 36.4234 26.5625C36.1762 26.5377 35.9265 26.5648 35.6903 26.6418C35.454 26.7189 35.2364 26.8444 35.0514 27.0102C34.8663 27.176 34.7178 27.3785 34.6153 27.6049C34.5129 27.8313 34.4587 28.0765 34.4562 28.325C34.4562 29.5578 35.2203 30.0578 36.9844 30.825L38.0125 31.2656C41.5062 32.7641 43.4812 34.2906 43.4812 37.7234C43.4812 41.425 40.5734 43.4531 36.6687 43.4531C35.1475 43.5491 33.6309 43.2032 32.3017 42.4572C30.9724 41.7113 29.8872 40.5969 29.1766 39.2484L32.5141 37.3047ZM17.9906 37.6609C18.6359 38.8062 19.2234 39.775 20.6359 39.775C21.9859 39.775 22.8391 39.2469 22.8391 37.1922V23.2125H26.95V37.2469C26.95 41.5031 24.45 43.4406 20.8109 43.4406C19.5246 43.5109 18.2471 43.1904 17.1464 42.5211C16.0456 41.8517 15.1732 40.865 14.6437 39.6906L17.9906 37.6609Z" fill="black"/>
 </svg>
diff --git a/public/icons/python.svg b/public/icons/python.svg
index 25da3b50..3755e98e 100644
--- a/public/icons/python.svg
+++ b/public/icons/python.svg
@@ -1,4 +1,6 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="python-logo-title python-logo-description">
+<title id="python-logo-title">Python Logo</title>
+<desc id="python-logo-description">A blue and yellow snake symbol forming a plus with a somewhat circular or rounded shape</desc>
 <path d="M24.7621 4.78437C23.1129 4.79218 21.5387 4.93242 20.1528 5.17773C16.0707 5.89882 15.3301 7.4082 15.3301 10.1922V13.8684H24.9758V15.0937H11.7098C8.90666 15.0937 6.45197 16.7785 5.684 19.9848C4.79806 23.6586 4.759 25.9516 5.684 29.7879C6.36955 32.6437 8.00705 34.6781 10.8106 34.6781H14.1274V30.2711C14.1274 27.0871 16.8817 24.2789 20.1531 24.2789H29.7879C32.4699 24.2789 34.6106 22.0703 34.6106 19.3773V10.1926C34.6106 7.57812 32.4051 5.61445 29.7879 5.17812C28.1301 4.90234 26.411 4.77695 24.7621 4.78437ZM19.5457 7.74101C20.5418 7.74101 21.3559 8.56796 21.3559 9.58515C21.3559 10.598 20.5422 11.4172 19.5457 11.4172C18.5457 11.4172 17.736 10.598 17.736 9.58515C17.7356 8.56796 18.5457 7.74101 19.5457 7.74101Z" fill="url(#paint0_linear_98_155)"/>
 <path d="M35.8133 15.0937V19.3773C35.8133 22.6977 32.9977 25.4926 29.7875 25.4926H20.1527C17.5137 25.4926 15.3301 27.7516 15.3301 30.3945V39.5801C15.3301 42.1937 17.6027 43.7316 20.1527 44.4812C23.2059 45.3785 26.134 45.541 29.7875 44.4812C32.2156 43.7777 34.6102 42.3629 34.6102 39.5801V35.9035H24.9758V34.6777H39.4336C42.2367 34.6777 43.282 32.7227 44.257 29.7875C45.2641 26.766 45.2207 23.8602 44.257 19.9844C43.5641 17.1934 42.241 15.0934 39.4336 15.0934L35.8133 15.0937ZM30.3941 38.3543C31.3945 38.3543 32.2043 39.1734 32.2043 40.1871C32.2043 41.2035 31.3941 42.0305 30.3941 42.0305C29.398 42.0305 28.5844 41.2035 28.5844 40.1871C28.5844 39.1734 29.398 38.3543 30.3941 38.3543Z" fill="url(#paint1_linear_98_155)"/>
 <path opacity="0.444" d="M38.0113 46.7176C38.0113 48.1016 32.2238 49.2238 25.0851 49.2238C17.9461 49.2238 12.1586 48.1016 12.1586 46.7176C12.1586 45.3336 17.9457 44.2109 25.0851 44.2109C32.2238 44.2109 38.0113 45.3328 38.0113 46.7176Z" fill="url(#paint2_radial_98_155)"/>
diff --git a/public/icons/rust.svg b/public/icons/rust.svg
index d163ee01..3f62b3c2 100644
--- a/public/icons/rust.svg
+++ b/public/icons/rust.svg
@@ -1,5 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50px" height="50px" viewBox="0 0 50 50" version="1.1">
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="rust-logo-title rust-logo-description">
+<title id="rust-logo-title">Rust Logo</title>
+<desc id="rust-logo-description">A black gear with the letter R in the center</desc>
 <g id="surface1">
 <path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 24.671875 8.222656 C 15.621094 8.222656 8.257812 15.589844 8.257812 24.636719 C 8.257812 33.679688 15.625 41.046875 24.671875 41.046875 C 33.714844 41.046875 41.082031 33.679688 41.082031 24.636719 C 41.082031 15.589844 33.714844 8.222656 24.671875 8.222656 Z M 24.644531 9.679688 C 25.230469 9.695312 25.695312 10.175781 25.695312 10.761719 C 25.695312 11.355469 25.210938 11.839844 24.613281 11.839844 C 24.019531 11.839844 23.535156 11.355469 23.535156 10.761719 C 23.535156 10.46875 23.652344 10.1875 23.863281 9.984375 C 24.070312 9.78125 24.355469 9.671875 24.644531 9.679688 Z M 27.117188 11.457031 C 30.953125 12.175781 34.28125 14.546875 36.214844 17.9375 L 34.941406 20.8125 C 34.722656 21.308594 34.949219 21.890625 35.441406 22.113281 L 37.890625 23.203125 C 37.96875 23.96875 37.976562 24.738281 37.921875 25.507812 L 36.554688 25.507812 C 36.421875 25.507812 36.363281 25.597656 36.363281 25.730469 L 36.363281 26.355469 C 36.363281 27.828125 35.535156 28.148438 34.804688 28.230469 C 34.109375 28.308594 33.34375 27.9375 33.246094 27.515625 C 32.835938 25.210938 32.15625 24.722656 31.078125 23.871094 C 32.417969 23.023438 33.804688 21.769531 33.804688 20.097656 C 33.804688 18.289062 32.566406 17.148438 31.722656 16.589844 C 30.535156 15.808594 29.222656 15.652344 28.867188 15.652344 L 14.769531 15.652344 C 16.71875 13.476562 19.332031 12 22.203125 11.457031 L 23.867188 13.203125 C 24.242188 13.59375 24.863281 13.609375 25.257812 13.234375 Z M 11.769531 19.453125 C 12.355469 19.46875 12.820312 19.945312 12.820312 20.53125 C 12.820312 21.128906 12.335938 21.609375 11.738281 21.609375 C 11.144531 21.609375 10.660156 21.128906 10.660156 20.53125 C 10.660156 20.238281 10.777344 19.960938 10.988281 19.757812 C 11.195312 19.554688 11.480469 19.441406 11.769531 19.453125 Z M 37.515625 19.5 C 38.101562 19.515625 38.566406 19.996094 38.566406 20.578125 C 38.566406 21.175781 38.082031 21.660156 37.484375 21.660156 C 36.890625 21.660156 36.40625 21.175781 36.40625 20.578125 C 36.40625 20.289062 36.523438 20.007812 36.734375 19.804688 C 36.941406 19.601562 37.226562 19.492188 37.515625 19.5 Z M 13.804688 19.671875 L 15.6875 19.671875 L 15.6875 28.160156 L 11.890625 28.160156 C 11.417969 26.511719 11.273438 24.789062 11.457031 23.085938 L 13.785156 22.050781 C 14.28125 21.828125 14.507812 21.25 14.285156 20.753906 Z M 21.660156 19.765625 L 26.140625 19.765625 C 26.375 19.765625 27.777344 20.03125 27.777344 21.082031 C 27.777344 21.953125 26.703125 22.265625 25.816406 22.265625 L 21.65625 22.265625 Z M 21.660156 25.859375 L 25.09375 25.859375 C 25.40625 25.859375 26.769531 25.953125 27.203125 27.695312 C 27.339844 28.230469 27.640625 29.972656 27.847656 30.53125 C 28.050781 31.15625 28.882812 32.40625 29.765625 32.40625 L 35.371094 32.40625 C 34.996094 32.910156 34.585938 33.386719 34.140625 33.828125 L 31.859375 33.339844 C 31.328125 33.226562 30.804688 33.566406 30.691406 34.097656 L 30.148438 36.625 C 26.625 38.222656 22.578125 38.203125 19.070312 36.574219 L 18.527344 34.046875 C 18.414062 33.515625 17.890625 33.171875 17.359375 33.289062 L 15.128906 33.765625 C 14.714844 33.339844 14.328125 32.886719 13.976562 32.40625 L 24.832031 32.40625 C 24.953125 32.40625 25.039062 32.386719 25.039062 32.269531 L 25.039062 28.429688 C 25.039062 28.320312 24.953125 28.296875 24.832031 28.296875 L 21.65625 28.296875 Z M 16.648438 34.65625 C 17.234375 34.671875 17.699219 35.152344 17.699219 35.734375 C 17.699219 36.332031 17.214844 36.816406 16.617188 36.816406 C 16.023438 36.816406 15.539062 36.332031 15.539062 35.734375 C 15.539062 35.445312 15.65625 35.164062 15.867188 34.960938 C 16.074219 34.757812 16.359375 34.648438 16.648438 34.65625 Z M 32.640625 34.703125 C 33.222656 34.722656 33.6875 35.199219 33.6875 35.785156 C 33.6875 36.382812 33.203125 36.863281 32.609375 36.863281 C 32.011719 36.863281 31.527344 36.382812 31.527344 35.785156 C 31.527344 35.492188 31.644531 35.214844 31.855469 35.011719 C 32.0625 34.804688 32.347656 34.695312 32.640625 34.703125 Z M 32.640625 34.703125 "/>
 <path style="fill-rule:evenodd;fill:rgb(0%,0%,0%);fill-opacity:1;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(0%,0%,0%);stroke-opacity:1;stroke-miterlimit:4;" d="M 115.68375 70.95375 C 115.68375 95.6025 95.70375 115.5825 71.055 115.5825 C 46.40625 115.5825 26.415 95.6025 26.415 70.95375 C 26.415 46.305 46.40625 26.325 71.055 26.325 C 95.70375 26.325 115.68375 46.305 115.68375 70.95375 Z M 114.84 66.645 L 121.80375 70.95375 L 114.84 75.2625 L 120.825 80.85375 L 113.16375 83.7225 L 117.945 90.37125 L 109.845 91.6875 L 113.25375 99.14625 L 105.06375 98.865 L 106.9425 106.84125 L 98.955 104.9625 L 99.2475 113.1525 L 91.78875 109.755 L 90.4725 117.84375 L 83.82375 113.0625 L 80.955 120.72375 L 75.36375 114.73875 L 71.055 121.7025 L 66.735 114.73875 L 61.155 120.72375 L 58.275 113.0625 L 51.62625 117.84375 L 50.31 109.755 L 42.85125 113.1525 L 43.14375 104.9625 L 35.15625 106.84125 L 37.035 98.865 L 28.845 99.14625 L 32.25375 91.6875 L 24.165 90.37125 L 28.935 83.7225 L 21.285 80.85375 L 27.25875 75.2625 L 20.295 70.95375 L 27.25875 66.645 L 21.285 61.05375 L 28.935 58.185 L 24.165 51.525 L 32.25375 50.20875 L 28.845 42.75 L 37.035 43.0425 L 35.15625 35.055 L 43.14375 36.945 L 42.85125 28.755 L 50.31 32.1525 L 51.62625 24.06375 L 58.275 28.845 L 61.155 21.18375 L 66.735 27.1575 L 71.055 20.205 L 75.36375 27.1575 L 80.955 21.18375 L 83.82375 28.845 L 90.4725 24.06375 L 91.78875 32.1525 L 99.2475 28.755 L 98.955 36.945 L 106.9425 35.055 L 105.06375 43.0425 L 113.25375 42.75 L 109.845 50.20875 L 117.945 51.525 L 113.16375 58.185 L 120.825 61.05375 Z M 114.84 66.645 " transform="matrix(0.347222,0,0,0.347222,0,0)"/>
diff --git a/public/icons/sass.svg b/public/icons/sass.svg
index d9eeeb20..e68fea23 100644
--- a/public/icons/sass.svg
+++ b/public/icons/sass.svg
@@ -1,3 +1,5 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="scss-logo-title scss-logo-description">
+<title id="scss-logo-title">Sass or SCSS Logo</title>
+<desc id="scss-logo-description">The word Sass in pink cursive font</desc>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.476196 21.9359C0.476196 22.2105 0.557056 22.3918 0.602368 22.568C0.897681 23.7137 1.53245 24.6969 2.28557 25.5937C3.35823 26.8719 4.6719 27.9008 6.0176 28.8684C7.18479 29.7074 8.37581 30.5277 9.54768 31.3605C9.74885 31.5035 9.93909 31.668 10.1574 31.8434C9.96956 31.9449 9.81331 32.0344 9.65081 32.1168C8.10432 32.9012 6.61643 33.7805 5.24495 34.8457C4.41838 35.4879 3.61917 36.1703 3.05471 37.0621C2.14651 38.4965 1.82502 40.0246 2.50198 41.6562C2.69963 42.1328 3.0012 42.5445 3.42659 42.8488C3.56448 42.9473 3.71917 43.0449 3.88049 43.0832C4.29377 43.1805 4.71487 43.2441 5.13323 43.3211L6.31799 43.3203C7.62815 43.2035 8.82073 42.7547 9.89846 42.0109C11.5828 40.8484 12.7176 39.2898 13.2055 37.2895C13.5602 35.8355 13.5746 34.3801 13.1567 32.9328C13.1165 32.7988 13.0704 32.6666 13.0184 32.5367C12.9676 32.4066 12.9078 32.2801 12.8375 32.118L15.5235 30.5734L15.5637 30.6078C15.5149 30.7676 15.4629 30.927 15.4188 31.0883C15.0996 32.2539 14.8875 33.4398 14.9637 34.6496C15.0449 35.9387 15.4047 37.1453 16.1594 38.2223C16.7696 39.0934 18.2235 39.1258 18.8719 38.2516C19.102 37.941 19.325 37.6164 19.4926 37.2699C19.9305 36.3656 20.336 35.4453 20.7543 34.5313L20.8274 34.3641C20.7973 34.7969 20.7621 35.177 20.7461 35.5574C20.7211 36.1516 20.7559 36.7422 20.959 37.3074C21.1328 37.791 21.4285 38.1523 21.9824 38.216C22.3614 38.2594 22.6633 38.0859 22.9418 37.866C23.3732 37.5249 23.7308 37.0998 23.993 36.6164C24.7356 35.2527 25.4981 33.8973 26.1711 32.4992C26.8992 30.9871 27.536 29.4309 28.2121 27.893L28.3239 27.6203C28.4836 28.248 28.5949 28.8629 28.8 29.4449C29.0383 30.1203 29.3332 30.7797 29.6543 31.4207C29.8063 31.7234 29.7887 31.9199 29.5781 32.1738C28.6969 33.2363 27.8309 34.3117 26.9641 35.3859C26.7723 35.623 26.5813 35.8645 26.4215 36.1234C26.3246 36.287 26.2609 36.468 26.234 36.6562C26.2071 36.8295 26.2484 37.0065 26.3491 37.15C26.4498 37.2935 26.6022 37.3925 26.7742 37.4262C27.1216 37.5008 27.4777 37.5261 27.8321 37.5016C29.0418 37.4125 30.1403 36.9879 31.1114 36.2684C32.3696 35.3363 32.7735 34.0645 32.4688 32.557C32.3864 32.148 32.2406 31.7504 32.0989 31.3563C32.0352 31.1785 32.0309 31.0539 32.1469 30.8883C33.1528 29.452 34.0121 27.9281 34.8114 26.3691C34.843 26.3078 34.8754 26.2465 34.9309 26.1809C35.1899 27.5285 35.5797 28.8273 36.2781 30.0059C35.9219 30.3492 35.5692 30.6605 35.25 31.0035C34.5473 31.759 33.9379 32.5793 33.6199 33.5797C33.4832 34.0109 33.3781 34.4492 33.4391 34.9098C33.5336 35.625 34.1196 36.0898 34.8231 35.927C36.3285 35.5785 37.6281 34.8691 38.5778 33.6125C39.2168 32.7664 39.275 31.8227 39.0074 30.834C38.934 30.5652 38.8469 30.3008 38.7531 29.9926C39.1246 29.8773 39.4867 29.7391 39.8614 29.6535C41.8063 29.2098 43.7301 29.2871 45.6043 29.9895C46.6985 30.3996 47.5824 31.0859 48.1067 32.1656C48.7469 33.4855 48.393 34.7379 47.1489 35.5723C47.0328 35.65 46.9 35.7113 46.8039 35.8086C46.7732 35.8443 46.7502 35.886 46.7364 35.931C46.7226 35.9761 46.7183 36.0235 46.7239 36.0703C46.7321 36.1184 46.859 36.1785 46.9321 36.1777C47.341 36.1746 47.6727 35.9602 47.991 35.7398C48.7887 35.1879 49.3707 34.4453 49.4961 33.4676L49.5207 33.3941L49.4906 32.7574C49.4785 32.7207 49.4996 32.6844 49.4969 32.6566C49.3274 31.2328 48.5668 30.1285 47.4606 29.2629C46.1793 28.2609 44.6664 27.8484 43.0664 27.7832C41.7688 27.7273 40.4728 27.9268 39.252 28.3703C38.9016 28.4973 38.5543 28.6477 38.202 28.7895C38.1547 28.7039 38.1039 28.6219 38.0621 28.5371C37.7004 27.7965 37.2621 27.0887 37.1653 26.2395C37.0965 25.6363 37.0121 25.034 37.1555 24.4375C37.2934 23.8637 37.4731 23.2996 37.6422 22.7336C37.7293 22.4422 37.668 22.2789 37.3899 22.1477C37.2927 22.1 37.1893 22.0661 37.0828 22.0469C36.3992 21.9477 35.725 22.0043 35.0629 22.1969C34.8285 22.2652 34.6582 22.3965 34.6063 22.6559C34.5766 22.8047 34.516 22.9473 34.4739 23.0941C34.3008 23.7047 34.1781 24.327 33.8985 24.9086C33.1977 26.3676 32.3977 27.7715 31.5789 29.1652C31.4903 29.3156 31.3969 29.4633 31.2852 29.6457C30.9977 29.0441 30.691 28.5043 30.5981 27.8715C30.493 27.1559 30.4102 26.4414 30.5883 25.7313C30.7207 25.2016 30.8938 24.6816 31.0531 24.159C31.1285 23.9105 31.0938 23.7801 30.8688 23.6492C30.7551 23.5832 30.6266 23.5246 30.4985 23.5055C29.7975 23.3987 29.0813 23.4572 28.4071 23.6766C28.1949 23.7453 28.0836 23.8824 28.0188 24.1012C27.8281 24.7465 27.6656 25.4074 27.3981 26.0211C26.3145 28.5055 25.1996 30.977 24.086 33.448C23.8535 33.9641 23.5813 34.4621 23.3192 34.9645C23.2528 35.0918 23.1559 35.2039 23.0731 35.3234C23.0067 35.2449 22.9809 35.191 22.9813 35.1371C22.9832 34.8195 22.9453 34.4926 23.0059 34.1855C23.1918 33.257 23.3973 32.3324 23.6223 31.4125C23.8059 30.6523 24.0196 29.8992 24.2231 29.1441C24.2914 28.8914 24.2926 28.6551 24.111 28.4426C23.8059 28.0867 23.1684 28.0086 22.7903 28.2828L22.6231 28.3773L22.6555 28.1078C22.7352 27.5301 22.7512 26.9543 22.5926 26.3852C22.3949 25.6758 21.8887 25.2676 21.1528 25.2902C20.8098 25.3008 20.4496 25.3594 20.1321 25.4844C18.7965 26.0078 17.7696 26.9348 16.8953 28.05C16.8142 28.1535 16.7138 28.2403 16.5996 28.3055C15.4696 28.932 14.336 29.5508 13.2028 30.1719L11.9414 30.8629C11.6031 30.5402 11.2957 30.2055 10.9469 29.9215C9.88167 29.0527 8.79924 28.2055 7.72659 27.3465C6.77581 26.5852 5.85471 25.7922 5.15002 24.784C4.62581 24.034 4.28792 23.2133 4.25549 22.2859C4.21448 21.1043 4.54963 20.0246 5.1512 19.0195C5.92073 17.7336 6.97034 16.7016 8.12424 15.7668C9.34495 14.7785 10.6653 13.9395 12.0336 13.1734C13.9481 12.102 15.9172 11.1535 18.0285 10.5273C20.1934 9.88516 22.3899 9.51758 24.6555 9.77383C25.5461 9.87461 26.411 10.0785 27.2051 10.5141C27.8133 10.8473 28.3121 11.2836 28.5442 11.9656C28.7731 12.6367 28.766 13.3168 28.6074 13.9984C28.2852 15.3789 27.5293 16.5168 26.5781 17.5336C25.018 19.2004 23.1149 20.3352 20.9723 21.0848C19.7403 21.5162 18.4586 21.7897 17.1578 21.8984C16.0918 21.9879 15.0481 21.8934 14.0387 21.5227C13.3703 21.277 12.7883 20.9012 12.3203 20.3559C12.2367 20.2582 12.1297 20.1523 11.9739 20.2438C11.8211 20.3336 11.7942 20.4789 11.8453 20.6262C11.9309 20.8707 12.0098 21.1254 12.143 21.3441C12.4778 21.893 12.966 22.291 13.5035 22.6324C14.536 23.2891 15.6899 23.5098 16.8864 23.5609C18.702 23.6395 20.4735 23.3684 22.2199 22.8813C24.7133 22.1859 26.8813 20.9578 28.6199 19.0203C30.0676 17.407 31.1016 15.5863 31.3231 13.3879C31.4313 12.3148 31.316 11.2637 30.8137 10.2848C30.2688 9.22422 29.4024 8.43555 28.3664 7.89219C26.8578 7.10117 25.2297 6.64062 23.5492 6.64062H21.8656C19.8305 6.64062 17.8629 7.22383 15.9504 7.91953C14.5028 8.44648 13.0832 9.06836 11.7051 9.75664C8.70393 11.2562 5.90901 13.0645 3.61331 15.5508C2.46956 16.7895 1.5012 18.1562 0.944165 19.7656C0.776331 20.2462 0.631505 20.7345 0.510181 21.2289M11.3848 35.2965C11.2547 37.0383 10.4653 38.4504 9.17502 39.5941C8.44924 40.2371 7.61682 40.6949 6.64729 40.8559C6.29573 40.9141 5.93596 40.9281 5.59495 40.7824C5.10862 40.5746 4.99963 40.143 4.99026 39.6832C4.97581 38.9504 5.23245 38.2879 5.5844 37.6574C6.04377 36.8355 6.71721 36.209 7.43635 35.6238C8.56917 34.7016 9.79807 33.9211 11.0567 33.1844L11.1516 33.1453C11.3461 33.8641 11.4387 34.5738 11.3848 35.2965ZM21.2121 27.7266C21.1203 28.2828 21.0055 28.8395 20.843 29.3785C20.2813 31.2445 19.5598 33.0527 18.7797 34.8367C18.6356 35.1668 18.4258 35.468 18.2434 35.7809C18.2123 35.8289 18.1752 35.8728 18.1328 35.9113C17.9071 36.1344 17.693 36.1227 17.5789 35.8309C17.4461 35.4918 17.3645 35.1289 17.2942 34.7699C17.2469 34.5289 17.2582 34.2758 17.2434 34.0289C17.2586 32.2734 17.7942 30.6781 18.7028 29.193C19.0774 28.5805 19.4852 27.9969 20.1082 27.6094C20.3021 27.489 20.5118 27.3962 20.7313 27.3336C21.0633 27.2402 21.2672 27.3938 21.2121 27.7266ZM27.9168 36.2687L30.3266 33.4551C30.427 34.5 28.6508 36.5859 27.9168 36.2687ZM35.6133 34.3754C35.443 34.473 35.2574 34.5434 35.0828 34.6336C34.9231 34.7164 34.8703 34.6328 34.8656 34.4953C34.8634 34.4001 34.8756 34.3052 34.902 34.2137C35.2274 33.066 35.8262 32.0863 36.7172 31.2895L36.7797 31.2574C37.2035 32.443 36.7137 33.7449 35.6133 34.3754Z" fill="#CB6699"/>
 </svg>
diff --git a/src/components/Icons.tsx b/src/components/Icons.tsx
index 20987bde..7d5f3fd4 100644
--- a/src/components/Icons.tsx
+++ b/src/components/Icons.tsx
@@ -8,7 +8,13 @@ export const LogoIcon = ({ fillColor = ACCENT_ICON_COLOR }) => (
     viewBox="0 0 43 30"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    role="img"
+    aria-labelledby="qs-logo-title qs-logo-description"
   >
+    <title id="qs-logo-title">QuickSnip Logo</title>
+    <desc id="qs-logo-description">
+      A light blue logo with a thunderbolt in brackets
+    </desc>
     <path
       d="M11.0123 3.81725C8.81785 3.81725 7.7866 4.47726 7.9186 5.79726L8.4136 10.871C8.4301 11.0195 8.43835 11.234 8.43835 11.5145C8.43835 12.3065 8.2486 12.917 7.8691 13.346C7.4896 13.7585 6.90385 14.039 6.11185 14.1875C6.92035 14.336 7.5061 14.6165 7.8691 15.029C8.2486 15.425 8.43835 16.0273 8.43835 16.8358C8.43835 17.1163 8.4301 17.339 8.4136 17.504L7.9186 22.5778C7.8526 23.3038 8.1001 23.8153 8.6611 24.1123C9.2221 24.4093 10.0058 24.5578 11.0123 24.5578V26.216C9.52735 26.216 8.3146 25.9603 7.3741 25.4488C6.4336 24.9373 5.96335 24.071 5.96335 22.85C5.96335 22.6355 5.9716 22.4705 5.9881 22.355L6.50785 17.6525C6.52435 17.537 6.5326 17.372 6.5326 17.1575C6.5326 16.4315 6.26035 15.8953 5.71585 15.5488C5.17135 15.2023 4.18135 15.029 2.74585 15.029V13.346C4.18135 13.346 5.17135 13.181 5.71585 12.851C6.26035 12.5045 6.5326 11.9683 6.5326 11.2423C6.5326 11.0443 6.52435 10.8875 6.50785 10.772L5.9881 6.02001C5.9716 5.90451 5.96335 5.73951 5.96335 5.525C5.96335 4.304 6.4336 3.43775 7.3741 2.92625C8.3146 2.41476 9.52735 2.15901 11.0123 2.15901V3.81725Z"
       fill={fillColor}
@@ -32,7 +38,11 @@ export const SearchIcon = ({ fillColor = DEFAULT_ICON_COLOR }) => (
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    role="img"
+    aria-labelledby="search-icon-title search-icon-description"
   >
+    <title id="search-icon-title">Search icon</title>
+    <desc id="search-icon-description">A magnifying glass icon</desc>
     <path
       d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.146 15.3707 4.888 14.112C3.63 12.8533 3.00067 11.316 3 9.5C2.99933 7.684 3.62867 6.14667 4.888 4.888C6.14733 3.62933 7.68467 3 9.5 3C11.3153 3 12.853 3.62933 14.113 4.888C15.373 6.14667 16.002 7.684 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8127 13.5627 12.688 12.688C13.5633 11.8133 14.0007 10.7507 14 9.5C13.9993 8.24933 13.562 7.187 12.688 6.313C11.814 5.439 10.7513 5.00133 9.5 5C8.24867 4.99867 7.18633 5.43633 6.313 6.313C5.43967 7.18967 5.002 8.252 5 9.5C4.998 10.748 5.43567 11.8107 6.313 12.688C7.19033 13.5653 8.25267 14.0027 9.5 14Z"
       fill={fillColor}
@@ -47,7 +57,13 @@ export const GitHubIcon = ({ fillColor = DEFAULT_ICON_COLOR }) => (
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    role="img"
+    aria-labelledby="gh-logo-title gh-logo-description"
   >
+    <title id="gh-logo-title">Github Logo</title>
+    <desc id="gh-logo-description">
+      A black cat silhouette inside a white circle
+    </desc>
     <path
       d="M12 2C10.6868 2 9.38642 2.25866 8.17317 2.7612C6.95991 3.26375 5.85752 4.00035 4.92893 4.92893C3.05357 6.8043 2 9.34784 2 12C2 16.42 4.87 20.17 8.84 21.5C9.34 21.58 9.5 21.27 9.5 21V19.31C6.73 19.91 6.14 17.97 6.14 17.97C5.68 16.81 5.03 16.5 5.03 16.5C4.12 15.88 5.1 15.9 5.1 15.9C6.1 15.97 6.63 16.93 6.63 16.93C7.5 18.45 8.97 18 9.54 17.76C9.63 17.11 9.89 16.67 10.17 16.42C7.95 16.17 5.62 15.31 5.62 11.5C5.62 10.39 6 9.5 6.65 8.79C6.55 8.54 6.2 7.5 6.75 6.15C6.75 6.15 7.59 5.88 9.5 7.17C10.29 6.95 11.15 6.84 12 6.84C12.85 6.84 13.71 6.95 14.5 7.17C16.41 5.88 17.25 6.15 17.25 6.15C17.8 7.5 17.45 8.54 17.35 8.79C18 9.5 18.38 10.39 18.38 11.5C18.38 15.32 16.04 16.16 13.81 16.41C14.17 16.72 14.5 17.33 14.5 18.26V21C14.5 21.27 14.66 21.59 15.17 21.5C19.14 20.16 22 16.42 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2Z"
       fill={fillColor}

From 08a6fe6e3b67d54eda982367ab520e7e9013ed61 Mon Sep 17 00:00:00 2001
From: GreenMan36 <Jaspervandenbremer@gmail.com>
Date: Mon, 30 Dec 2024 13:09:21 +0100
Subject: [PATCH 3/3] Fix missing aria role on root container

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 19b0825a..a647eaf0 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,7 @@
     <title>QuickSnip</title>
   </head>
   <body>
-    <div id="root"></div>
+    <div id="root" role="presentation"></div>
     <div id="modal-root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>