From 3bd71b8406e96e1815fb4023d0be8c10901c082a Mon Sep 17 00:00:00 2001
From: Freddie Yershon <freddieayershon@gmail.com>
Date: Fri, 19 Dec 2025 02:02:34 +0000
Subject: [PATCH] Add Woof to YSWS Catalogue

---
 data.yml   |  1 +
 script.js  |  4 +++-
 styles.css | 44 +++++++++++++++++++++++++++++++++++++++++---
 3 files changed, 45 insertions(+), 4 deletions(-)

diff --git a/data.yml b/data.yml
index 95262c3..90055dc 100644
--- a/data.yml
+++ b/data.yml
@@ -924,6 +924,7 @@ indefinite:
 drafts:
 - name: Woof
   description: Spend 5 or more hours making a dog themed project and get a dog plushie and other cool stuff!
+  website: https://woof-mu.vercel.app/
   slack: https://hackclub.enterprise.slack.com/archives/C08LCGSECQP
   slackChannel: "#woof"
   status: draft
diff --git a/script.js b/script.js
index 985116c..a30a198 100644
--- a/script.js
+++ b/script.js
@@ -300,6 +300,8 @@ function createProgramCard(program) {
     const accelerateClass = program.name === 'Accelerate' ? 'accelerate-card' : '';
     const baubleClass = program.name === 'Bauble' ? 'bauble-card' : '';
     const meowClass = program.name === 'Meow' ? 'meow-card' : '';
+    const woofClass = program.name === 'Woof' ? 'woof-card' : '';
+
     
     const encodedProgram = encodeURIComponent(JSON.stringify(program));
     
@@ -333,7 +335,7 @@ function createProgramCard(program) {
     ` : '';
     
     return `
-        <div class="card program-card ${opensClass} ${blueprintClass} ${accelerateClass} ${baubleClass} ${meowClass}" data-program="${encodedProgram}" data-name="${program.name}">
+        <div class="card program-card ${opensClass} ${blueprintClass} ${accelerateClass} ${baubleClass} ${meowClass} ${woofClass}" data-program="${encodedProgram}" data-name="${program.name}">
             ${baubleSnowflakes}
             <div class="program-header">
                 <h3>${program.name}</h3>
diff --git a/styles.css b/styles.css
index e1d7df0..cb99dbf 100644
--- a/styles.css
+++ b/styles.css
@@ -3026,7 +3026,7 @@ html {
   }
 }
 
-/* Meow-specific card styling - Cat paw print theme */
+/* Woof-specific card styling - Cat paw print theme */
 .program-card.meow-card {
   --color-meow-bg: #f8d4d1;
   --color-meow-dot: #e8c4c1;
@@ -3063,8 +3063,45 @@ html {
   border-color: var(--color-meow-accent) !important;
 }
 
-/* Woof-specific card styling */
-.program-card.woof {
+/* Woof-specific card styling - borrowed from Meow ^ */
+.program-card.woof-card {
+  --color-woof-bg: #E5CD6C;
+  --color-woof-dot: #F9F3B9;
+  --color-woof-text: #010101;
+  --color-woof-accent: #2F1213;
+  background-color: var(--color-woof-bg) !important;
+  background-image: radial-gradient(circle, var(--color-woof-dot) 10px, transparent 15px) !important;
+  background-size: 20px 20px !important;
+  position: relative;
+  color: var(--color-woof-text) !important;
+}
+
+.program-card.woof-card h3,
+.program-card.woof-card p,
+.program-card.woof-card .program-deadline {
+  color: var(--color-woof-text) !important;
+  position: relative;
+  z-index: 1;
+}
+
+.program-card.woof-card a {
+  color: var(--color-woof-accent) !important;
+  position: relative;
+  z-index: 1;
+}
+
+.program-card.woof-card .program-status {
+  color: white !important;
+  position: relative;
+  z-index: 1;
+}
+
+.program-card.woof-card:hover {
+  border-color: var(--color-woof-accent) !important;
+}
+
+/* Woof-specific card styling 
+.program-card.woof-card {
   --color-woof-bg: #e5cd6c;
   --color-woof-text: #2f1313;
   --color-woof-accent: #87803b;
@@ -3093,3 +3130,4 @@ html {
 .program-card.woof:hover {
   border-color: var(--color-woof-accent) !important;
 }
+*/
\ No newline at end of file