From 020cde68ff77fcd38e7df5bd50a1df8255775365 Mon Sep 17 00:00:00 2001
From: Vordgi <sasha2822222@gmail.com>
Date: Thu, 21 May 2026 21:37:23 +0100
Subject: [PATCH 1/5] feat: add nodejs noodle

---
 app/components/Noodle/Nodejs/Logo.vue | 90 +++++++++++++++++++++++++++
 app/components/Noodle/Press/Logo.vue  | 19 ------
 app/components/Noodle/index.ts        | 11 ++--
 test/nuxt/a11y.spec.ts                |  4 +-
 4 files changed, 97 insertions(+), 27 deletions(-)
 create mode 100644 app/components/Noodle/Nodejs/Logo.vue
 delete mode 100644 app/components/Noodle/Press/Logo.vue

diff --git a/app/components/Noodle/Nodejs/Logo.vue b/app/components/Noodle/Nodejs/Logo.vue
new file mode 100644
index 0000000000..ba2a5e4fd8
--- /dev/null
+++ b/app/components/Noodle/Nodejs/Logo.vue
@@ -0,0 +1,90 @@
+<template>
+  <TooltipApp interactive position="top" :tooltipAttr="{ class: 'w-[calc(100%-2rem)]! max-w-sm!' }">
+    <template #content>
+      <p class="text-sm font-medium text-fg mb-1">
+        <span class="text-fg-subtle">
+          // 27 May 2009 - nodejs Initial release
+          <br />
+          //&nbsp;<a
+            href="https://github.com/nodejs/node-v0.x-archive/releases/tag/v0.0.1"
+            target="_blank"
+            class="underline"
+            >github.com/nodejs/node-v0.x-archive/releases/tag/v0.0.1</a
+          >
+        </span>
+        <br />
+        <span class="text-badge-yellow">console</span>.<span class="text-badge-blue">log(</span
+        ><span class="text-badge-green">"Happy birthday, nodejs"</span
+        ><span class="text-badge-blue">)</span>
+      </p>
+    </template>
+    <svg
+      width="996"
+      height="305"
+      viewBox="0 0 996 305"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      :alt="$t('alt_logo')"
+      class="mb-8 mx-auto w-72 h-auto sm:w-92 max-w-full"
+    >
+      <path
+        d="M304.5 212.5V100.5L364.5 60.5L424.5 100.5V212.5L388.5 188.5V120.5L364.5 104.5L340.5 120.5V188.5L304.5 212.5Z"
+        fill="currentColor"
+        stroke="currentColor"
+        stroke-width="5"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M904.5 184.5L868.5 208.5V172.5L957.5 84.5L993.5 60.5V96.5L904.5 184.5Z"
+        fill="currentColor"
+        stroke="currentColor"
+        stroke-width="5"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M957.5 184.5L993.5 208.5V172.5L904.5 84.5L868.5 60.5V96.5L957.5 184.5Z"
+        fill="currentColor"
+        stroke="currentColor"
+        stroke-width="5"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M624.5 212.5V100.5L684.5 60.5L726.5 88.5L768.5 60.5L828.5 100.5V188.5L792.5 212.5V120.5L768.5 104.5L744.5 120.5V188.5L708.5 212.5V188.5V120.5L684.5 104.5L660.5 120.5V188.5L624.5 212.5Z"
+        fill="currentColor"
+      />
+      <path
+        d="M744.5 188.5H708.5V120.5L684.5 104.5L660.5 120.5V188.5L624.5 212.5V100.5L684.5 60.5L744.5 100.5V188.5ZM744.5 188.5L708.5 212.5V100.5L768.5 60.5L828.5 100.5V188.5L792.5 212.5V120.5L768.5 104.5L744.5 120.5V188.5Z"
+        stroke="currentColor"
+        stroke-width="5"
+        stroke-linejoin="round"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M464.5 100.5V164.5V302.5L500.5 278.5L500.5 188.5L524.5 204.5L548.5 188.5L584.5 164.5V100.5L524.5 60.5L464.5 100.5ZM548.5 144.5V120.5L524.5 104.5L500.5 120.5L500.5 144.5L524.5 160.5L548.5 144.5Z"
+        fill="currentColor"
+        stroke="currentColor"
+        stroke-width="5"
+        stroke-linejoin="round"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M50.5 172.5V196.5L26.5 212.5L2.5 196.5L2.5 172.5L26.5 156.5L50.5 172.5Z"
+        fill="#689F63"
+        stroke="#689F63"
+        stroke-width="5"
+        stroke-linejoin="round"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M164.501 26.5L102.5 212.5L146.5 188.5L208.5 2.50003L164.501 26.5Z"
+        fill="#689F63"
+        stroke="#689F63"
+        stroke-width="5"
+        stroke-linejoin="round"
+      />
+    </svg>
+  </TooltipApp>
+</template>
diff --git a/app/components/Noodle/Press/Logo.vue b/app/components/Noodle/Press/Logo.vue
deleted file mode 100644
index 97a078acaa..0000000000
--- a/app/components/Noodle/Press/Logo.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-  <TooltipApp interactive position="top">
-    <template #content>
-      <p class="text-sm font-medium text-fg mb-1">
-        A free press makes openness possible for everyone.
-        <LinkBase to="https://en.wikipedia.org/wiki/World_Press_Freedom_Day"
-          >Read more about Press Freedom Day</LinkBase
-        >
-      </p>
-    </template>
-    <ColorSchemeImg
-      width="320"
-      class="mb-16 w-80 sm:w-140 max-w-full"
-      dark-src="/extra/npmx-dark-press.png"
-      light-src="/extra/npmx-light-press.png"
-      :alt="$t('alt_logo')"
-    />
-  </TooltipApp>
-</template>
diff --git a/app/components/Noodle/index.ts b/app/components/Noodle/index.ts
index abeef9a132..df7fe3c894 100644
--- a/app/components/Noodle/index.ts
+++ b/app/components/Noodle/index.ts
@@ -1,5 +1,5 @@
 import NoodleKawaiiLogo from './Kawaii/Logo.vue'
