There must be an less repeat-y way to do this!
What happens when your client decides that all the confetti should be 10% lighter?
How about creating a set of style objects in JS which contain the same as your confetti-X classes, then creating the divs and appending your style objects in a JS function called at the end of <body>
The confetti is beautiful and all, and adds that extra sense of urgency to the todo list for those of us who might be tempted to go have a cup of tea instead of tackling the next item on it. But don't think we're going to let you get away with 3700 lines of code for a feature!!!
Also, for graphics made up of lines, look into coding SVGs - they take a few hours to learn, but are a handy way to solve graphical problems.
whaaaaaa?
There must be an less repeat-y way to do this! What happens when your client decides that all the confetti should be 10% lighter?
How about creating a set of style objects in JS which contain the same as your
confetti-X
classes, then creating thediv
s and appending your style objects in a JS function called at the end of<body>
The confetti is beautiful and all, and adds that extra sense of urgency to the todo list for those of us who might be tempted to go have a cup of tea instead of tackling the next item on it. But don't think we're going to let you get away with 3700 lines of code for a feature!!!
Also, for graphics made up of lines, look into coding SVGs - they take a few hours to learn, but are a handy way to solve graphical problems.