From 5fdaf7356107c158180a8d41517e1bfed3073f87 Mon Sep 17 00:00:00 2001
From: Claudio W <cwunder@gnome.org>
Date: Sun, 1 Oct 2023 22:21:50 +0200
Subject: [PATCH] fix: merged js logos and fixed svgs (#5930)

---
 .../{color.stories.tsx => colors.stories.tsx} |  11 +-
 ...xt.stories.tsx => font-family.stories.tsx} |  11 +-
 components/__design__/hex-logos.stories.tsx   |  38 ------
 .../__design__/horizontal-logos.stories.tsx   |  27 ----
 components/__design__/js-logos.stories.tsx    |  30 -----
 components/__design__/node-logos.stories.tsx  | 121 ++++++++++++++++++
 .../__design__/platform-logos.stories.tsx     |  87 +++++++------
 .../__design__/social-logos.stories.tsx       |  95 +++++++-------
 .../__design__/stacked-logos.stories.tsx      |  40 ------
 .../static/images/logos/horizontal-dark.svg   |  39 +-----
 .../static/images/logos/horizontal-light.svg  |  39 +-----
 public/static/images/logos/js-white.svg       |  12 +-
 public/static/images/logos/platform-linux.svg |   1 +
 .../images/logos/social-github-dark.svg       |   1 +
 public/static/images/logos/social-github.svg  |   4 +-
 .../static/images/logos/social-linkedin.svg   |   2 +-
 ...ocial-mastadon.svg => social-mastodon.svg} |   0
 public/static/images/logos/social-x.svg       |   4 +-
 18 files changed, 231 insertions(+), 331 deletions(-)
 rename components/__design__/{color.stories.tsx => colors.stories.tsx} (97%)
 rename components/__design__/{text.stories.tsx => font-family.stories.tsx} (96%)
 delete mode 100644 components/__design__/hex-logos.stories.tsx
 delete mode 100644 components/__design__/horizontal-logos.stories.tsx
 delete mode 100644 components/__design__/js-logos.stories.tsx
 create mode 100644 components/__design__/node-logos.stories.tsx
 delete mode 100644 components/__design__/stacked-logos.stories.tsx
 create mode 100644 public/static/images/logos/platform-linux.svg
 create mode 100644 public/static/images/logos/social-github-dark.svg
 rename public/static/images/logos/{social-mastadon.svg => social-mastodon.svg} (100%)

diff --git a/components/__design__/color.stories.tsx b/components/__design__/colors.stories.tsx
similarity index 97%
rename from components/__design__/color.stories.tsx
rename to components/__design__/colors.stories.tsx
index eb6824f6e818e..1727c19296a16 100644
--- a/components/__design__/color.stories.tsx
+++ b/components/__design__/colors.stories.tsx
@@ -1,8 +1,6 @@
 import type { Meta as MetaObj, StoryObj } from '@storybook/react';
 import type { CSSProperties } from 'react';
 
