diff --git a/data.yml b/data.yml index 6a37f81..1bb0621 100644 --- a/data.yml +++ b/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 diff --git a/script.js b/script.js index acb1227..985116c 100644 --- a/script.js +++ b/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 ` -
+
${baubleSnowflakes}

${program.name}

diff --git a/styles.css b/styles.css index 254829b..32365a3 100644 --- a/styles.css +++ b/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 10px) !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; +}