feat: pride noodle (#2826)

Author: alexdln

app/components/Noodle/Pride1/Logo.vue

@@ -0,0 +1,13 @@
+<template>
+  <TooltipApp interactive position="top">
+    <template #content>
+      <p class="text-sm font-medium text-fg mb-1">Happy Pride Month!</p>
+    </template>
+    <img
+      width="400"
+      class="mb-6 w-80 sm:w-140 max-w-full"
+      src="/extra/pride-1.svg"
+      :alt="$t('alt_logo')"
+    />
+  </TooltipApp>
+</template>

app/components/Noodle/index.ts

@@ -1,5 +1,5 @@
 import NoodleKawaiiLogo from './Kawaii/Logo.vue'
-import NoodleNodejsLogo from './Nodejs/Logo.vue'
+import NoodlePride1Logo from './Pride1/Logo.vue'
 
 export type Noodle = {
   // Unique identifier for the noodle
@@ -28,9 +28,10 @@ export const PERMANENT_NOODLES: Noodle[] = [
 // Active noodles - shown based on date and timezone
 export const ACTIVE_NOODLES: Noodle[] = [
   {
-    key: 'nodejs',
-    logo: NoodleNodejsLogo,
-    date: '2026-05-27',
+    key: 'pride-1',
+    logo: NoodlePride1Logo,
+    date: '2026-06-01',
+    dateTo: '2026-06-30',
     timezone: 'auto',
   },
 ]

knip.ts

@@ -45,6 +45,7 @@ const config: KnipConfig = {
         'app/components/Tooltip/Announce.vue',
         'app/components/UserCombobox.vue',
         'app/components/ColorScheme/Img.vue',
+        'app/components/Noodle/Nodejs/Logo.vue',
         '**/*.unused.*',
       ],
     },