-import NoodlePressLogo from './Press/Logo.vue'
+import NoodleNodejsLogo from './Nodejs/Logo.vue'
 
 export type Noodle = {
   // Unique identifier for the noodle
@@ -28,11 +28,10 @@ export const PERMANENT_NOODLES: Noodle[] = [
 // Active noodles - shown based on date and timezone
 export const ACTIVE_NOODLES: Noodle[] = [
   {
-    key: 'press',
-    logo: NoodlePressLogo,
-    date: '2026-05-01',
-    dateTo: '2026-05-04',
+    key: 'nodejs',
+    logo: NoodleNodejsLogo,
+    date: '2026-05-21',
+    dateTo: '2026-05-28',
     timezone: 'auto',
-    tagline: false,
   },
 ]
diff --git a/test/nuxt/a11y.spec.ts b/test/nuxt/a11y.spec.ts
index 5d0865d77f..551210b163 100644
--- a/test/nuxt/a11y.spec.ts
+++ b/test/nuxt/a11y.spec.ts
@@ -158,7 +158,7 @@ import {
   ButtonBase,
   LandingIntroHeader,
   NoodleKawaiiLogo,
-  NoodlePressLogo,
+  NoodleNodejsLogo,
   LinkBase,
   CallToAction,
   ChangelogCard,
@@ -374,7 +374,7 @@ describe('component accessibility audits', () => {
     })
 
     it('should have no accessibility violations', async () => {
-      const component = await mountSuspended(NoodlePressLogo)
+      const component = await mountSuspended(NoodleNodejsLogo)
       const results = await runAxe(component)
       expect(results.violations).toEqual([])
     })

From 3d1419cbd89f92edc387d4a248c57aee4228cae2 Mon Sep 17 00:00:00 2001
From: Vordgi <sasha2822222@gmail.com>
Date: Thu, 21 May 2026 21:42:52 +0100
Subject: [PATCH 2/5] feat: ignore color-scheme-img in knip

---
 knip.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/knip.ts b/knip.ts
index db09e209c1..f4adb33651 100644
--- a/knip.ts
+++ b/knip.ts
@@ -45,6 +45,7 @@ const config: KnipConfig = {
       ignoreFiles: [
         'app/components/Tooltip/Announce.vue',
         'app/components/UserCombobox.vue',
+        'app/components/ColorScheme/Img.vue',
         '**/*.unused.*',
       ],
     },

From 666fd4acc44f1d8d8d93b1f7b4d87494a8ccfbd6 Mon Sep 17 00:00:00 2001
From: Vordgi <sasha2822222@gmail.com>
Date: Thu, 21 May 2026 21:43:40 +0100
Subject: [PATCH 3/5] chore: add rel to noodle link

---
 app/components/Noodle/Nodejs/Logo.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/components/Noodle/Nodejs/Logo.vue b/app/components/Noodle/Nodejs/Logo.vue
index ba2a5e4fd8..9b21d9fa3d 100644
--- a/app/components/Noodle/Nodejs/Logo.vue
+++ b/app/components/Noodle/Nodejs/Logo.vue
@@ -8,6 +8,7 @@
           //&nbsp;<a
             href="https://github.com/nodejs/node-v0.x-archive/releases/tag/v0.0.1"
             target="_blank"
+            rel="noopener noreferrer"
             class="underline"
             >github.com/nodejs/node-v0.x-archive/releases/tag/v0.0.1</a
           >

From 895753d1ac637b70dd9808d865dbd406a109c5b1 Mon Sep 17 00:00:00 2001
From: Vordgi <sasha2822222@gmail.com>
Date: Thu, 21 May 2026 21:47:19 +0100
Subject: [PATCH 4/5] fix: improve tooltip attrs logic

---
 app/components/Noodle/Nodejs/Logo.vue | 2 +-
 app/components/Tooltip/App.vue        | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/components/Noodle/Nodejs/Logo.vue b/app/components/Noodle/Nodejs/Logo.vue
index 9b21d9fa3d..0955de19a8 100644
--- a/app/components/Noodle/Nodejs/Logo.vue
+++ b/app/components/Noodle/Nodejs/Logo.vue
@@ -1,5 +1,5 @@
 <template>
-  <TooltipApp interactive position="top" :tooltipAttr="{ class: 'w-[calc(100%-2rem)]! max-w-sm!' }">
+  <TooltipApp interactive :tooltipAttr="{ class: 'w-[calc(100%-2rem)]! max-w-sm!' }">
     <template #content>
       <p class="text-sm font-medium text-fg mb-1">
         <span class="text-fg-subtle">
diff --git a/app/components/Tooltip/App.vue b/app/components/Tooltip/App.vue
index 8b16f20482..3df16f5032 100644
--- a/app/components/Tooltip/App.vue
+++ b/app/components/Tooltip/App.vue
@@ -12,6 +12,8 @@ const props = defineProps<{
   defer?: boolean
   /** Offset distance in pixels (default: 4) */
   offset?: number
+  /** Additional attributes to be applied to the tooltip element */
+  tooltipAttr?: Record<string, unknown>
 }>()
 
 const isVisible = shallowRef(false)
@@ -38,7 +40,7 @@ function hide() {
 }
 
 const tooltipAttrs = computed(() => {
-  const attrs: Record<string, unknown> = { role: 'tooltip', id: tooltipId }
+  const attrs: Record<string, unknown> = { role: 'tooltip', id: tooltipId, ...props.tooltipAttr }
   if (props.interactive) {
     attrs.onMouseenter = show
     attrs.onMouseleave = hide

From 394e6f65f42a191d28586ba2e5bef357cbdeb954 Mon Sep 17 00:00:00 2001
From: Vordgi <sasha2822222@gmail.com>
Date: Fri, 22 May 2026 22:35:12 +0100
Subject: [PATCH 5/5] feat: update nodejs noodle

---
 app/components/Noodle/Nodejs/Logo.vue | 24 +++++++++++-------------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/app/components/Noodle/Nodejs/Logo.vue b/app/components/Noodle/Nodejs/Logo.vue
index 0955de19a8..39166f5859 100644
--- a/app/components/Noodle/Nodejs/Logo.vue
+++ b/app/components/Noodle/Nodejs/Logo.vue
@@ -20,41 +20,41 @@
       </p>
     </template>
     <svg
-      width="996"
-      height="305"
-      viewBox="0 0 996 305"
+      width="962"
+      height="292"
+      viewBox="0 0 962 292"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       :alt="$t('alt_logo')"
       class="mb-8 mx-auto w-72 h-auto sm:w-92 max-w-full"
     >
       <path
-        d="M304.5 212.5V100.5L364.5 60.5L424.5 100.5V212.5L388.5 188.5V120.5L364.5 104.5L340.5 120.5V188.5L304.5 212.5Z"
+        d="M269 198.684V86.2912L329 46.1509L389 86.2912V198.684L353 174.6V106.361L329 90.3053L305 106.361V174.6L269 198.684Z"
         fill="currentColor"
         stroke="currentColor"
         stroke-width="5"
         stroke-linejoin="round"
       />
       <path
-        d="M904.5 184.5L868.5 208.5V172.5L957.5 84.5L993.5 60.5V96.5L904.5 184.5Z"
+        d="M833 194.67V154.53L958 46.1509V86.2912L833 194.67Z"
         fill="currentColor"
         stroke="currentColor"
         stroke-width="5"
         stroke-linejoin="round"
       />
       <path
-        d="M957.5 184.5L993.5 208.5V172.5L904.5 84.5L868.5 60.5V96.5L957.5 184.5Z"
+        d="M958 194.67V154.53L833 46.1509V86.2912L958 194.67Z"
         fill="currentColor"
         stroke="currentColor"
         stroke-width="5"
         stroke-linejoin="round"
       />
       <path
-        d="M624.5 212.5V100.5L684.5 60.5L726.5 88.5L768.5 60.5L828.5 100.5V188.5L792.5 212.5V120.5L768.5 104.5L744.5 120.5V188.5L708.5 212.5V188.5V120.5L684.5 104.5L660.5 120.5V188.5L624.5 212.5Z"
+        d="M589 198.684V86.2912L649 46.1509L691 74.2491L733 46.1509L793 86.2912V174.6L757 198.684V106.361L733 90.3053L709 106.361V174.6L673 198.684V174.6V106.361L649 90.3053L625 106.361V174.6L589 198.684Z"
         fill="currentColor"
       />
       <path
-        d="M744.5 188.5H708.5V120.5L684.5 104.5L660.5 120.5V188.5L624.5 212.5V100.5L684.5 60.5L744.5 100.5V188.5ZM744.5 188.5L708.5 212.5V100.5L768.5 60.5L828.5 100.5V188.5L792.5 212.5V120.5L768.5 104.5L744.5 120.5V188.5Z"
+        d="M709 174.6H673V106.361L649 90.3053L625 106.361V174.6L589 198.684V86.2912L649 46.1509L709 86.2912V174.6ZM709 174.6L673 198.684V86.2912L733 46.1509L793 86.2912V174.6L757 198.684V106.361L733 90.3053L709 106.361V174.6Z"
         stroke="currentColor"
         stroke-width="5"
         stroke-linejoin="round"
@@ -62,7 +62,7 @@
       <path
         fill-rule="evenodd"
         clip-rule="evenodd"
-        d="M464.5 100.5V164.5V302.5L500.5 278.5L500.5 188.5L524.5 204.5L548.5 188.5L584.5 164.5V100.5L524.5 60.5L464.5 100.5ZM548.5 144.5V120.5L524.5 104.5L500.5 120.5L500.5 144.5L524.5 160.5L548.5 144.5Z"
+        d="M429 86.2912V150.516V289L465 264.916L465 174.6L489 190.656L513 174.6L549 150.516V86.2912L489 46.1509L429 86.2912ZM513 130.446V106.361L489 90.3053L465 106.361L465 130.446L489 146.502L513 130.446Z"
         fill="currentColor"
         stroke="currentColor"
         stroke-width="5"
@@ -71,16 +71,14 @@
       <path
         fill-rule="evenodd"
         clip-rule="evenodd"
-        d="M50.5 172.5V196.5L26.5 212.5L2.5 196.5L2.5 172.5L26.5 156.5L50.5 172.5Z"
+        d="M52 158.544V182.628L28 198.684L4 182.628L4 158.544L28 142.488L52 158.544Z"
         fill="#689F63"
         stroke="#689F63"
         stroke-width="5"
         stroke-linejoin="round"
       />
       <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="M164.501 26.5L102.5 212.5L146.5 188.5L208.5 2.50003L164.501 26.5Z"
+        d="M187 3H228L113 223.772H72L187 3Z"
         fill="#689F63"
         stroke="#689F63"
         stroke-width="5"