feat: add tetris and pride noodles (#2855)

Author: alexdln

app/components/Noodle/Pride2/Logo.vue

@@ -0,0 +1,17 @@
+<template>
+  <TooltipApp interactive position="top">
+    <template #content>
+      <p class="text-sm font-medium text-fg mb-1">
+        We stand together. Always, everywhere, for all of us
+        <br />
+        <strong>Happy Pride Month!</strong>
+      </p>
+    </template>
+    <img
+      width="400"
+      class="mb-2 w-80 sm:w-140 max-w-full mx-auto"
+      src="/extra/pride-2.svg"
+      :alt="$t('alt_logo')"
+    />
+  </TooltipApp>
+</template>

app/components/Noodle/Pride3/Logo.vue

@@ -0,0 +1,17 @@
+<template>
+  <TooltipApp interactive position="top">
+    <template #content>
+      <p class="text-sm font-medium text-fg mb-1">
+        Great places are built by diverse people
+        <br />
+        <strong>Happy Pride Month!</strong>
+      </p>
+    </template>
+    <img
+      width="400"
+      class="mb-2 w-80 sm:w-140 max-w-full mx-auto"
+      src="/extra/pride-3.png"
+      :alt="$t('alt_logo')"
+    />
+  </TooltipApp>
+</template>

app/components/Noodle/Tetris/Logo.vue

@@ -0,0 +1,17 @@
+<template>
+  <TooltipApp interactive position="top">
+    <template #content>
+      <p class="text-sm font-medium text-fg mb-1">
+        <strong>World Tetris Day</strong>. The legendary console turns 42.
+        <br />
+        <i>Yes, you matched the blocks correctly, but polyominos are cool too!</i>
+      </p>
+    </template>
+    <img
+      width="400"
+      class="mb-10 w-80 sm:w-140 max-w-full mx-auto"
+      src="/extra/tetris.svg"
+      :alt="$t('alt_logo')"
+    />
+  </TooltipApp>
+</template>

app/components/Noodle/index.ts

@@ -1,5 +1,8 @@
 import NoodleKawaiiLogo from './Kawaii/Logo.vue'
 import NoodlePride1Logo from './Pride1/Logo.vue'
+import NoodlePride2Logo from './Pride2/Logo.vue'
+import NoodlePride3Logo from './Pride3/Logo.vue'
+import NoodleTetrisLogo from './Tetris/Logo.vue'
 
 export type Noodle = {
   // Unique identifier for the noodle
@@ -31,7 +34,29 @@ export const ACTIVE_NOODLES: Noodle[] = [
     key: 'pride-1',
     logo: NoodlePride1Logo,
     date: '2026-06-01',
-    dateTo: '2026-06-30',
+    dateTo: '2026-06-06',
+    timezone: 'auto',
+  },
+  {
+    key: 'tetris',
+    logo: NoodleTetrisLogo,
+    date: '2026-06-06',
+    dateTo: '2026-06-08',
+    timezone: 'auto',
+    tagline: false,
+  },
+  {
+    key: 'pride-2',
+    logo: NoodlePride2Logo,
+    date: '2026-06-08',
+    dateTo: '2026-06-20',
+    timezone: 'auto',
+  },
+  {
+    key: 'pride-3',
+    logo: NoodlePride3Logo,
+    date: '2026-06-20',
+    dateTo: '2026-07-01',
     timezone: 'auto',
   },
 ]

public/extra/pride-2.svg

@@ -161,6 +161,9 @@ import {
   NoodleKawaiiLogo,
   NoodleNodejsLogo,
   NoodlePride1Logo,
+  NoodlePride2Logo,
+  NoodlePride3Logo,
+  NoodleTetrisLogo,
   LinkBase,
   CallToAction,
   ChangelogCard,
@@ -386,6 +389,24 @@ describe('component accessibility audits', () => {
       const results = await runAxe(component)
       expect(results.violations).toEqual([])
     })
+
+    it('should have no accessibility violations', async () => {
+      const component = await mountSuspended(NoodlePride2Logo)
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+
+    it('should have no accessibility violations', async () => {
+      const component = await mountSuspended(NoodlePride3Logo)
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+
+    it('should have no accessibility violations', async () => {
+      const component = await mountSuspended(NoodleTetrisLogo)
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
   })
 
   describe('AppFooter', () => {