Updates to the main page UI

client/src/assets/LanguageLogo/C.js

@@ -1,10 +1,10 @@
 function C() {
   return (
-    <svg width="30px" height="30px" viewBox="0 0 128 128">
+    <svg width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
+        d="M21.0313 6.28136L21.0876 6.24386C20.9751 6.03761 20.8063 5.85011 20.6376 5.75636L11.5813 0.543848C11.4313 0.450098 11.225 0.412598 11 0.412598C10.775 0.412598 10.5688 0.468848 10.4188 0.543848L1.41875 5.77511C1.1 5.96261 0.875 6.43136 0.875 6.78761V17.2314C0.875 17.4376 0.9125 17.6626 1.04375 17.8689L1.00625 17.8876C1.1 18.0376 1.23125 18.1689 1.3625 18.2439L10.4 23.4752C10.55 23.5689 10.7563 23.6064 10.9813 23.6064C11.2063 23.6064 11.4125 23.5502 11.5625 23.4752L20.5626 18.2439C20.8813 18.0564 21.1063 17.5876 21.1063 17.2314V6.76886C21.1251 6.61886 21.1063 6.45011 21.0313 6.28136ZM11 16.5939C12.7063 16.5939 14.2063 15.6564 14.9938 14.2689L17.4125 15.6939C16.1375 17.9064 13.7375 19.4064 11 19.4064C6.91252 19.4064 3.59376 16.0876 3.59376 12.0001C3.59376 7.91262 6.91252 4.59386 11 4.59386C13.7563 4.59386 16.1563 6.11261 17.4313 8.34387L14.9938 9.75012C14.2063 8.34387 12.7063 7.40637 11 7.40637C8.46877 7.40637 6.40626 9.46887 6.40626 12.0001C6.40626 14.5314 8.46877 16.5939 11 16.5939Z"
         fill="white"
-        d="M117.5 33.5l.3-.2c-.6-1.1-1.5-2.1-2.4-2.6L67.1 2.9c-.8-.5-1.9-.7-3.1-.7-1.2 0-2.3.3-3.1.7l-48 27.9c-1.7 1-2.9 3.5-2.9 5.4v55.7c0 1.1.2 2.3.9 3.4l-.2.1c.5.8 1.2 1.5 1.9 1.9l48.2 27.9c.8.5 1.9.7 3.1.7 1.2 0 2.3-.3 3.1-.7l48-27.9c1.7-1 2.9-3.5 2.9-5.4V36.1c.1-.8 0-1.7-.4-2.6zM64 88.5c9.1 0 17.1-5 21.3-12.4l12.9 7.6c-6.8 11.8-19.6 19.8-34.2 19.8-21.8 0-39.5-17.7-39.5-39.5S42.2 24.5 64 24.5c14.7 0 27.5 8.1 34.3 20l-13 7.5C81.1 44.5 73.1 39.5 64 39.5c-13.5 0-24.5 11-24.5 24.5s11 24.5 24.5 24.5z"
-      ></path>
+      />
     </svg>
   )
 }

client/src/assets/LanguageLogo/Cplusplus.js

