Add homepage confetti effect for 50th Remote Hack celebration #216
Conversation
| setInterval(createConfetti, 100); | ||
|
|
||
| // Stop creating confettis after 5 seconds | ||
| setTimeout(() => { | ||
| clearInterval(createConfetti); |
There was a problem hiding this comment.
There's no interval id being stored, so it'll never stop 🤔
There was a problem hiding this comment.
If you can limit it easily to just the homepage then I think this is fine
There was a problem hiding this comment.
Yep I guess it is fine! I thought it was worth noting that the code from Copilot Workspace Preview has syntax issues 😓
| confetti.y += confetti.speed; | ||
| confetti.x += Math.cos(confetti.angle) * confetti.speed; | ||
|
|
||
| // Remove confetti that are out of the screen |
There was a problem hiding this comment.
If we don't do this, it is basically just a memory leak?
|
@lpmi-13 I generated this PR using the Copilot Workspace Preview 😎 . It took me a few attempts to get this PR, and I think there's still some issues with it! Will try and fix it up and merge if I get a chance. 
|
|
This was testing out copilot workspace, and there were a couple of issues with the implementation that I never ironed out. Also we're well past 50 now 🥳 |
Adds a celebratory confetti effect to the homepage for the 50th Remote Hack event, respecting user preferences for reduced motion and only triggering under specific conditions.
assets/confetti.jsthat creates a falling confetti effect using plain JavaScript. This effect respects the "prefers-reduced-motion" media query and automatically stops generating new confetti after 5 seconds._hacks/50.mdto includecelebrate: truein the front matter, which is used to conditionally trigger the confetti effect._layouts/default.htmlto conditionally include theconfetti.jsscript based on thecelebrate: truecondition in the front matter of the event page.For more details, open the Copilot Workspace session.