boxy | General purpose copycat Facebook dialog/overlay | Frontend Framework library

So im currently learning how to use Aync functions and awaits in JS and I wanted to practice by wrapping a promise in an async function and use awaits. Heres the code im trying to change,

I am making a game in Android Studio. Now my game is complete, but game speed is different on large displays...

I run my game with this timer:

I recently started to use html, css and bootstrap-4, I am trying to make a page with a nav-bar, 4 cards and a footer whit info, I used bootstrap to make the row and cols but it seems that they not align how I want. What can I do in this mess?

Which is the quickest way in PHP to parse "category_fullname" texsts into array not depend on XML structure ?

I am using Angular 9 and ngx-toastr

I have the task of using toastr to create a set of toasts which look quite different from the default toast styles. Each in the set are basically the same, except for border colour, fontawesome icon and message (which I can just pass in).

Here is one of the toast mockups: enter image description here

Toastr has it's own toastr.css style sheet which I added to angular.json. Without it, toasts won't even open. I have my own toast-messages.scss file that contains all the css to realize my mockup. I will include it. It's also added to angular.json

I have been trying to get elements to fade in as scrolling on a horizontal scrolling website. I have found plenty of examples that use .scrollTop and calculate the position of the element, however I cannot get this to work when switching to a horizontal scroll.

How would I calculate when an element is on the screen using horizontal scroll position, and then animate it when it is visible?

The code I have tried:

I'm using this code to plot my data in boxplot:

Which box fits in which basket by also taking into consideration the priority of the boxes and baskets?

df.boxes has the following columns:
boxID - the name of the box
boxX - the size of the box in the X dimension
boxY - the size of the box in the Y dimension
importance - which box should be assigned to a basket first. like a priority - 555 most important (with the highest priority), 111 least important (with the lowest priority)

df.basket has the following columns:
basketID - the name of the basket
basketX - the size of the basket in the X dimension
basketY - the size of the basket in the Y dimension
priorityOfSelection - which basket should be first filled with a box. 1 - highest priority, 7 - lowest priority

for example, box1 doesn't fit in the basket with the highest priority, a.k.a basket 1, so it moves down to the next basket with priorityOfSelection "2" and stores its name in a new column "boxes" of df.basket.

I have a though, first I order the two data frames based on their "importance", "priorotyOfSelection" and compare the size of the boxes to the size of the basket and if there is a match I assign the name of the box to the corresponding basket. In this order of thinking I am trying to create nested for-loop - unsuccessfully, as you may see.

Could anyone point out what and where I do wrong or direct me to an alternative approach, that would be also highly appreciated?

reprex

I have generated OpenCV image like this

From the last line of code, how do I crop and show each character in the current image separately?

Code