@@ -1,10 +1,10 @@
 function Cplusplus() {
   return (
-    <svg width="30px" height="30px" viewBox="0 0 128 128">
+    <svg width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
+        d="M21.0313 6.28136L21.0876 6.24386C20.9751 6.03761 20.8063 5.85011 20.6376 5.75636L11.5813 0.543848C11.4313 0.450098 11.225 0.412598 11 0.412598C10.775 0.412598 10.5688 0.468848 10.4188 0.543848L1.41875 5.77511C1.1 5.96261 0.875 6.43136 0.875 6.78761V17.2314C0.875 17.4376 0.9125 17.6626 1.04375 17.8689L1.00625 17.8876C1.1 18.0376 1.23125 18.1689 1.3625 18.2439L10.4 23.4752C10.55 23.5689 10.7563 23.6064 10.9813 23.6064C11.2063 23.6064 11.4125 23.5502 11.5625 23.4752L20.5626 18.2439C20.8813 18.0564 21.1063 17.5876 21.1063 17.2314V6.76886C21.1251 6.61886 21.1063 6.45011 21.0313 6.28136ZM14.375 12.3751V11.6251H15.3125V10.6876H16.25V11.6251H17.1875V12.3751H16.25V13.3126H15.3125V12.3751H14.375ZM14.9938 9.75012C14.2063 8.34387 12.7063 7.40637 11 7.40637C8.46877 7.40637 6.40626 9.46887 6.40626 12.0001C6.40626 14.5314 8.46877 16.5939 11 16.5939C12.7063 16.5939 14.2063 15.6564 14.9938 14.2689L17.4125 15.6939C16.1375 17.9064 13.7375 19.4064 11 19.4064C6.91252 19.4064 3.59376 16.0876 3.59376 12.0001C3.59376 7.91262 6.91252 4.59386 11 4.59386C13.7563 4.59386 16.1563 6.11261 17.4313 8.34387L14.9938 9.75012ZM20.5626 12.3751H19.625V13.3126H18.875V12.3751H17.75V11.6251H18.875V10.6876H19.625V11.6251H20.5626V12.3751Z"
         fill="white"
-        d="M117.5 33.5l.3-.2c-.6-1.1-1.5-2.1-2.4-2.6L67.1 2.9c-.8-.5-1.9-.7-3.1-.7-1.2 0-2.3.3-3.1.7l-48 27.9c-1.7 1-2.9 3.5-2.9 5.4v55.7c0 1.1.2 2.3.9 3.4l-.2.1c.5.8 1.2 1.5 1.9 1.9l48.2 27.9c.8.5 1.9.7 3.1.7 1.2 0 2.3-.3 3.1-.7l48-27.9c1.7-1 2.9-3.5 2.9-5.4V36.1c.1-.8 0-1.7-.4-2.6zM82 66v-4h5v-5h5v5h5v4h-5v5h-5v-5h-5zm3.3-14C81.1 44.5 73.1 39.5 64 39.5c-13.5 0-24.5 11-24.5 24.5s11 24.5 24.5 24.5c9.1 0 17.1-5 21.3-12.4l12.9 7.6c-6.8 11.8-19.6 19.8-34.2 19.8-21.8 0-39.5-17.7-39.5-39.5S42.2 24.5 64 24.5c14.7 0 27.5 8.1 34.3 20l-13 7.5zM115 66h-5v5h-4v-5h-6v-4h6v-5h4v5h5v4z"
-      ></path>
+      />
     </svg>
   )
 }

client/src/assets/LanguageLogo/Dart.js

@@ -1,14 +1,10 @@
 function Dart() {
   return (
-    <svg width="30px" height="30px" viewBox="0 0 128 128">
+    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
+        d="M4.23293 4.23284C4.23293 4.23284 8.56407 2.06856 10.7292 0.985127C11.1233 0.790866 11.5596 0.69806 11.9986 0.715127C12.6552 0.755413 13.4361 1.39056 13.4361 1.39056L21.2858 9.24113V17.6317H17.6318V21.2857H9.10493L1.39064 13.5714C0.97407 13.1428 0.714355 12.5386 0.714355 11.9471C0.714355 11.6737 0.868641 11.246 0.985213 11L4.23293 4.23284ZM4.81493 4.81484V14.918C4.81664 15.3834 4.83293 15.7957 5.24178 16.2106L9.46064 20.4286H16.7746V16.7746L4.81493 4.81484ZM15.1478 4.2337C14.3772 3.4657 13.5972 2.70798 12.7992 1.96827C12.5404 1.73941 12.3132 1.56713 11.8821 1.57227C11.5649 1.58427 11.1364 1.73941 11.1364 1.73941L6.1495 4.23284L15.1478 4.2337Z"
         fill="white"
-        d="M65.3 55.4c2.8 2.6 4.2 6.1 4.2 10.6s-1.4 8.1-4.1 10.8c-2.7 2.6-6.9 4-12.4 4h-9.8V51.7h10.1c5.2 0 9.2 1.2 12 3.7zm-4.8 17.3c1.6-1.5 2.4-3.7 2.4-6.6 0-2.9-.8-5.1-2.4-6.7-1.6-1.5-4.1-2.4-7.4-2.4h-3.8v18h4.2c3.1 0 5.4-.8 7-2.3zm32.1 8.1h-5.8V78c-1.7 2-3.6 3-6 3s-4.4-.7-6-2.1-2.4-3.2-2.4-5.5.8-4 2.5-5.1 4-1.7 6.9-1.7h4.6v-.2c0-2.4-1.2-3.6-3.8-3.6-1.1 0-2.2.2-3.4.6-1.2.4-2.2 1-3.1 1.6l-2.8-4.1c3-2.2 6.3-3.2 10.1-3.2 2.7 0 4.9.7 6.6 2.1 1.7 1.4 2.5 3.5 2.5 6.5v14.5h.1zm-6.3-8.6v-.9h-3.9c-2.5 0-3.8.7-3.8 2.2 0 .8.3 1.4.9 1.8s1.4.6 2.6.6c1.1 0 2.1-.3 2.9-1 .9-.7 1.3-1.6 1.3-2.7zm22.8-8.4c-1.9 0-3.4.6-4.3 2-.9 1.3-1.5 3.1-1.5 5.3v9.8h-6.2V58.4h6.2v2.9c.8-.9 2-1.7 3.2-2.3s2.6-1 3.9-1v5.9l-1.3-.1zm11.3-.9v9.9c0 .9.2 1.5.7 2 .4.5 1 .7 1.6.7 1.2 0 2.2-.5 3-1.6l2.3 4.4c-1.9 1.8-4 2.7-6.1 2.7-2.2 0-4-.7-5.5-2.1s-2.2-3.4-2.2-5.8V51.7h6.2V58h6.6l-3.4 5-3.2-.1zM23.1 76.5l2.8-1.3L7.1 56.4v13.9c0 .1 0 .3.1.5l15.9 5.7zm-.4-21.1c-.2 0-.4-.1-.6-.1H8.2L27 74.1l1.3-2.9-5.6-15.8zm-1.2-1.6h.8c.4 0 .8.1 1.2.2h.1l-.6-1.5-3.8-3.8c-.9-.9-2.1-1.1-2.7-.6L8 53.8h13.5z"
-      ></path>
-      <path
-        fill="white"
-        d="M27.2 56.6c-.7-.7-1.9-1.4-3.1-1.7l5.8 16.4-1.7 3.9.4.4 3.9-1.3V61.9l-5.3-5.3zM5.7 70.3V56.2L.3 64.4c-.5.6-.3 1.8.6 2.7L4.6 71l1.2.4c-.1-.4-.1-.7-.1-1.1zm17.5 7.8l-.3-.1-15.7-5.6c.4 1 .9 2.1 1.6 2.7l5.5 5.4h12.2l1.4-4.6-4.7 2.2z"
-      ></path>
+      />
     </svg>
   )
 }

