eos | Economies of Scale -- Ruby interface

Context:

I have an EOS thermal printer, but it does not print Arabic characters properly like in this image below:

As you can see, the Arabic text is printed incorrectly and from Left-to-Right (LTR), (it should be Right-to-Left - RTL).

Note: You can clearly see the English text is printed perfectly at the end of the page.

Question:

How can I print Arabic text the right way in flutter?

Additional Info:

Flutter version: 2.5.3 (Stable)

Package Used: escpos

Tested on multiple Android devices running Android version (8, 9 ,10)

I'm new to Latex and am trying to make a book-style presentation. But I am quite confused by how Latex justifies text. I was told \begin and \end justified the text and it seemed to work until I add some \newline and then I got this :

We can clearly see the text is justified only on the lower text and not in the top. Both are inside a \begin{raggedright} statement and did not used any other commands than \newline and \textit. The separation of the 2 text comes from a \scenechange commands that is defined as follow :

I have a Json File which contains blog, when I am passing

I have a image carousel underneath a vertical ScrollView. I want to be able to slide some content on top of my image carousel. You can see in the current way I am implementing it there is an issue. I can no longer interact with my image carousel.

I would like to be able to scroll content on top of my carousel, but when there is not content on top, I would like to be able to use my carousel like normal. If possible, I would also like to be able for the scrolling to not bounce back to where it started, but to stay where it is left. If I scroll my content to the top of the screen, it needs to stay at the top of the screen.

I have attached some code as to how I am rendering the scrollView and the carousel but every line of code can be found on my snack example here. It reproduces my issue exactly.

I have used two 'div's to explain my question both div .text and text2 contains same data but .text has below CSS property:

In the snippet below, I have an accordion. My goal is to be able to open a single panel at a time in media queries less than 992px. In media queries greater than 992px, I want to be able to open multiple panels at once.

Part of this is working at the mobile size (I can open the panel, but can't close it). And at desktop, it's not opening at all. I'm not sure where I'm going wrong.

How to control accordion panel open/close behavior based on media queries?

I need some help since I'm not making any progress because I'm stuck at my one-pager navigation logic. As you can see in my detailed example below, I already have a dynamic navigation depending on the scroll position. Also, when you click a navigation item, you are getting scrolled down to the specific section.

What I'm stuck at is the point to add/remove the active class to the navigation item. Somehow, I can't find a logic in my brain to make this a smart part of my navigation. I know that I can make some static JS code, but that's not what I want.

At least, I just want to add another menu item and an element containing the data-waypoint attribute.

It's not an option to add this to the item click functionality, since the user can scroll down manually, which then don't get recognized!

I would be glad for any help I can get!

I am trying to get my mind around flex box layout and now considering flex-direction: column option.

HTML

What I am doing:
I am making a portfolio for me, using HTML, CSS and JavaScript pure. I am creating projects page and trying create a

with JavaScript and inserting data from a .json file, but:

What's the problem?
The Fetch API doesn't working with addEventListener.

I had tried:
Create the

first and out of addEventListener function insert the data, but also doesn't work.

Part of JavaScript: