Add Woof to YSWS Catalogue

This commit is contained in:
Freddie Yershon 2025-12-19 02:02:34 +00:00
parent 76f798d526
commit 3bd71b8406
3 changed files with 45 additions and 4 deletions

View file

@ -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

View file

@ -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>

View file

@ -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;
}
*/