Merge pull request #189 from hackclub/meow

added meow

data.yml

@@ -1,5 +1,23 @@
 ---
 limitedTime:
+- name: Meow
+  description: Spend 5 hours building something to do with cats, get a cat plushie! Ends Christmas Day!
+  website: https://meow.hackclub.com
+  slack: https://hackclub.slack.com/archives/C0MEOW
+  slackChannel: "#meow"
+  status: active
+  deadline: 2025-12-25
+  detailedDescription: |
+    Meow is a Hack Club YSWS where we'll send you a cat plushie if you ship a project to do with cats!
+  steps:
+    - Join the Slack channel
+    - Spend over 5 hours (tracked with Hackatime) building a project to do with cats
+    - Fill out the submission form
+    - Receive your cat plushie!
+  details:
+    - You can make anything, as long as it's to do with cats - a website, an app, or even a hardware project
+    - Must be shipped (accessible via a URL or as an executable, or fully built for hardware)
+    - US participants receive physical plushie, international participants receive $25 digital credit
 - name: Bauble
   description: 3D model an ornament, get it printed and put on the HQ tree! Ends December 25th.
   website: https://bauble.hackclub.com

script.js

@@ -299,6 +299,7 @@ function createProgramCard(program) {
     const blueprintClass = program.name === 'Blueprint' ? 'blueprint-card' : '';
     const accelerateClass = program.name === 'Accelerate' ? 'accelerate-card' : '';
     const baubleClass = program.name === 'Bauble' ? 'bauble-card' : '';
+    const meowClass = program.name === 'Meow' ? 'meow-card' : '';
     
     const encodedProgram = encodeURIComponent(JSON.stringify(program));
     
@@ -332,7 +333,7 @@ function createProgramCard(program) {
     ` : '';
     
     return `
-        <div class="card program-card ${opensClass} ${blueprintClass} ${accelerateClass} ${baubleClass}" data-program="${encodedProgram}" data-name="${program.name}">
+        <div class="card program-card ${opensClass} ${blueprintClass} ${accelerateClass} ${baubleClass} ${meowClass}" data-program="${encodedProgram}" data-name="${program.name}">
             ${baubleSnowflakes}
             <div class="program-header">
                 <h3>${program.name}</h3>

styles.css

@@ -3025,3 +3025,40 @@ html {
     transform: translateY(250px);
   }
 }
+
+/* Meow-specific card styling - Cat paw print theme */
+.program-card.meow-card {
+  --color-meow-bg: #f8d4d1;
+  --color-meow-dot: #e8c4c1;
+  --color-meow-text: #c94a6d;
+  --color-meow-accent: #e85a7e;
+  background-color: var(--color-meow-bg) !important;
+  background-image: radial-gradient(circle, var(--color-meow-dot) 10px, transparent 15px) !important;
+  background-size: 20px 20px !important;
+  position: relative;
+  color: var(--color-meow-text) !important;
+}
+
+.program-card.meow-card h3,
+.program-card.meow-card p,
+.program-card.meow-card .program-deadline {
+  color: var(--color-meow-text) !important;
+  position: relative;
+  z-index: 1;
+}
+
+.program-card.meow-card a {
+  color: var(--color-meow-accent) !important;
+  position: relative;
+  z-index: 1;
+}
+
+.program-card.meow-card .program-status {
+  color: white !important;
+  position: relative;
+  z-index: 1;
+}
+
+.program-card.meow-card:hover {
+  border-color: var(--color-meow-accent) !important;
+}