confetti | Happy new year with this confetti effect | Animation library

If I import something, then use it, it will not work in a function or without a function for external js but with inline js

for example

Merging Errors: Error: android:exported needs to be explicitly specified for element . Apps targeting Android 12 and higher are required to specify an explicit value for android:exported when the corresponding component has an intent filter defined. See https://developer.android.com/guide/topics/manifest/activity-element#exported for details. test.app main manifest (this file), line 19

I don't even know what to do. I struggled with this mistake for a whole week, but I couldn't.

Here is my sdk version

I have the following error message in the dovecot errors & warnings log after I've tried to rebuild my mail server.

Prior to these errors, I updated my aging system to the latest, and lots of things broke. The configuration was confetti, so I attempted to rebuild the mail server. To get this error, I simply login to Roundcube mail. I'm able to login, however I cant see any emails.

I'm seeing two issues in the error, just not sure how to fix it.

i have been using tailwindcss 2 but i wanted to upgrade to 3. I followed their tutorial but is not working i dont know why.

tailwind.config.js

This is the mockup I'm trying to implement (text blurred on purpose):

What I'm struggling with is the footer. The grey triangle in the lower right is HUGE and overlaps the space where the black button and the test element are. The dark bar and the grey triangle are in one image file and I'm using an img element for it. The part between the top of the dark bar and the top of the triangle is transparent.

What is a good way to use flexbox and have the left triangle overlap the content, so that when the text overflows on the page and the user needs to scroll, then the footer stays at the bottom but the text gets clipped at the top of the bottom dark grey bar?

I'm also struggling with resizing the page horizontally. What's a good way to make the dark grey bar at the bottom and the black bar at the top be of "variable" length while the triangle at the bottom and the white part on the top stays on the right of the header and footer? For now, it's only one image. I was thinking I'd need to split them so the right parts are their own image, then make a div out of the black and dark grey bars, make the bars be background images repeating. And then the right parts are fixed width so only the left part stretches with the window, while filling and clipping the background images as needed.

Finally, the "confettis" under the black circle also need to stretch for as long as the page gets. As it stands, it's all one image in an img tag. But when the page is resized vertically, or if more text is present in the middle and overflows, the confettis just stop. How can I make them stretch for as long as the text is? I was thinking here too of splitting the image at the bottom of the circle and have a second div right below where the rest of the confettis are set as the background, repeating.

I was stumped by this problem, it seemed straight forward but then I started to actually implement it and realized it was more complicated than I thought.

Good evening all, i added the confetti falling animation to my website. The confetti are superimposed on my buttons and i can't click them, how can i make the confetti visible but transparent so that i can click what's underneath?

This is the code that i used:

I want to load the confetti at a specific time. After that time is passed or once the confetti is loaded for a user, I don't want it to be seen again for that user when he refreshes the page or changes the page.

I used this code to run the confetty

at work I'm forced to use flow type, it is however extremely slow, here is a video demonstrating the issue:

https://www.youtube.com/watch?v=hloQX8wG0t0

I already tried several things, such as deleting flow-typed definitions, getting rid of circular dependencies, etc...

At this point I'm out of ideas, I also don't know how to debug the thing, does anyone have an idea how to see the dependency tree that is generated after saving/each keystroke?

Edit 1: Here is my current .flowconfig:

I would like to try and make my array display like:

Parent | sub | sub | ...

Below is the array Essentially, I'm trying to create a csv (I can create the csv, but I cant figure out the best way to sift through each element of the array to create a string)