-export const Default: StoryObj = {};
-
 const containerStyle = {
   display: 'flex',
   flexDirection: 'row',
@@ -24,9 +22,8 @@ const gridEntryStyle = {
   gap: '1rem',
 } satisfies CSSProperties;
 
-export default {
-  title: 'Design System/Colors',
-  component: () => (
+export const Colors: StoryObj = {
+  render: () => (
     <div style={containerStyle}>
       <div style={containerColorsStyle}>
         <div style={gridEntryStyle}>
@@ -102,4 +99,6 @@ export default {
       </div>
     </div>
   ),
-} as MetaObj;
+};
+
+export default { title: 'Design System' } as MetaObj;
diff --git a/components/__design__/text.stories.tsx b/components/__design__/font-family.stories.tsx
similarity index 96%
rename from components/__design__/text.stories.tsx
rename to components/__design__/font-family.stories.tsx
index b2714b20330f3..082ef6a1e6bfa 100644
--- a/components/__design__/text.stories.tsx
+++ b/components/__design__/font-family.stories.tsx
@@ -1,8 +1,6 @@
 import type { Meta as MetaObj, StoryObj } from '@storybook/react';
 import type { CSSProperties } from 'react';
 
-export const Default: StoryObj = {};
-
 const textStyles = {
   alignItems: 'center',
   display: 'flex',
@@ -14,9 +12,8 @@ const textStyles = {
   width: '100%',
 } satisfies CSSProperties;
 
-export default {
-  title: 'Design System/Text',
-  component: () => (
+export const FontFamily: StoryObj = {
+  render: () => (
     <div style={textStyles}>
       <div>
         <p className="text-xs font-regular">Text XS/Regular</p>
@@ -86,4 +83,6 @@ export default {
       </div>
     </div>
   ),
-} as MetaObj;
+};
+
+export default { title: 'Design System' } as MetaObj;
diff --git a/components/__design__/hex-logos.stories.tsx b/components/__design__/hex-logos.stories.tsx
deleted file mode 100644
index 8134fcc6bd69d..0000000000000
--- a/components/__design__/hex-logos.stories.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import type { Meta as MetaObj, StoryObj } from '@storybook/react';
-import Image from 'next/image';
-
-export const HexLogos: StoryObj = {};
-
-export default {
-  title: 'Design System/Hex Logos',
-  component: () => {
-    return (
-      <div>
-        <div>
-          <Image
-            src={`/static/images/logos/hex-white.svg`}
-            alt="Node.js"
-            width={64}
-            height={64}
-          />
-        </div>
-        <div>
-          <Image
-            src={`/static/images/logos/hex-black.svg`}
-            alt="Node.js"
-            width={64}
-            height={64}
-          />
-        </div>
-        <div>
-          <Image
-            src={`/static/images/logos/hex-green.svg`}
-            alt="Node.js"
-            width={64}
-            height={64}
-          />
-        </div>
-      </div>
-    );
-  },
-} as MetaObj;
diff --git a/components/__design__/horizontal-logos.stories.tsx b/components/__design__/horizontal-logos.stories.tsx
deleted file mode 100644
index 4246557a205f3..0000000000000
--- a/components/__design__/horizontal-logos.stories.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { Meta as MetaObj, StoryObj } from '@storybook/react';
-import Image from 'next/image';
-
-export const HorizontalLogos: StoryObj = {};
-
-export default {
-  title: 'Design System/Logos',
-  component: () => {
-    return (
-      <div>
-        <Image
-          src={`/static/images/logos/horizontal-light.svg`}
-          className="bg-black"
-          alt="Node.js"
-          width={267}
-          height={80}
-        />
-        <Image
-          src={`/static/images/logos/horizontal-dark.svg`}
-          alt="Node.js"
-          width={267}
-          height={80}
-        />
-      </div>
-    );
-  },
-} as MetaObj;
diff --git a/components/__design__/js-logos.stories.tsx b/components/__design__/js-logos.stories.tsx
deleted file mode 100644
index c33b661852977..0000000000000
--- a/components/__design__/js-logos.stories.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import type { Meta as MetaObj, StoryObj } from '@storybook/react';
-import Image from 'next/image';
-
-export const JSLogos: StoryObj = {};
-
-export default {
-  title: 'Design System/JS Logos',
-  component: () => {
-    return (
-      <div>
-        <div>
-          <Image
-            src={`/static/images/logos/js-white.svg`}
-            alt="Node.js"
-            width={30}
-            height={30}
-          />
-        </div>
-        <div>
-          <Image
-            src={`/static/images/logos/js-green.svg`}
-            alt="Node.js"
-            width={30}
-            height={30}
-          />
-        </div>
-      </div>
-    );
-  },
-} as MetaObj;
diff --git a/components/__design__/node-logos.stories.tsx b/components/__design__/node-logos.stories.tsx
new file mode 100644
index 0000000000000..4dd5184583223
--- /dev/null
+++ b/components/__design__/node-logos.stories.tsx
@@ -0,0 +1,121 @@
+import type { Meta as MetaObj, StoryObj } from '@storybook/react';
+import Image from 'next/image';
+
+export const HorizontalLogos: StoryObj = {
+  render: () => (
+    <div>
+      <div>
+        <Image
+          src={`/static/images/logos/horizontal-light.svg`}
+          className="bg-black"
+          alt="Node.js"
+          width={267}
+          height={80}
+        />
+      </div>
+      <div>
+        <Image
+          src={`/static/images/logos/horizontal-dark.svg`}
+          alt="Node.js"
+          width={267}
+          height={80}
+        />
+      </div>
+    </div>
+  ),
+};
+
+export const StackedLogos: StoryObj = {
+  render: () => (
+    <div>
+      <div>
+        <Image
+          src={`/static/images/logos/stacked-dark.svg`}
+          alt="Node.js"
+          width={267}
+          height={80}
+        />
+      </div>
+      <div>
+        <Image
+          src={`/static/images/logos/stacked-black.svg`}
+          alt="Node.js"
+          width={267}
+          height={80}
+        />
+      </div>
+      <div>
+        <Image
+          src={`/static/images/logos/stacked-white.svg`}
+          alt="Node.js"
+          width={267}
+          height={80}
+        />
+      </div>
+      <div>
+        <Image
+          src={`/static/images/logos/stacked-light.svg`}
+          alt="Node.js"
+          width={267}
+          height={80}
+        />
+      </div>
+    </div>
+  ),
+};
+
+export const JSSymbols: StoryObj = {
+  render: () => (
+    <div>
+      <div>
+        <Image
+          src={`/static/images/logos/js-white.svg`}
+          alt="Node.js"
+          width={30}
+          height={30}
+        />
+      </div>
+      <div>
+        <Image
+          src={`/static/images/logos/js-green.svg`}
+          alt="Node.js"
+          width={30}
+          height={30}
+        />
+      </div>
+    </div>
+  ),
+};
+
+export const HexSymbols: StoryObj = {
+  render: () => (
+    <div>
+      <div>
+        <Image
+          src={`/static/images/logos/hex-white.svg`}
+          alt="Node.js"
+          width={64}
+          height={64}
+        />
+      </div>
+      <div>
+        <Image
+          src={`/static/images/logos/hex-black.svg`}
+          alt="Node.js"
+          width={64}
+          height={64}
+        />
+      </div>
+      <div>
+        <Image
+          src={`/static/images/logos/hex-green.svg`}
+          alt="Node.js"
+          width={64}
+          height={64}
+        />
+      </div>
+    </div>
+  ),
+};
+
+export default { title: 'Design System/Node.js Logos' } as MetaObj;
diff --git a/components/__design__/platform-logos.stories.tsx b/components/__design__/platform-logos.stories.tsx
index fb9077222451d..790906f73fdea 100644
--- a/components/__design__/platform-logos.stories.tsx
+++ b/components/__design__/platform-logos.stories.tsx
@@ -1,46 +1,51 @@
 import type { Meta as MetaObj, StoryObj } from '@storybook/react';
 import Image from 'next/image';
 
-export const PlatformLogos: StoryObj = {};
-
-export default {
-  title: 'Design System/Platform Logos',
-  component: () => {
-    return (
+export const PlatformLogos: StoryObj = {
+  render: () => (
+    <div>
+      <div>
+        <Image
+          src="/static/images/logos/platform-linux.svg"
+          alt="Ubuntu Logo"
+          width={64}
+          height={64}
+        />
+      </div>
+      <div>
+        <Image
+          src="/static/images/logos/platform-apple.svg"
+          alt="Apple Logo"
+          width={64}
+          height={64}
+        />
+      </div>
       <div>
-        <div>
-          <Image
-            src="/static/images/logos/platform-apple.svg"
-            alt="Apple Logo"
-            width={64}
-            height={64}
-          />
-        </div>
-        <div>
-          <Image
-            src="/static/images/logos/platform-microsoft.svg"
-            alt="Microsoft Logo"
-            width={64}
-            height={64}
-          />
-        </div>
-        <div>
-          <Image
-            src="/static/images/logos/platform-homebrew.svg"
-            alt="Homebrew Logo"
-            width={64}
-            height={64}
-          />
-        </div>
-        <div>
-          <Image
-            src="/static/images/logos/platform-placeholder.svg"
-            alt="Placeholder Logo"
-            width={64}
-            height={64}
-          />
-        </div>
+        <Image
+          src="/static/images/logos/platform-microsoft.svg"
+          alt="Microsoft Logo"
+          width={64}
+          height={64}
+        />
       </div>
-    );
-  },
-} as MetaObj;
+      <div>
+        <Image
+          src="/static/images/logos/platform-homebrew.svg"
+          alt="Homebrew Logo"
+          width={64}
+          height={64}
+        />
+      </div>
+      <div>
+        <Image
+          src="/static/images/logos/platform-placeholder.svg"
+          alt="Placeholder Logo"
+          width={64}
+          height={64}
+        />
+      </div>
+    </div>
+  ),
+};
+
+export default { title: 'Design System' } as MetaObj;
diff --git a/components/__design__/social-logos.stories.tsx b/components/__design__/social-logos.stories.tsx
index 57b42f32c89f3..79e13f25ea5d4 100644
--- a/components/__design__/social-logos.stories.tsx
+++ b/components/__design__/social-logos.stories.tsx
@@ -1,54 +1,51 @@
 import type { Meta as MetaObj, StoryObj } from '@storybook/react';
 import Image from 'next/image';
 
-export const SocialLogos: StoryObj = {};
-
-export default {
-  title: 'Design System/Social Logos',
-  component: () => {
-    return (
+export const SocialMediaLogos: StoryObj = {
+  render: () => (
+    <div>
+      <div>
+        <Image
+          src="/static/images/logos/social-github.svg"
+          alt="GitHub Logo"
+          width={64}
+          height={64}
+        />
+      </div>
+      <div>
+        <Image
+          src="/static/images/logos/social-mastodon.svg"
+          alt="Mastodon Logo"
+          width={64}
+          height={64}
+        />
+      </div>
       <div>
-        <div>
-          <Image
-            src="/static/images/logos/social-github.svg"
-            alt="GitHub Logo"
-            width={64}
-            height={64}
-          />
-        </div>
-        <div>
-          <Image
-            src="/static/images/logos/social-mastadon.svg"
-            alt="Mastadon Logo"
-            width={64}
-            height={64}
-          />
-        </div>
-        <div>
-          <Image
-            src="/static/images/logos/social-linkedin.svg"
-            alt="LinkedIn Logo"
-            width={64}
-            height={64}
-          />
-        </div>
-        <div>
-          <Image
-            src="/static/images/logos/social-slack.svg"
-            alt="Slack Logo"
-            width={64}
-            height={64}
-          />
-        </div>
-        <div>
-          <Image
-            src="/static/images/logos/social-x.svg"
-            alt="X Logo"
-            width={64}
-            height={64}
-          />
-        </div>
+        <Image
+          src="/static/images/logos/social-linkedin.svg"
+          alt="LinkedIn Logo"
+          width={64}
+          height={64}
+        />
       </div>
-    );
-  },
-} as MetaObj;
+      <div>
+        <Image
+          src="/static/images/logos/social-slack.svg"
+          alt="Slack Logo"
+          width={64}
+          height={64}
+        />
+      </div>
+      <div>
+        <Image
+          src="/static/images/logos/social-x.svg"
+          alt="X Logo"
+          width={64}
+          height={64}
+        />
+      </div>
+    </div>
+  ),
+};
+
+export default { title: 'Design System' } as MetaObj;
diff --git a/components/__design__/stacked-logos.stories.tsx b/components/__design__/stacked-logos.stories.tsx
deleted file mode 100644
index ce12226e01a30..0000000000000
--- a/components/__design__/stacked-logos.stories.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import type { Meta as MetaObj, StoryObj } from '@storybook/react';
-import Image from 'next/image';
-
-export const StackedLogos: StoryObj = {};
-
-export default {
-  title: 'Design System/Stacked Logos',
-  component: () => {
-    return (
-      <div>
-        <div>
-          <Image
-            src={`/static/images/logos/stacked-dark.svg`}
-            alt="Node.js"
-            width={267}
-            height={80}
-          />
-          <Image
-            src={`/static/images/logos/stacked-black.svg`}
-            alt="Node.js"
-            width={267}
-            height={80}
-          />
-          <Image
-            src={`/static/images/logos/stacked-white.svg`}
-            alt="Node.js"
-            width={267}
-            height={80}
-          />
-          <Image
-            src={`/static/images/logos/stacked-light.svg`}
-            alt="Node.js"
-            width={267}
-            height={80}
-          />
-        </div>
-      </div>
-    );
-  },
-} as MetaObj;
diff --git a/public/static/images/logos/horizontal-dark.svg b/public/static/images/logos/horizontal-dark.svg
index 08d1d85b4bc62..bf2f5635ba473 100644
--- a/public/static/images/logos/horizontal-dark.svg
+++ b/public/static/images/logos/horizontal-dark.svg
@@ -1,38 +1 @@
-<svg width="267" height="80" viewBox="0 0 267 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_1804_2337" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="267" height="80">
-<path d="M267 0H0V79.3784H267V0Z" fill="white"/>
-</mask>
-<g mask="url(#mask0_1804_2337)">
-<path d="M234.983 78.7547C234.292 78.7547 233.648 78.5695 233.05 78.2452L226.929 74.5871C226.008 74.0776 226.469 73.8924 226.745 73.7998C227.987 73.3829 228.217 73.2903 229.506 72.5495C229.644 72.4569 229.828 72.5033 229.966 72.5959L234.66 75.4206C234.844 75.5132 235.074 75.5132 235.212 75.4206L253.575 64.7235C253.758 64.6309 253.852 64.4457 253.852 64.2143V42.8665C253.852 42.6351 253.758 42.4499 253.575 42.3573L235.212 31.7067C235.028 31.614 234.798 31.614 234.66 31.7067L216.298 42.3573C216.114 42.4499 216.022 42.6813 216.022 42.8665V64.2143C216.022 64.3995 216.114 64.6309 216.298 64.7235L221.314 67.641C224.029 69.0301 225.732 67.4094 225.732 65.7886V44.7189C225.732 44.4411 225.962 44.1633 226.285 44.1633H228.632C228.908 44.1633 229.184 44.3947 229.184 44.7189V65.7886C229.184 69.447 227.205 71.577 223.753 71.577C222.695 71.577 221.867 71.577 219.519 70.4195L214.687 67.641C213.491 66.9463 212.754 65.6498 212.754 64.2604V42.913C212.754 41.5236 213.491 40.2271 214.687 39.5324L233.05 28.8356C234.2 28.1873 235.765 28.1873 236.915 28.8356L255.278 39.5324C256.474 40.2271 257.21 41.5236 257.21 42.913V64.2604C257.21 65.6498 256.474 66.9463 255.278 67.641L236.915 78.3378C236.363 78.5695 235.673 78.7547 234.983 78.7547Z" fill="#5FA04E"/>
-<path d="M240.69 64.075C232.635 64.075 230.978 60.3704 230.978 57.2215C230.978 56.9437 231.208 56.6658 231.53 56.6658H233.923C234.2 56.6658 234.43 56.8511 234.43 57.1289C234.798 59.5831 235.856 60.7873 240.735 60.7873C244.601 60.7873 246.258 59.9074 246.258 57.8236C246.258 56.6197 245.796 55.7398 239.768 55.1377C234.752 54.6282 231.622 53.5169 231.622 49.4881C231.622 45.7374 234.752 43.5145 239.998 43.5145C245.89 43.5145 248.789 45.5521 249.157 49.9976C249.157 50.1366 249.111 50.2754 249.02 50.4144C248.926 50.507 248.789 50.5997 248.649 50.5997H246.21C245.982 50.5997 245.751 50.4144 245.705 50.1828C245.152 47.6359 243.725 46.8025 239.952 46.8025C235.718 46.8025 235.212 48.2842 235.212 49.3955C235.212 50.7384 235.81 51.1553 241.517 51.8962C247.177 52.637 249.847 53.7021 249.847 57.6845C249.847 61.7595 246.487 64.075 240.69 64.075Z" fill="#5FA04E"/>
-<path d="M267.2 41.6621C267.2 43.6071 265.588 45.2279 263.654 45.2279C261.722 45.2279 260.111 43.6533 260.111 41.6621C260.111 39.6247 261.768 38.0966 263.654 38.0966C265.542 38.0966 267.2 39.6709 267.2 41.6621ZM260.664 41.6621C260.664 43.3293 261.999 44.6722 263.608 44.6722C265.266 44.6722 266.601 43.2829 266.601 41.6621C266.601 39.9951 265.266 38.6986 263.608 38.6986C262.045 38.6986 260.664 39.9951 260.664 41.6621ZM262.321 39.6709H263.702C264.162 39.6709 265.083 39.6709 265.083 40.736C265.083 41.4769 264.621 41.6159 264.344 41.7085C264.898 41.7547 264.943 42.1254 264.989 42.6346C265.035 42.9588 265.083 43.5145 265.174 43.6997H264.344C264.344 43.5145 264.207 42.4958 264.207 42.4494C264.162 42.218 264.07 42.1254 263.794 42.1254H263.103V43.7459H262.321V39.6709ZM263.057 41.4307H263.654C264.162 41.4307 264.253 41.0603 264.253 40.875C264.253 40.3194 263.885 40.3194 263.654 40.3194H263.012V41.4307H263.057Z" fill="#5FA04E"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M43.6737 41.9539C43.6737 41.1204 43.2136 40.3334 42.4773 39.9165L23.0104 28.5712C22.6883 28.386 22.3201 28.2934 21.9519 28.2472C21.9059 28.2472 21.7679 28.2472 21.7679 28.2472C21.3997 28.2472 21.0315 28.386 20.7094 28.5712L1.19654 39.8701C0.460209 40.287 0 41.0743 0 41.9539L0.0460209 72.3315C0.0460209 72.7484 0.276126 73.165 0.644293 73.3502C1.01246 73.5819 1.47267 73.5819 1.79482 73.3502L13.3921 66.682C14.1284 66.2653 14.5886 65.4781 14.5886 64.6446V50.4282C14.5886 49.5947 15.0488 48.8074 15.7852 48.3908L20.7094 45.5197C21.0776 45.288 21.4917 45.1954 21.9059 45.1954C22.3201 45.1954 22.7343 45.288 23.0565 45.5197L27.9806 48.3908C28.7169 48.8074 29.1773 49.5947 29.1773 50.4282V64.6446C29.1773 65.4781 29.6375 66.2653 30.3738 66.682L41.8791 73.3502C42.2471 73.5819 42.7073 73.5819 43.0755 73.3502C43.4438 73.165 43.6737 72.7484 43.6737 72.3315V41.9539Z" fill="#333333"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M137.465 0.138922C137.096 -0.0463072 136.636 -0.0463072 136.314 0.138922C135.946 0.370456 135.716 0.740915 135.716 1.15768V31.2573C135.716 31.5351 135.578 31.8129 135.301 31.9984C135.025 32.1372 134.749 32.1372 134.473 31.9984L129.595 29.1735C128.859 28.7569 127.984 28.7569 127.248 29.1735L107.735 40.5188C106.999 40.9357 106.539 41.7227 106.539 42.5562V65.2004C106.539 66.0342 106.999 66.8212 107.735 67.2381L127.248 78.5834C127.984 79 128.859 79 129.595 78.5834L149.108 67.2381C149.844 66.8212 150.304 66.0342 150.304 65.2004V8.75207C150.304 7.87222 149.844 7.085 149.108 6.66824L137.465 0.138922ZM135.67 57.7451C135.67 57.9765 135.578 58.1617 135.394 58.2544L128.72 62.1444C128.536 62.237 128.306 62.237 128.122 62.1444L121.449 58.2544C121.265 58.1617 121.173 57.9303 121.173 57.7451V49.9656C121.173 49.7339 121.265 49.5487 121.449 49.4561L128.122 45.5663C128.306 45.4737 128.536 45.4737 128.72 45.5663L135.394 49.4561C135.578 49.5487 135.67 49.7803 135.67 49.9656V57.7451Z" fill="#333333"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M202.398 49.7801C203.135 49.3632 203.549 48.5762 203.549 47.7425V42.2319C203.549 41.3985 203.089 40.6112 202.398 40.1946L183.023 28.8957C182.287 28.4788 181.413 28.4788 180.676 28.8957L161.164 40.2407C160.427 40.6576 159.967 41.4449 159.967 42.2784V64.9226C159.967 65.7561 160.427 66.5434 161.164 66.96L180.538 78.0737C181.275 78.4905 182.149 78.4905 182.839 78.0737L194.575 71.4983C194.943 71.3131 195.173 70.8962 195.173 70.4793C195.173 70.0627 194.943 69.6459 194.575 69.4606L174.97 58.1153C174.602 57.8839 174.372 57.5135 174.372 57.0966V50.0117C174.372 49.5949 174.602 49.178 174.97 48.9928L181.091 45.4735C181.459 45.2421 181.919 45.2421 182.287 45.4735L188.408 48.9928C188.776 49.2245 189.006 49.5949 189.006 50.0117V55.5685C189.006 55.9853 189.236 56.4019 189.605 56.5872C189.973 56.8188 190.433 56.8188 190.801 56.5872L202.398 49.7801Z" fill="#333333"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M181.551 48.7155C181.689 48.6228 181.874 48.6228 182.012 48.7155L185.739 50.8919C185.877 50.9845 185.969 51.1235 185.969 51.3087V55.6615C185.969 55.8468 185.877 55.9858 185.739 56.0784L182.012 58.2548C181.874 58.3474 181.689 58.3474 181.551 58.2548L177.824 56.0784C177.686 55.9858 177.594 55.8468 177.594 55.6615V51.3087C177.594 51.1235 177.686 50.9845 177.824 50.8919L181.551 48.7155Z" fill="#5FA04E"/>
-<path d="M76.3012 28.9882C75.5647 28.5716 74.6903 28.5716 73.954 28.9882L54.5792 40.241C53.8429 40.6578 53.4287 41.4449 53.4287 42.2786V64.83C53.4287 65.6637 53.8889 66.4507 54.5792 66.8676L73.954 78.1203C74.6903 78.5369 75.5647 78.5369 76.3012 78.1203L95.6758 66.8676C96.4123 66.4507 96.8263 65.6637 96.8263 64.83V42.2786C96.8263 41.4449 96.3662 40.6578 95.6758 40.241L76.3012 28.9882Z" fill="url(#paint0_linear_1804_2337)"/>
-<path d="M95.7218 40.241L76.2551 28.9882C76.0709 28.8956 75.8409 28.803 75.6567 28.7568L53.843 66.3119C54.027 66.5433 54.257 66.7286 54.4872 66.8676L73.9541 78.1203C74.5062 78.4443 75.1506 78.5369 75.7488 78.3517L96.2282 40.6578C96.0901 40.4726 95.9059 40.3336 95.7218 40.241Z" fill="url(#paint1_linear_1804_2337)"/>
-<path d="M95.7224 66.8669C96.2747 66.5427 96.6889 65.9871 96.8729 65.385L75.5651 28.7098C75.013 28.6172 74.4146 28.6633 73.9085 28.9876L54.5796 40.1939L75.427 78.4437C75.7031 78.3973 76.0255 78.3046 76.3016 78.1659L95.7224 66.8669Z" fill="url(#paint2_linear_1804_2337)"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_1804_2337" x1="83.0183" y1="37.3689" x2="65.3246" y2="73.2407" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3F873F"/>
-<stop offset="0.3296" stop-color="#3F8B3D"/>
-<stop offset="0.6367" stop-color="#3E9638"/>
-<stop offset="0.9341" stop-color="#3DA92E"/>
-<stop offset="1" stop-color="#3DAE2B"/>
-</linearGradient>
-<linearGradient id="paint1_linear_1804_2337" x1="72.183" y1="56.1876" x2="121.552" y2="19.937" gradientUnits="userSpaceOnUse">
-<stop offset="0.1376" stop-color="#3F873F"/>
-<stop offset="0.4016" stop-color="#52A044"/>
-<stop offset="0.7129" stop-color="#64B749"/>
-<stop offset="0.9081" stop-color="#6ABF4B"/>
-</linearGradient>
-<linearGradient id="paint2_linear_1804_2337" x1="52.7188" y1="53.5463" x2="97.551" y2="53.5463" gradientUnits="userSpaceOnUse">
-<stop offset="0.0919165" stop-color="#6ABF4B"/>
-<stop offset="0.2871" stop-color="#64B749"/>
-<stop offset="0.5984" stop-color="#52A044"/>
-<stop offset="0.8624" stop-color="#3F873F"/>
-</linearGradient>
-</defs>
-</svg>
+<svg width="267" height="80" viewBox="0 0 267 80" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_1804_2337" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="267" height="80"><path d="M267 0H0V79.3784H267V0Z" fill="white"/></mask><g mask="url(#mask0_1804_2337)"><path d="M234.983 78.7547C234.292 78.7547 233.648 78.5695 233.05 78.2452L226.929 74.5871C226.008 74.0776 226.469 73.8924 226.745 73.7998C227.987 73.3829 228.217 73.2903 229.506 72.5495C229.644 72.4569 229.828 72.5033 229.966 72.5959L234.66 75.4206C234.844 75.5132 235.074 75.5132 235.212 75.4206L253.575 64.7235C253.758 64.6309 253.852 64.4457 253.852 64.2143V42.8665C253.852 42.6351 253.758 42.4499 253.575 42.3573L235.212 31.7067C235.028 31.614 234.798 31.614 234.66 31.7067L216.298 42.3573C216.114 42.4499 216.022 42.6813 216.022 42.8665V64.2143C216.022 64.3995 216.114 64.6309 216.298 64.7235L221.314 67.641C224.029 69.0301 225.732 67.4094 225.732 65.7886V44.7189C225.732 44.4411 225.962 44.1633 226.285 44.1633H228.632C228.908 44.1633 229.184 44.3947 229.184 44.7189V65.7886C229.184 69.447 227.205 71.577 223.753 71.577C222.695 71.577 221.867 71.577 219.519 70.4195L214.687 67.641C213.491 66.9463 212.754 65.6498 212.754 64.2604V42.913C212.754 41.5236 213.491 40.2271 214.687 39.5324L233.05 28.8356C234.2 28.1873 235.765 28.1873 236.915 28.8356L255.278 39.5324C256.474 40.2271 257.21 41.5236 257.21 42.913V64.2604C257.21 65.6498 256.474 66.9463 255.278 67.641L236.915 78.3378C236.363 78.5695 235.673 78.7547 234.983 78.7547Z" fill="#5FA04E"/><path d="M240.69 64.075C232.635 64.075 230.978 60.3704 230.978 57.2215C230.978 56.9437 231.208 56.6658 231.53 56.6658H233.923C234.2 56.6658 234.43 56.8511 234.43 57.1289C234.798 59.5831 235.856 60.7873 240.735 60.7873C244.601 60.7873 246.258 59.9074 246.258 57.8236C246.258 56.6197 245.796 55.7398 239.768 55.1377C234.752 54.6282 231.622 53.5169 231.622 49.4881C231.622 45.7374 234.752 43.5145 239.998 43.5145C245.89 43.5145 248.789 45.5521 249.157 49.9976C249.157 50.1366 249.111 50.2754 249.02 50.4144C248.926 50.507 248.789 50.5997 248.649 50.5997H246.21C245.982 50.5997 245.751 50.4144 245.705 50.1828C245.152 47.6359 243.725 46.8025 239.952 46.8025C235.718 46.8025 235.212 48.2842 235.212 49.3955C235.212 50.7384 235.81 51.1553 241.517 51.8962C247.177 52.637 249.847 53.7021 249.847 57.6845C249.847 61.7595 246.487 64.075 240.69 64.075Z" fill="#5FA04E"/><path d="M267.2 41.6621C267.2 43.6071 265.588 45.2279 263.654 45.2279C261.722 45.2279 260.111 43.6533 260.111 41.6621C260.111 39.6247 261.768 38.0966 263.654 38.0966C265.542 38.0966 267.2 39.6709 267.2 41.6621ZM260.664 41.6621C260.664 43.3293 261.999 44.6722 263.608 44.6722C265.266 44.6722 266.601 43.2829 266.601 41.6621C266.601 39.9951 265.266 38.6986 263.608 38.6986C262.045 38.6986 260.664 39.9951 260.664 41.6621ZM262.321 39.6709H263.702C264.162 39.6709 265.083 39.6709 265.083 40.736C265.083 41.4769 264.621 41.6159 264.344 41.7085C264.898 41.7547 264.943 42.1254 264.989 42.6346C265.035 42.9588 265.083 43.5145 265.174 43.6997H264.344C264.344 43.5145 264.207 42.4958 264.207 42.4494C264.162 42.218 264.07 42.1254 263.794 42.1254H263.103V43.7459H262.321V39.6709ZM263.057 41.4307H263.654C264.162 41.4307 264.253 41.0603 264.253 40.875C264.253 40.3194 263.885 40.3194 263.654 40.3194H263.012V41.4307H263.057Z" fill="#5FA04E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M43.6737 41.9539C43.6737 41.1204 43.2136 40.3334 42.4773 39.9165L23.0104 28.5712C22.6883 28.386 22.3201 28.2934 21.9519 28.2472C21.9059 28.2472 21.7679 28.2472 21.7679 28.2472C21.3997 28.2472 21.0315 28.386 20.7094 28.5712L1.19654 39.8701C0.460209 40.287 0 41.0743 0 41.9539L0.0460209 72.3315C0.0460209 72.7484 0.276126 73.165 0.644293 73.3502C1.01246 73.5819 1.47267 73.5819 1.79482 73.3502L13.3921 66.682C14.1284 66.2653 14.5886 65.4781 14.5886 64.6446V50.4282C14.5886 49.5947 15.0488 48.8074 15.7852 48.3908L20.7094 45.5197C21.0776 45.288 21.4917 45.1954 21.9059 45.1954C22.3201 45.1954 22.7343 45.288 23.0565 45.5197L27.9806 48.3908C28.7169 48.8074 29.1773 49.5947 29.1773 50.4282V64.6446C29.1773 65.4781 29.6375 66.2653 30.3738 66.682L41.8791 73.3502C42.2471 73.5819 42.7073 73.5819 43.0755 73.3502C43.4438 73.165 43.6737 72.7484 43.6737 72.3315V41.9539Z" fill="#333333"/><path fill-rule="evenodd" clip-rule="evenodd" d="M137.465 0.138922C137.096 -0.0463072 136.636 -0.0463072 136.314 0.138922C135.946 0.370456 135.716 0.740915 135.716 1.15768V31.2573C135.716 31.5351 135.578 31.8129 135.301 31.9984C135.025 32.1372 134.749 32.1372 134.473 31.9984L129.595 29.1735C128.859 28.7569 127.984 28.7569 127.248 29.1735L107.735 40.5188C106.999 40.9357 106.539 41.7227 106.539 42.5562V65.2004C106.539 66.0342 106.999 66.8212 107.735 67.2381L127.248 78.5834C127.984 79 128.859 79 129.595 78.5834L149.108 67.2381C149.844 66.8212 150.304 66.0342 150.304 65.2004V8.75207C150.304 7.87222 149.844 7.085 149.108 6.66824L137.465 0.138922ZM135.67 57.7451C135.67 57.9765 135.578 58.1617 135.394 58.2544L128.72 62.1444C128.536 62.237 128.306 62.237 128.122 62.1444L121.449 58.2544C121.265 58.1617 121.173 57.9303 121.173 57.7451V49.9656C121.173 49.7339 121.265 49.5487 121.449 49.4561L128.122 45.5663C128.306 45.4737 128.536 45.4737 128.72 45.5663L135.394 49.4561C135.578 49.5487 135.67 49.7803 135.67 49.9656V57.7451Z" fill="#333333"/><path fill-rule="evenodd" clip-rule="evenodd" d="M202.398 49.7801C203.135 49.3632 203.549 48.5762 203.549 47.7425V42.2319C203.549 41.3985 203.089 40.6112 202.398 40.1946L183.023 28.8957C182.287 28.4788 181.413 28.4788 180.676 28.8957L161.164 40.2407C160.427 40.6576 159.967 41.4449 159.967 42.2784V64.9226C159.967 65.7561 160.427 66.5434 161.164 66.96L180.538 78.0737C181.275 78.4905 182.149 78.4905 182.839 78.0737L194.575 71.4983C194.943 71.3131 195.173 70.8962 195.173 70.4793C195.173 70.0627 194.943 69.6459 194.575 69.4606L174.97 58.1153C174.602 57.8839 174.372 57.5135 174.372 57.0966V50.0117C174.372 49.5949 174.602 49.178 174.97 48.9928L181.091 45.4735C181.459 45.2421 181.919 45.2421 182.287 45.4735L188.408 48.9928C188.776 49.2245 189.006 49.5949 189.006 50.0117V55.5685C189.006 55.9853 189.236 56.4019 189.605 56.5872C189.973 56.8188 190.433 56.8188 190.801 56.5872L202.398 49.7801Z" fill="#333333"/><path fill-rule="evenodd" clip-rule="evenodd" d="M181.551 48.7155C181.689 48.6228 181.874 48.6228 182.012 48.7155L185.739 50.8919C185.877 50.9845 185.969 51.1235 185.969 51.3087V55.6615C185.969 55.8468 185.877 55.9858 185.739 56.0784L182.012 58.2548C181.874 58.3474 181.689 58.3474 181.551 58.2548L177.824 56.0784C177.686 55.9858 177.594 55.8468 177.594 55.6615V51.3087C177.594 51.1235 177.686 50.9845 177.824 50.8919L181.551 48.7155Z" fill="#5FA04E"/><path d="M76.3012 28.9882C75.5647 28.5716 74.6903 28.5716 73.954 28.9882L54.5792 40.241C53.8429 40.6578 53.4287 41.4449 53.4287 42.2786V64.83C53.4287 65.6637 53.8889 66.4507 54.5792 66.8676L73.954 78.1203C74.6903 78.5369 75.5647 78.5369 76.3012 78.1203L95.6758 66.8676C96.4123 66.4507 96.8263 65.6637 96.8263 64.83V42.2786C96.8263 41.4449 96.3662 40.6578 95.6758 40.241L76.3012 28.9882Z" fill="url(#paint0_linear_1804_2337)"/><path d="M95.7218 40.241L76.2551 28.9882C76.0709 28.8956 75.8409 28.803 75.6567 28.7568L53.843 66.3119C54.027 66.5433 54.257 66.7286 54.4872 66.8676L73.9541 78.1203C74.5062 78.4443 75.1506 78.5369 75.7488 78.3517L96.2282 40.6578C96.0901 40.4726 95.9059 40.3336 95.7218 40.241Z" fill="url(#paint1_linear_1804_2337)"/><path d="M95.7224 66.8669C96.2747 66.5427 96.6889 65.9871 96.8729 65.385L75.5651 28.7098C75.013 28.6172 74.4146 28.6633 73.9085 28.9876L54.5796 40.1939L75.427 78.4437C75.7031 78.3973 76.0255 78.3046 76.3016 78.1659L95.7224 66.8669Z" fill="url(#paint2_linear_1804_2337)"/></g><defs><linearGradient id="paint0_linear_1804_2337" x1="83.0183" y1="37.3689" x2="65.3246" y2="73.2407" gradientUnits="userSpaceOnUse"><stop stop-color="#3F873F"/><stop offset="0.3296" stop-color="#3F8B3D"/><stop offset="0.6367" stop-color="#3E9638"/><stop offset="0.9341" stop-color="#3DA92E"/><stop offset="1" stop-color="#3DAE2B"/></linearGradient><linearGradient id="paint1_linear_1804_2337" x1="72.183" y1="56.1876" x2="121.552" y2="19.937" gradientUnits="userSpaceOnUse"><stop offset="0.1376" stop-color="#3F873F"/><stop offset="0.4016" stop-color="#52A044"/><stop offset="0.7129" stop-color="#64B749"/><stop offset="0.9081" stop-color="#6ABF4B"/></linearGradient><linearGradient id="paint2_linear_1804_2337" x1="52.7188" y1="53.5463" x2="97.551" y2="53.5463" gradientUnits="userSpaceOnUse"><stop offset="0.0919165" stop-color="#6ABF4B"/><stop offset="0.2871" stop-color="#64B749"/><stop offset="0.5984" stop-color="#52A044"/><stop offset="0.8624" stop-color="#3F873F"/></linearGradient></defs></svg>
diff --git a/public/static/images/logos/horizontal-light.svg b/public/static/images/logos/horizontal-light.svg
index bd735e842ff00..d976f17b7ca41 100644
--- a/public/static/images/logos/horizontal-light.svg
+++ b/public/static/images/logos/horizontal-light.svg
@@ -1,38 +1 @@
-<svg width="267" height="80" viewBox="0 0 267 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_1803_3458" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="267" height="80">
-<path d="M267 0H0V79.3784H267V0Z" fill="white"/>
-</mask>
-<g mask="url(#mask0_1803_3458)">
-<path d="M234.983 78.7547C234.292 78.7547 233.648 78.5695 233.05 78.2452L226.929 74.5871C226.008 74.0776 226.469 73.8924 226.745 73.7998C227.987 73.3829 228.217 73.2903 229.506 72.5495C229.644 72.4569 229.828 72.5033 229.966 72.5959L234.66 75.4206C234.844 75.5132 235.074 75.5132 235.212 75.4206L253.575 64.7235C253.758 64.6309 253.852 64.4457 253.852 64.2143V42.8665C253.852 42.6351 253.758 42.4499 253.575 42.3573L235.212 31.7067C235.028 31.614 234.798 31.614 234.66 31.7067L216.298 42.3573C216.114 42.4499 216.022 42.6813 216.022 42.8665V64.2143C216.022 64.3995 216.114 64.6309 216.298 64.7235L221.314 67.641C224.029 69.0301 225.732 67.4094 225.732 65.7886V44.7189C225.732 44.4411 225.962 44.1633 226.285 44.1633H228.632C228.908 44.1633 229.184 44.3947 229.184 44.7189V65.7886C229.184 69.447 227.205 71.577 223.753 71.577C222.695 71.577 221.867 71.577 219.519 70.4195L214.687 67.641C213.491 66.9463 212.754 65.6498 212.754 64.2604V42.913C212.754 41.5236 213.491 40.2271 214.687 39.5324L233.05 28.8356C234.2 28.1873 235.765 28.1873 236.915 28.8356L255.278 39.5324C256.474 40.2271 257.21 41.5236 257.21 42.913V64.2604C257.21 65.6498 256.474 66.9463 255.278 67.641L236.915 78.3378C236.363 78.5695 235.673 78.7547 234.983 78.7547Z" fill="#5FA04E"/>
-<path d="M240.69 64.075C232.635 64.075 230.978 60.3704 230.978 57.2215C230.978 56.9437 231.208 56.6658 231.53 56.6658H233.923C234.2 56.6658 234.43 56.8511 234.43 57.1289C234.798 59.5831 235.856 60.7873 240.735 60.7873C244.601 60.7873 246.258 59.9074 246.258 57.8236C246.258 56.6197 245.796 55.7398 239.768 55.1377C234.752 54.6282 231.622 53.5169 231.622 49.4881C231.622 45.7374 234.752 43.5145 239.998 43.5145C245.89 43.5145 248.789 45.5521 249.157 49.9976C249.157 50.1366 249.111 50.2754 249.02 50.4144C248.926 50.507 248.789 50.5997 248.649 50.5997H246.21C245.982 50.5997 245.751 50.4144 245.705 50.1828C245.152 47.6359 243.725 46.8025 239.952 46.8025C235.718 46.8025 235.212 48.2842 235.212 49.3955C235.212 50.7384 235.81 51.1553 241.517 51.8962C247.177 52.637 249.847 53.7021 249.847 57.6845C249.847 61.7595 246.487 64.075 240.69 64.075Z" fill="#5FA04E"/>
-<path d="M267.2 41.6621C267.2 43.6071 265.588 45.2279 263.654 45.2279C261.722 45.2279 260.111 43.6533 260.111 41.6621C260.111 39.6247 261.768 38.0966 263.654 38.0966C265.542 38.0966 267.2 39.6709 267.2 41.6621ZM260.664 41.6621C260.664 43.3293 261.999 44.6722 263.608 44.6722C265.266 44.6722 266.601 43.2829 266.601 41.6621C266.601 39.9951 265.266 38.6986 263.608 38.6986C262.045 38.6986 260.664 39.9951 260.664 41.6621ZM262.321 39.6709H263.702C264.162 39.6709 265.083 39.6709 265.083 40.736C265.083 41.4769 264.621 41.6159 264.344 41.7085C264.898 41.7547 264.943 42.1254 264.989 42.6346C265.035 42.9588 265.083 43.5145 265.174 43.6997H264.344C264.344 43.5145 264.207 42.4958 264.207 42.4494C264.162 42.218 264.07 42.1254 263.794 42.1254H263.103V43.7459H262.321V39.6709ZM263.057 41.4307H263.654C264.162 41.4307 264.253 41.0603 264.253 40.875C264.253 40.3194 263.885 40.3194 263.654 40.3194H263.012V41.4307H263.057Z" fill="#5FA04E"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M43.6737 41.9539C43.6737 41.1204 43.2136 40.3334 42.4773 39.9165L23.0104 28.5712C22.6883 28.386 22.3201 28.2934 21.9519 28.2472C21.9059 28.2472 21.7679 28.2472 21.7679 28.2472C21.3997 28.2472 21.0315 28.386 20.7094 28.5712L1.19654 39.8701C0.460209 40.287 0 41.0743 0 41.9539L0.0460209 72.3315C0.0460209 72.7484 0.276126 73.165 0.644293 73.3502C1.01246 73.5819 1.47267 73.5819 1.79482 73.3502L13.3921 66.682C14.1284 66.2653 14.5886 65.4781 14.5886 64.6446V50.4282C14.5886 49.5947 15.0488 48.8074 15.7852 48.3908L20.7094 45.5197C21.0776 45.288 21.4917 45.1954 21.9059 45.1954C22.3201 45.1954 22.7343 45.288 23.0565 45.5197L27.9806 48.3908C28.7169 48.8074 29.1773 49.5947 29.1773 50.4282V64.6446C29.1773 65.4781 29.6375 66.2653 30.3738 66.682L41.8791 73.3502C42.2471 73.5819 42.7073 73.5819 43.0755 73.3502C43.4438 73.165 43.6737 72.7484 43.6737 72.3315V41.9539Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M137.465 0.138922C137.096 -0.0463072 136.636 -0.0463072 136.314 0.138922C135.946 0.370456 135.716 0.740915 135.716 1.15768V31.2573C135.716 31.5351 135.578 31.8129 135.301 31.9984C135.025 32.1372 134.749 32.1372 134.473 31.9984L129.595 29.1735C128.859 28.7569 127.984 28.7569 127.248 29.1735L107.735 40.5188C106.999 40.9357 106.539 41.7227 106.539 42.5562V65.2004C106.539 66.0342 106.999 66.8212 107.735 67.2381L127.248 78.5834C127.984 79 128.859 79 129.595 78.5834L149.108 67.2381C149.844 66.8212 150.304 66.0342 150.304 65.2004V8.75207C150.304 7.87222 149.844 7.085 149.108 6.66824L137.465 0.138922ZM135.67 57.7451C135.67 57.9765 135.578 58.1617 135.394 58.2544L128.72 62.1444C128.536 62.237 128.306 62.237 128.122 62.1444L121.449 58.2544C121.265 58.1617 121.173 57.9303 121.173 57.7451V49.9656C121.173 49.7339 121.265 49.5487 121.449 49.4561L128.122 45.5663C128.306 45.4737 128.536 45.4737 128.72 45.5663L135.394 49.4561C135.578 49.5487 135.67 49.7803 135.67 49.9656V57.7451Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M202.398 49.7801C203.135 49.3632 203.549 48.5762 203.549 47.7425V42.2319C203.549 41.3985 203.089 40.6112 202.398 40.1946L183.023 28.8957C182.287 28.4788 181.413 28.4788 180.676 28.8957L161.164 40.2407C160.427 40.6576 159.967 41.4449 159.967 42.2784V64.9226C159.967 65.7561 160.427 66.5434 161.164 66.96L180.538 78.0737C181.275 78.4905 182.149 78.4905 182.839 78.0737L194.575 71.4983C194.943 71.3131 195.173 70.8962 195.173 70.4793C195.173 70.0627 194.943 69.6459 194.575 69.4606L174.97 58.1153C174.602 57.8839 174.372 57.5135 174.372 57.0966V50.0117C174.372 49.5949 174.602 49.178 174.97 48.9928L181.091 45.4735C181.459 45.2421 181.919 45.2421 182.287 45.4735L188.408 48.9928C188.776 49.2245 189.006 49.5949 189.006 50.0117V55.5685C189.006 55.9853 189.236 56.4019 189.605 56.5872C189.973 56.8188 190.433 56.8188 190.801 56.5872L202.398 49.7801Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M181.551 48.7155C181.689 48.6228 181.874 48.6228 182.012 48.7155L185.739 50.8919C185.877 50.9845 185.969 51.1235 185.969 51.3087V55.6615C185.969 55.8468 185.877 55.9858 185.739 56.0784L182.012 58.2548C181.874 58.3474 181.689 58.3474 181.551 58.2548L177.824 56.0784C177.686 55.9858 177.594 55.8468 177.594 55.6615V51.3087C177.594 51.1235 177.686 50.9845 177.824 50.8919L181.551 48.7155Z" fill="#5FA04E"/>
-<path d="M76.3012 28.9882C75.5647 28.5716 74.6903 28.5716 73.954 28.9882L54.5792 40.241C53.8429 40.6578 53.4287 41.4449 53.4287 42.2786V64.83C53.4287 65.6637 53.8889 66.4507 54.5792 66.8676L73.954 78.1203C74.6903 78.5369 75.5647 78.5369 76.3012 78.1203L95.6758 66.8676C96.4123 66.4507 96.8263 65.6637 96.8263 64.83V42.2786C96.8263 41.4449 96.3662 40.6578 95.6758 40.241L76.3012 28.9882Z" fill="url(#paint0_linear_1803_3458)"/>
-<path d="M95.7221 40.241L76.2554 28.9882C76.0714 28.8956 75.8412 28.803 75.6572 28.7568L53.8433 66.3119C54.0273 66.5433 54.2575 66.7286 54.4874 66.8676L73.9544 78.1203C74.5067 78.4443 75.1508 78.5369 75.749 78.3517L96.2284 40.6578C96.0904 40.4726 95.9063 40.3336 95.7221 40.241Z" fill="url(#paint1_linear_1803_3458)"/>
-<path d="M95.7224 66.8669C96.2747 66.5427 96.6889 65.9871 96.8729 65.385L75.5651 28.7098C75.013 28.6172 74.4146 28.6633 73.9085 28.9876L54.5796 40.1939L75.427 78.4437C75.7031 78.3973 76.0255 78.3046 76.3016 78.1659L95.7224 66.8669Z" fill="url(#paint2_linear_1803_3458)"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_1803_3458" x1="83.0183" y1="37.3689" x2="65.3246" y2="73.2407" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3F873F"/>
-<stop offset="0.3296" stop-color="#3F8B3D"/>
-<stop offset="0.6367" stop-color="#3E9638"/>
-<stop offset="0.9341" stop-color="#3DA92E"/>
-<stop offset="1" stop-color="#3DAE2B"/>
-</linearGradient>
-<linearGradient id="paint1_linear_1803_3458" x1="72.1833" y1="56.1876" x2="121.552" y2="19.937" gradientUnits="userSpaceOnUse">
-<stop offset="0.1376" stop-color="#3F873F"/>
-<stop offset="0.4016" stop-color="#52A044"/>
-<stop offset="0.7129" stop-color="#64B749"/>
-<stop offset="0.9081" stop-color="#6ABF4B"/>
-</linearGradient>
-<linearGradient id="paint2_linear_1803_3458" x1="52.7188" y1="53.5463" x2="97.551" y2="53.5463" gradientUnits="userSpaceOnUse">
-<stop offset="0.0919165" stop-color="#6ABF4B"/>
-<stop offset="0.2871" stop-color="#64B749"/>
-<stop offset="0.5984" stop-color="#52A044"/>
-<stop offset="0.8624" stop-color="#3F873F"/>
-</linearGradient>
-</defs>
-</svg>
+<svg width="267" height="80" viewBox="0 0 267 80" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_1803_3458" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="267" height="80"><path d="M267 0H0V79.3784H267V0Z" fill="white"/></mask><g mask="url(#mask0_1803_3458)"><path d="M234.983 78.7547C234.292 78.7547 233.648 78.5695 233.05 78.2452L226.929 74.5871C226.008 74.0776 226.469 73.8924 226.745 73.7998C227.987 73.3829 228.217 73.2903 229.506 72.5495C229.644 72.4569 229.828 72.5033 229.966 72.5959L234.66 75.4206C234.844 75.5132 235.074 75.5132 235.212 75.4206L253.575 64.7235C253.758 64.6309 253.852 64.4457 253.852 64.2143V42.8665C253.852 42.6351 253.758 42.4499 253.575 42.3573L235.212 31.7067C235.028 31.614 234.798 31.614 234.66 31.7067L216.298 42.3573C216.114 42.4499 216.022 42.6813 216.022 42.8665V64.2143C216.022 64.3995 216.114 64.6309 216.298 64.7235L221.314 67.641C224.029 69.0301 225.732 67.4094 225.732 65.7886V44.7189C225.732 44.4411 225.962 44.1633 226.285 44.1633H228.632C228.908 44.1633 229.184 44.3947 229.184 44.7189V65.7886C229.184 69.447 227.205 71.577 223.753 71.577C222.695 71.577 221.867 71.577 219.519 70.4195L214.687 67.641C213.491 66.9463 212.754 65.6498 212.754 64.2604V42.913C212.754 41.5236 213.491 40.2271 214.687 39.5324L233.05 28.8356C234.2 28.1873 235.765 28.1873 236.915 28.8356L255.278 39.5324C256.474 40.2271 257.21 41.5236 257.21 42.913V64.2604C257.21 65.6498 256.474 66.9463 255.278 67.641L236.915 78.3378C236.363 78.5695 235.673 78.7547 234.983 78.7547Z" fill="#5FA04E"/><path d="M240.69 64.075C232.635 64.075 230.978 60.3704 230.978 57.2215C230.978 56.9437 231.208 56.6658 231.53 56.6658H233.923C234.2 56.6658 234.43 56.8511 234.43 57.1289C234.798 59.5831 235.856 60.7873 240.735 60.7873C244.601 60.7873 246.258 59.9074 246.258 57.8236C246.258 56.6197 245.796 55.7398 239.768 55.1377C234.752 54.6282 231.622 53.5169 231.622 49.4881C231.622 45.7374 234.752 43.5145 239.998 43.5145C245.89 43.5145 248.789 45.5521 249.157 49.9976C249.157 50.1366 249.111 50.2754 249.02 50.4144C248.926 50.507 248.789 50.5997 248.649 50.5997H246.21C245.982 50.5997 245.751 50.4144 245.705 50.1828C245.152 47.6359 243.725 46.8025 239.952 46.8025C235.718 46.8025 235.212 48.2842 235.212 49.3955C235.212 50.7384 235.81 51.1553 241.517 51.8962C247.177 52.637 249.847 53.7021 249.847 57.6845C249.847 61.7595 246.487 64.075 240.69 64.075Z" fill="#5FA04E"/><path d="M267.2 41.6621C267.2 43.6071 265.588 45.2279 263.654 45.2279C261.722 45.2279 260.111 43.6533 260.111 41.6621C260.111 39.6247 261.768 38.0966 263.654 38.0966C265.542 38.0966 267.2 39.6709 267.2 41.6621ZM260.664 41.6621C260.664 43.3293 261.999 44.6722 263.608 44.6722C265.266 44.6722 266.601 43.2829 266.601 41.6621C266.601 39.9951 265.266 38.6986 263.608 38.6986C262.045 38.6986 260.664 39.9951 260.664 41.6621ZM262.321 39.6709H263.702C264.162 39.6709 265.083 39.6709 265.083 40.736C265.083 41.4769 264.621 41.6159 264.344 41.7085C264.898 41.7547 264.943 42.1254 264.989 42.6346C265.035 42.9588 265.083 43.5145 265.174 43.6997H264.344C264.344 43.5145 264.207 42.4958 264.207 42.4494C264.162 42.218 264.07 42.1254 263.794 42.1254H263.103V43.7459H262.321V39.6709ZM263.057 41.4307H263.654C264.162 41.4307 264.253 41.0603 264.253 40.875C264.253 40.3194 263.885 40.3194 263.654 40.3194H263.012V41.4307H263.057Z" fill="#5FA04E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M43.6737 41.9539C43.6737 41.1204 43.2136 40.3334 42.4773 39.9165L23.0104 28.5712C22.6883 28.386 22.3201 28.2934 21.9519 28.2472C21.9059 28.2472 21.7679 28.2472 21.7679 28.2472C21.3997 28.2472 21.0315 28.386 20.7094 28.5712L1.19654 39.8701C0.460209 40.287 0 41.0743 0 41.9539L0.0460209 72.3315C0.0460209 72.7484 0.276126 73.165 0.644293 73.3502C1.01246 73.5819 1.47267 73.5819 1.79482 73.3502L13.3921 66.682C14.1284 66.2653 14.5886 65.4781 14.5886 64.6446V50.4282C14.5886 49.5947 15.0488 48.8074 15.7852 48.3908L20.7094 45.5197C21.0776 45.288 21.4917 45.1954 21.9059 45.1954C22.3201 45.1954 22.7343 45.288 23.0565 45.5197L27.9806 48.3908C28.7169 48.8074 29.1773 49.5947 29.1773 50.4282V64.6446C29.1773 65.4781 29.6375 66.2653 30.3738 66.682L41.8791 73.3502C42.2471 73.5819 42.7073 73.5819 43.0755 73.3502C43.4438 73.165 43.6737 72.7484 43.6737 72.3315V41.9539Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M137.465 0.138922C137.096 -0.0463072 136.636 -0.0463072 136.314 0.138922C135.946 0.370456 135.716 0.740915 135.716 1.15768V31.2573C135.716 31.5351 135.578 31.8129 135.301 31.9984C135.025 32.1372 134.749 32.1372 134.473 31.9984L129.595 29.1735C128.859 28.7569 127.984 28.7569 127.248 29.1735L107.735 40.5188C106.999 40.9357 106.539 41.7227 106.539 42.5562V65.2004C106.539 66.0342 106.999 66.8212 107.735 67.2381L127.248 78.5834C127.984 79 128.859 79 129.595 78.5834L149.108 67.2381C149.844 66.8212 150.304 66.0342 150.304 65.2004V8.75207C150.304 7.87222 149.844 7.085 149.108 6.66824L137.465 0.138922ZM135.67 57.7451C135.67 57.9765 135.578 58.1617 135.394 58.2544L128.72 62.1444C128.536 62.237 128.306 62.237 128.122 62.1444L121.449 58.2544C121.265 58.1617 121.173 57.9303 121.173 57.7451V49.9656C121.173 49.7339 121.265 49.5487 121.449 49.4561L128.122 45.5663C128.306 45.4737 128.536 45.4737 128.72 45.5663L135.394 49.4561C135.578 49.5487 135.67 49.7803 135.67 49.9656V57.7451Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M202.398 49.7801C203.135 49.3632 203.549 48.5762 203.549 47.7425V42.2319C203.549 41.3985 203.089 40.6112 202.398 40.1946L183.023 28.8957C182.287 28.4788 181.413 28.4788 180.676 28.8957L161.164 40.2407C160.427 40.6576 159.967 41.4449 159.967 42.2784V64.9226C159.967 65.7561 160.427 66.5434 161.164 66.96L180.538 78.0737C181.275 78.4905 182.149 78.4905 182.839 78.0737L194.575 71.4983C194.943 71.3131 195.173 70.8962 195.173 70.4793C195.173 70.0627 194.943 69.6459 194.575 69.4606L174.97 58.1153C174.602 57.8839 174.372 57.5135 174.372 57.0966V50.0117C174.372 49.5949 174.602 49.178 174.97 48.9928L181.091 45.4735C181.459 45.2421 181.919 45.2421 182.287 45.4735L188.408 48.9928C188.776 49.2245 189.006 49.5949 189.006 50.0117V55.5685C189.006 55.9853 189.236 56.4019 189.605 56.5872C189.973 56.8188 190.433 56.8188 190.801 56.5872L202.398 49.7801Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M181.551 48.7155C181.689 48.6228 181.874 48.6228 182.012 48.7155L185.739 50.8919C185.877 50.9845 185.969 51.1235 185.969 51.3087V55.6615C185.969 55.8468 185.877 55.9858 185.739 56.0784L182.012 58.2548C181.874 58.3474 181.689 58.3474 181.551 58.2548L177.824 56.0784C177.686 55.9858 177.594 55.8468 177.594 55.6615V51.3087C177.594 51.1235 177.686 50.9845 177.824 50.8919L181.551 48.7155Z" fill="#5FA04E"/><path d="M76.3012 28.9882C75.5647 28.5716 74.6903 28.5716 73.954 28.9882L54.5792 40.241C53.8429 40.6578 53.4287 41.4449 53.4287 42.2786V64.83C53.4287 65.6637 53.8889 66.4507 54.5792 66.8676L73.954 78.1203C74.6903 78.5369 75.5647 78.5369 76.3012 78.1203L95.6758 66.8676C96.4123 66.4507 96.8263 65.6637 96.8263 64.83V42.2786C96.8263 41.4449 96.3662 40.6578 95.6758 40.241L76.3012 28.9882Z" fill="url(#paint0_linear_1803_3458)"/><path d="M95.7221 40.241L76.2554 28.9882C76.0714 28.8956 75.8412 28.803 75.6572 28.7568L53.8433 66.3119C54.0273 66.5433 54.2575 66.7286 54.4874 66.8676L73.9544 78.1203C74.5067 78.4443 75.1508 78.5369 75.749 78.3517L96.2284 40.6578C96.0904 40.4726 95.9063 40.3336 95.7221 40.241Z" fill="url(#paint1_linear_1803_3458)"/><path d="M95.7224 66.8669C96.2747 66.5427 96.6889 65.9871 96.8729 65.385L75.5651 28.7098C75.013 28.6172 74.4146 28.6633 73.9085 28.9876L54.5796 40.1939L75.427 78.4437C75.7031 78.3973 76.0255 78.3046 76.3016 78.1659L95.7224 66.8669Z" fill="url(#paint2_linear_1803_3458)"/></g><defs><linearGradient id="paint0_linear_1803_3458" x1="83.0183" y1="37.3689" x2="65.3246" y2="73.2407" gradientUnits="userSpaceOnUse"><stop stop-color="#3F873F"/><stop offset="0.3296" stop-color="#3F8B3D"/><stop offset="0.6367" stop-color="#3E9638"/><stop offset="0.9341" stop-color="#3DA92E"/><stop offset="1" stop-color="#3DAE2B"/></linearGradient><linearGradient id="paint1_linear_1803_3458" x1="72.1833" y1="56.1876" x2="121.552" y2="19.937" gradientUnits="userSpaceOnUse"><stop offset="0.1376" stop-color="#3F873F"/><stop offset="0.4016" stop-color="#52A044"/><stop offset="0.7129" stop-color="#64B749"/><stop offset="0.9081" stop-color="#6ABF4B"/></linearGradient><linearGradient id="paint2_linear_1803_3458" x1="52.7188" y1="53.5463" x2="97.551" y2="53.5463" gradientUnits="userSpaceOnUse"><stop offset="0.0919165" stop-color="#6ABF4B"/><stop offset="0.2871" stop-color="#64B749"/><stop offset="0.5984" stop-color="#52A044"/><stop offset="0.8624" stop-color="#3F873F"/></linearGradient></defs></svg>
diff --git a/public/static/images/logos/js-white.svg b/public/static/images/logos/js-white.svg
index 201f3217c0062..ed74c1b853715 100644
--- a/public/static/images/logos/js-white.svg
+++ b/public/static/images/logos/js-white.svg
@@ -1,11 +1 @@
-<svg width="71" height="80" viewBox="0 0 71 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_337_7892)">
-<path d="M35.1193 79.5C34.0343 79.5 33.0217 79.2106 32.0813 78.7041L22.4611 72.9884C21.0144 72.1925 21.7378 71.9031 22.1718 71.7584C24.1247 71.1072 24.4864 70.9625 26.5117 69.8049C26.7287 69.6602 27.0181 69.7326 27.2351 69.8773L34.613 74.2907C34.9023 74.4354 35.264 74.4354 35.481 74.2907L64.3417 57.5775C64.6311 57.4328 64.7757 57.1434 64.7757 56.7817V23.4276C64.7757 23.0659 64.6311 22.7765 64.3417 22.6318L35.481 5.99096C35.1917 5.84626 34.83 5.84626 34.613 5.99096L5.75223 22.6318C5.4629 22.7765 5.31823 23.1382 5.31823 23.4276V56.7817C5.31823 57.0711 5.4629 57.4328 5.75223 57.5775L13.6365 62.1357C17.9041 64.3062 20.5804 61.7739 20.5804 59.2416V26.3217C20.5804 25.8876 20.9421 25.4535 21.4484 25.4535H25.1374C25.5714 25.4535 26.0054 25.8152 26.0054 26.3217V59.2416C26.0054 64.9574 22.8951 68.2855 17.4701 68.2855C15.8065 68.2855 14.5045 68.2855 10.8155 66.4767L3.22059 62.1357C1.33994 61.0504 0.182617 59.0246 0.182617 56.854V23.5C0.182617 21.3295 1.33994 19.3036 3.22059 18.2183L32.0813 1.50517C33.8897 0.492253 36.349 0.492253 38.1573 1.50517L67.0181 18.2183C68.8987 19.3036 70.056 21.3295 70.056 23.5V56.854C70.056 59.0246 68.8987 61.0504 67.0181 62.1357L38.1573 78.8488C37.2893 79.2106 36.2043 79.5 35.1193 79.5Z" fill="white"/>
-<path d="M44.0884 56.5646C31.4302 56.5646 28.8262 50.7765 28.8262 45.8566C28.8262 45.4225 29.1878 44.9883 29.6942 44.9883H33.4555C33.8895 44.9883 34.2511 45.2778 34.2511 45.7119C34.8298 49.5465 36.4934 51.4276 44.1607 51.4276C50.2367 51.4276 52.8406 50.0529 52.8406 46.7971C52.8406 44.916 52.1173 43.5413 42.6417 42.6008C34.7575 41.8049 29.8388 40.0685 29.8388 33.7739C29.8388 27.9134 34.7575 24.4406 43.0034 24.4406C52.262 24.4406 56.8189 27.624 57.3976 34.5697C57.3976 34.7868 57.3253 35.0039 57.1806 35.2209C57.0359 35.3656 56.8189 35.5103 56.6019 35.5103H52.7683C52.4066 35.5103 52.045 35.2209 51.9726 34.8592C51.1047 30.8798 48.8623 29.5775 42.9311 29.5775C36.2764 29.5775 35.4808 31.8927 35.4808 33.6292C35.4808 35.7274 36.4211 36.3785 45.3904 37.5362C54.2873 38.6938 58.4826 40.3579 58.4826 46.5801C58.4826 52.947 53.2023 56.5646 44.0884 56.5646Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_337_7892">
-<rect width="71" height="79" fill="white" transform="translate(0 0.5)"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="71" height="80" viewBox="0 0 71 80" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_337_7892)"><path d="M35.1193 79.5C34.0343 79.5 33.0217 79.2106 32.0813 78.7041L22.4611 72.9884C21.0144 72.1925 21.7378 71.9031 22.1718 71.7584C24.1247 71.1072 24.4864 70.9625 26.5117 69.8049C26.7287 69.6602 27.0181 69.7326 27.2351 69.8773L34.613 74.2907C34.9023 74.4354 35.264 74.4354 35.481 74.2907L64.3417 57.5775C64.6311 57.4328 64.7757 57.1434 64.7757 56.7817V23.4276C64.7757 23.0659 64.6311 22.7765 64.3417 22.6318L35.481 5.99096C35.1917 5.84626 34.83 5.84626 34.613 5.99096L5.75223 22.6318C5.4629 22.7765 5.31823 23.1382 5.31823 23.4276V56.7817C5.31823 57.0711 5.4629 57.4328 5.75223 57.5775L13.6365 62.1357C17.9041 64.3062 20.5804 61.7739 20.5804 59.2416V26.3217C20.5804 25.8876 20.9421 25.4535 21.4484 25.4535H25.1374C25.5714 25.4535 26.0054 25.8152 26.0054 26.3217V59.2416C26.0054 64.9574 22.8951 68.2855 17.4701 68.2855C15.8065 68.2855 14.5045 68.2855 10.8155 66.4767L3.22059 62.1357C1.33994 61.0504 0.182617 59.0246 0.182617 56.854V23.5C0.182617 21.3295 1.33994 19.3036 3.22059 18.2183L32.0813 1.50517C33.8897 0.492253 36.349 0.492253 38.1573 1.50517L67.0181 18.2183C68.8987 19.3036 70.056 21.3295 70.056 23.5V56.854C70.056 59.0246 68.8987 61.0504 67.0181 62.1357L38.1573 78.8488C37.2893 79.2106 36.2043 79.5 35.1193 79.5Z" fill="white"/><path d="M44.0884 56.5646C31.4302 56.5646 28.8262 50.7765 28.8262 45.8566C28.8262 45.4225 29.1878 44.9883 29.6942 44.9883H33.4555C33.8895 44.9883 34.2511 45.2778 34.2511 45.7119C34.8298 49.5465 36.4934 51.4276 44.1607 51.4276C50.2367 51.4276 52.8406 50.0529 52.8406 46.7971C52.8406 44.916 52.1173 43.5413 42.6417 42.6008C34.7575 41.8049 29.8388 40.0685 29.8388 33.7739C29.8388 27.9134 34.7575 24.4406 43.0034 24.4406C52.262 24.4406 56.8189 27.624 57.3976 34.5697C57.3976 34.7868 57.3253 35.0039 57.1806 35.2209C57.0359 35.3656 56.8189 35.5103 56.6019 35.5103H52.7683C52.4066 35.5103 52.045 35.2209 51.9726 34.8592C51.1047 30.8798 48.8623 29.5775 42.9311 29.5775C36.2764 29.5775 35.4808 31.8927 35.4808 33.6292C35.4808 35.7274 36.4211 36.3785 45.3904 37.5362C54.2873 38.6938 58.4826 40.3579 58.4826 46.5801C58.4826 52.947 53.2023 56.5646 44.0884 56.5646Z" fill="white"/></g><defs><clipPath id="clip0_337_7892"><rect width="71" height="79" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>
diff --git a/public/static/images/logos/platform-linux.svg b/public/static/images/logos/platform-linux.svg
new file mode 100644
index 0000000000000..dd718b9e9bf1d
--- /dev/null
+++ b/public/static/images/logos/platform-linux.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Type=ubuntu"><path id="bg" d="M30 16C30 23.728 23.735 30 16 30C8.265 30 2 23.728 2 16C2 8.265 8.265 2 16 2C23.735 2 30 8.265 30 16Z" fill="#E95420"/><path id="ubuntu" d="M6.82154 14.1563C5.81185 14.1563 5 14.9865 5 16.0035C5 17.0205 5.81867 17.8507 6.82154 17.8507C7.82442 17.8507 8.64309 17.0205 8.64309 16.0035C8.64309 14.9795 7.82442 14.1563 6.82154 14.1563ZM19.8316 22.5482C18.9583 23.0602 18.665 24.1879 19.163 25.0734C19.6679 25.959 20.7799 26.2634 21.6531 25.7514C22.5264 25.2395 22.8197 24.1118 22.3217 23.2262C21.8101 22.3476 20.698 22.0432 19.8316 22.5482ZM10.7785 16.0035C10.7785 14.177 11.6722 12.565 13.0434 11.5896L11.7131 9.32725C10.1167 10.4065 8.93645 12.06 8.43842 13.9902C9.01149 14.4676 9.37989 15.194 9.37989 16.0035C9.37989 16.8129 9.01149 17.5393 8.43842 18.0167C8.92962 19.9469 10.1167 21.6004 11.7131 22.6797L13.0434 20.4174C11.6722 19.4419 10.7785 17.8299 10.7785 16.0035ZM16.0998 10.6071C18.8833 10.6071 21.1619 12.7657 21.4007 15.5261L24 15.4846C23.8704 13.4506 22.9971 11.6241 21.6463 10.282C20.9504 10.5449 20.1522 10.5034 19.4632 10.1021C18.7673 9.69393 18.3375 9.01593 18.2147 8.26875C17.5393 8.08195 16.8298 7.97817 16.0998 7.97817C14.8377 7.97817 13.6506 8.27566 12.5932 8.80838L13.8621 11.1053C14.5375 10.787 15.3016 10.6071 16.0998 10.6071ZM16.0998 21.3998C15.3016 21.3998 14.5375 21.2199 13.8553 20.9017L12.5864 23.1985C13.6438 23.7313 14.8377 24.0287 16.093 24.0287C16.823 24.0287 17.5325 23.925 18.2079 23.7382C18.3239 22.9979 18.7605 22.313 19.4564 21.9048C20.1454 21.4966 20.9504 21.462 21.6395 21.7249C22.9835 20.3828 23.8636 18.5563 23.9932 16.5223L21.3939 16.4808C21.1619 19.2343 18.8833 21.3998 16.0998 21.3998ZM19.8248 9.45178C20.698 9.96374 21.8101 9.65933 22.3149 8.77378C22.8197 7.88824 22.5196 6.76054 21.6463 6.24859C20.7731 5.73663 19.661 6.04104 19.1562 6.92659C18.6582 7.81213 18.9583 8.93983 19.8248 9.45178Z" fill="white"/></g></svg>
diff --git a/public/static/images/logos/social-github-dark.svg b/public/static/images/logos/social-github-dark.svg
new file mode 100644
index 0000000000000..f69bf084cf21d
--- /dev/null
+++ b/public/static/images/logos/social-github-dark.svg
@@ -0,0 +1 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Social Icon"><path id="Vector" d="M10 1.25C5.16562 1.25 1.25 5.16562 1.25 10C1.25 13.8719 3.75469 17.1422 7.23281 18.3016C7.67031 18.3781 7.83437 18.1156 7.83437 17.8859C7.83437 17.6781 7.82344 16.9891 7.82344 16.2563C5.625 16.6609 5.05625 15.7203 4.88125 15.2281C4.78281 14.9766 4.35625 14.2 3.98438 13.9922C3.67812 13.8281 3.24063 13.4234 3.97344 13.4125C4.6625 13.4016 5.15469 14.0469 5.31875 14.3094C6.10625 15.6328 7.36406 15.2609 7.86719 15.0312C7.94375 14.4625 8.17344 14.0797 8.425 13.8609C6.47813 13.6422 4.44375 12.8875 4.44375 9.54062C4.44375 8.58906 4.78281 7.80156 5.34062 7.18906C5.25313 6.97031 4.94687 6.07344 5.42812 4.87031C5.42812 4.87031 6.16094 4.64063 7.83437 5.76719C8.53438 5.57031 9.27813 5.47187 10.0219 5.47187C10.7656 5.47187 11.5094 5.57031 12.2094 5.76719C13.8828 4.62969 14.6156 4.87031 14.6156 4.87031C15.0969 6.07344 14.7906 6.97031 14.7031 7.18906C15.2609 7.80156 15.6 8.57812 15.6 9.54062C15.6 12.8984 13.5547 13.6422 11.6078 13.8609C11.925 14.1344 12.1984 14.6594 12.1984 15.4797C12.1984 16.65 12.1875 17.5906 12.1875 17.8859C12.1875 18.1156 12.3516 18.3891 12.7891 18.3016C14.5261 17.7152 16.0355 16.5988 17.1048 15.1096C18.1741 13.6204 18.7495 11.8333 18.75 10C18.75 5.16562 14.8344 1.25 10 1.25Z" fill="#2C3437"/></g></svg>
diff --git a/public/static/images/logos/social-github.svg b/public/static/images/logos/social-github.svg
index d2c0a25fe61fc..6dcf93b5f8a07 100644
--- a/public/static/images/logos/social-github.svg
+++ b/public/static/images/logos/social-github.svg
@@ -1,3 +1 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 1.25C5.16562 1.25 1.25 5.16562 1.25 10C1.25 13.8719 3.75469 17.1422 7.23281 18.3016C7.67031 18.3781 7.83437 18.1156 7.83437 17.8859C7.83437 17.6781 7.82344 16.9891 7.82344 16.2563C5.625 16.6609 5.05625 15.7203 4.88125 15.2281C4.78281 14.9766 4.35625 14.2 3.98438 13.9922C3.67812 13.8281 3.24063 13.4234 3.97344 13.4125C4.6625 13.4016 5.15469 14.0469 5.31875 14.3094C6.10625 15.6328 7.36406 15.2609 7.86719 15.0312C7.94375 14.4625 8.17344 14.0797 8.425 13.8609C6.47813 13.6422 4.44375 12.8875 4.44375 9.54062C4.44375 8.58906 4.78281 7.80156 5.34062 7.18906C5.25313 6.97031 4.94687 6.07344 5.42812 4.87031C5.42812 4.87031 6.16094 4.64063 7.83437 5.76719C8.53438 5.57031 9.27813 5.47187 10.0219 5.47187C10.7656 5.47187 11.5094 5.57031 12.2094 5.76719C13.8828 4.62969 14.6156 4.87031 14.6156 4.87031C15.0969 6.07344 14.7906 6.97031 14.7031 7.18906C15.2609 7.80156 15.6 8.57812 15.6 9.54062C15.6 12.8984 13.5547 13.6422 11.6078 13.8609C11.925 14.1344 12.1984 14.6594 12.1984 15.4797C12.1984 16.65 12.1875 17.5906 12.1875 17.8859C12.1875 18.1156 12.3516 18.3891 12.7891 18.3016C14.5261 17.7152 16.0355 16.5988 17.1048 15.1096C18.1741 13.6204 18.7495 11.8333 18.75 10C18.75 5.16562 14.8344 1.25 10 1.25Z" fill="white"/>
-</svg>
\ No newline at end of file
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 1.25C5.16562 1.25 1.25 5.16562 1.25 10C1.25 13.8719 3.75469 17.1422 7.23281 18.3016C7.67031 18.3781 7.83437 18.1156 7.83437 17.8859C7.83437 17.6781 7.82344 16.9891 7.82344 16.2563C5.625 16.6609 5.05625 15.7203 4.88125 15.2281C4.78281 14.9766 4.35625 14.2 3.98438 13.9922C3.67812 13.8281 3.24063 13.4234 3.97344 13.4125C4.6625 13.4016 5.15469 14.0469 5.31875 14.3094C6.10625 15.6328 7.36406 15.2609 7.86719 15.0312C7.94375 14.4625 8.17344 14.0797 8.425 13.8609C6.47813 13.6422 4.44375 12.8875 4.44375 9.54062C4.44375 8.58906 4.78281 7.80156 5.34062 7.18906C5.25313 6.97031 4.94687 6.07344 5.42812 4.87031C5.42812 4.87031 6.16094 4.64063 7.83437 5.76719C8.53438 5.57031 9.27813 5.47187 10.0219 5.47187C10.7656 5.47187 11.5094 5.57031 12.2094 5.76719C13.8828 4.62969 14.6156 4.87031 14.6156 4.87031C15.0969 6.07344 14.7906 6.97031 14.7031 7.18906C15.2609 7.80156 15.6 8.57812 15.6 9.54062C15.6 12.8984 13.5547 13.6422 11.6078 13.8609C11.925 14.1344 12.1984 14.6594 12.1984 15.4797C12.1984 16.65 12.1875 17.5906 12.1875 17.8859C12.1875 18.1156 12.3516 18.3891 12.7891 18.3016C14.5261 17.7152 16.0355 16.5988 17.1048 15.1096C18.1741 13.6204 18.7495 11.8333 18.75 10C18.75 5.16562 14.8344 1.25 10 1.25Z" fill="white"/></svg>
diff --git a/public/static/images/logos/social-linkedin.svg b/public/static/images/logos/social-linkedin.svg
index 37b378d4445fa..2f285928d11d6 100644
--- a/public/static/images/logos/social-linkedin.svg
+++ b/public/static/images/logos/social-linkedin.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#1275B1" rx="10"/><path fill="#fff" d="M7.585 5.494c0 .668-.579 1.21-1.293 1.21C5.58 6.703 5 6.161 5 5.493c0-.667.579-1.208 1.292-1.208.714 0 1.293.54 1.293 1.208ZM5.177 7.592h2.209v6.694h-2.21V7.592ZM10.943 7.592h-2.21v6.694h2.21V10.86c0-.791.27-1.586 1.347-1.586 1.218 0 1.21 1.035 1.205 1.837-.008 1.048.01 2.118.01 3.174h2.21v-3.533c-.02-2.256-.607-3.296-2.541-3.296-1.149 0-1.86.522-2.231.993v-.858Z"/></svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Social Icon"><rect id="bg" width="20" height="20" rx="10" fill="#1275B1"/><g id="linked_in"><path d="M7.58468 5.49444C7.58468 6.16198 7.00608 6.70312 6.29234 6.70312C5.5786 6.70312 5 6.16198 5 5.49444C5 4.82691 5.5786 4.28577 6.29234 4.28577C7.00608 4.28577 7.58468 4.82691 7.58468 5.49444Z" fill="white"/><path d="M5.17673 7.59155H7.38586V14.2858H5.17673V7.59155Z" fill="white"/><path d="M10.9426 7.59155H8.73343V14.2858H10.9426C10.9426 14.2858 10.9426 12.1783 10.9426 10.8607C10.9426 10.0698 11.2126 9.27544 12.2901 9.27544C13.5079 9.27544 13.5005 10.3104 13.4949 11.1123C13.4874 12.1604 13.5052 13.2299 13.5052 14.2858H15.7143V10.7527C15.6956 8.49675 15.1077 7.45725 13.1738 7.45725C12.0253 7.45725 11.3134 7.97867 10.9426 8.4504V7.59155Z" fill="white"/></g></g></svg>
diff --git a/public/static/images/logos/social-mastadon.svg b/public/static/images/logos/social-mastodon.svg
similarity index 100%
rename from public/static/images/logos/social-mastadon.svg
rename to public/static/images/logos/social-mastodon.svg
diff --git a/public/static/images/logos/social-x.svg b/public/static/images/logos/social-x.svg
index 6f38574b37352..6c12987798db6 100644
--- a/public/static/images/logos/social-x.svg
+++ b/public/static/images/logos/social-x.svg
@@ -1,3 +1 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1.04717 2.05762L7.99429 11.3466L1.0033 18.8989H2.57669L8.69729 12.2867L13.6426 18.8989H18.9969L11.6589 9.08745L18.1661 2.05762H16.5927L10.9559 8.1473L6.40148 2.05762H1.04717ZM3.36096 3.21658H5.82074L16.6827 17.7398H14.223L3.36096 3.21658Z" fill="black"/>
-</svg>
\ No newline at end of file
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.04717 2.05762L7.99429 11.3466L1.0033 18.8989H2.57669L8.69729 12.2867L13.6426 18.8989H18.9969L11.6589 9.08745L18.1661 2.05762H16.5927L10.9559 8.1473L6.40148 2.05762H1.04717ZM3.36096 3.21658H5.82074L16.6827 17.7398H14.223L3.36096 3.21658Z" fill="black"/></svg>