client/src/assets/LanguageLogo/Html.js

@@ -1,10 +1,10 @@
 function Html() {
   return (
-    <svg width="30px" height="30px" viewBox="0 0 128 128">
+    <svg width="18" height="24" viewBox="0 0 18 24" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
+        d="M0.669189 5.06261L2.1855 21.9224L8.98969 23.7378L15.8128 21.9567L17.3308 5.06261H0.669189ZM14.1769 8.90093L14.0818 9.9948L14.04 10.5001H6.05831L6.249 12.7501H13.8503L13.7994 13.1684L13.3091 18.5889L13.2731 18.9057L9 20.0559V20.0549L8.99494 20.0572L4.72425 18.9479L4.43438 15.7501H6.52838L6.67669 17.3364L8.99888 17.9249L9 17.8811V17.8833L11.3273 17.3866L11.5703 14.8126H4.34119L3.82856 9.03086L3.7785 8.43761H14.2268L14.1769 8.90093ZM2.24175 0.305176H3.29588V1.34693H4.26038V0.305176H5.31469V3.4593H4.26038V2.40311H3.29606V3.4593H2.24175V0.305176ZM6.70088 1.35124H5.77275V0.305176H8.68369V1.35124H7.75519V3.4593H6.70088V1.35124ZM9.14569 0.305176H10.2448L10.9211 1.41349L11.5967 0.305176H12.6964V3.4593H11.6462V1.89593L10.9211 3.01736H10.9028L10.1771 1.89593V3.4593H9.1455L9.14569 0.305176ZM13.2212 0.305176H14.2757V2.4168H15.7583V3.45949H13.2212V0.305176Z"
         fill="white"
-        d="M9.032 2l10.005 112.093 44.896 12.401 45.02-12.387L118.968 2H9.032zm89.126 26.539l-.627 7.172L97.255 39H44.59l1.257 14h50.156l-.336 3.471-3.233 36.119-.238 2.27L64 102.609v.002l-.034.018-28.177-7.423L33.876 74h13.815l.979 10.919L63.957 89H64v-.546l15.355-3.875L80.959 67H33.261l-3.383-38.117L29.549 25h68.939l-.33 3.539z"
-      ></path>
+      />
     </svg>
   )
 }