feat: press freedom day noodle (#2666)

Author: alexdln

app/components/Noodle/Artemis/Logo.vue

@@ -0,0 +1,19 @@
+<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>

app/components/Noodle/Press/Logo.vue

@@ -1,6 +1,5 @@
 import NoodleKawaiiLogo from './Kawaii/Logo.vue'
-import NoodleArtemisLogo from './Artemis/Logo.vue'
-// import NoodleTkawaiiLogo from './Tkawaii/Logo.vue'
+import NoodlePressLogo from './Press/Logo.vue'
 
 export type Noodle = {
   // Unique identifier for the noodle
@@ -17,17 +16,6 @@ export type Noodle = {
   tagline?: boolean
 }
 
-// Archive noodles - might be shown on special page
-// export const ARCHIVE_NOODLES: Noodle[] = [
-//   {
-//     key: 'tkawaii',
-//     date: '2026-04-08T12:00:00UTC',
-//     timezone: 'auto',
-//     logo: NoodleTkawaiiLogo,
-//     tagline: false,
-//   },
-// ]
-
 // Permanent noodles - always shown on specific query param (e.g. ?kawaii)
 export const PERMANENT_NOODLES: Noodle[] = [
   {
@@ -40,11 +28,11 @@ export const PERMANENT_NOODLES: Noodle[] = [
 // Active noodles - shown based on date and timezone
 export const ACTIVE_NOODLES: Noodle[] = [
   {
-    key: 'artemis',
-    logo: NoodleArtemisLogo,
-    date: '2026-04-08T12:00:00Z',
-    dateTo: '2026-04-12T01:00:00Z',
-    timezone: 'America/Los_Angeles',
-    tagline: true,
+    key: 'press',
+    logo: NoodlePressLogo,
+    date: '2026-05-01',
+    dateTo: '2026-05-04',
+    timezone: 'auto',
+    tagline: false,
   },
 ]

app/components/Noodle/index.ts

@@ -157,7 +157,7 @@ import {
   ButtonBase,
   LandingIntroHeader,
   NoodleKawaiiLogo,
-  NoodleArtemisLogo,
+  NoodlePressLogo,
   LinkBase,
   CallToAction,
   CodeDirectoryListing,
@@ -368,7 +368,7 @@ describe('component accessibility audits', () => {
     })
 
     it('should have no accessibility violations', async () => {
-      const component = await mountSuspended(NoodleArtemisLogo)
+      const component = await mountSuspended(NoodlePressLogo)
       const results = await runAxe(component)
       expect(results.violations).toEqual([])
     })