Add css animation jam

[AlanikREDAWN]

I created and added a jam that will show how you can create a simple animation using css and a little bit of html

[vercel]

@AlanikREDAWN is attempting to deploy a commit to the Hack Club Team on Vercel.

A member of the Team first needs to authorize it.

[BrightTheBackpack]

looks great! could you fix the errors that happen as a result of the use of

and

Details

?

[AlanikREDAWN]

Okay, my last commit should have fixed that.

[BrightTheBackpack]

Looking pretty good! just a couple last things to fix it

1. Remove all the commented former dropdowns
2. in the metadata at the top of the file. slug should be "slug: 'css-art-animation'"
3. Add a time estimate!

[AlanikREDAWN]

Okay, done!

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
jams	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 15, 2024 5:07am

[maxwofford]

@AlanikREDAWN try running yarn run build and see what errors! This page currently breaks the build.

[BrightTheBackpack]

Yes pls do! Most of my suggestions have been a result of that

[maxwofford]

I just pushed some changes to fix the build @AlanikREDAWN! It's getting close b/c the page is building now, but I'm still not clear as I go through it...

• what am I going to build
• what should my code look like at each step (ie. do I call my own classes .className too?)
• what should my current output look like?

[AlanikREDAWN]

Thanks for fixing those build issues. I really couldn't figure out what was going on. As for the structure of the jam, I really wanted to push people to take their own creative liberties and make their own creative decisions instead of just following a tutorial, but I'll go back and add a little more guidelines and clarity.

[AlanikREDAWN]

Okay, so I just pushed a commit that added more clarity and provided examples of what the outcome of the jam could look like. I'm not 100% sure the dropdowns are working though

[BrightTheBackpack]

It would be nice if at the beginning there was a little gif or image that shows examples of what people can use the animations to make. Maybe take one from cascade.hackclub.com!