I need to figure out how to assign different containers/div layers to different webapps and implicitly surfaces. More information about that can be found at SPEC-2927. Please have a read there to understand why these are necessary.

I need some kind of crude reference application to test the changes in ozone/chromium and WAM.

Currently html5-homescreen doesn't seem to work correctly if it is pulled out of the AGL image. It can't display any icon and it is hard-coded to show only in landscape mode. I only see the panels sideways and the background. So I need some kind of a very crude mock-up, than contains the javascript and the html5 bits, found in html5-homescreen, but with the following modifications:

• has no AFM in it, but instead has a list of apps and icons, dummy ones, please also see another alternative I think is sufficient
• has no hard-coded absolute values, I see there's some hard-coded values, please try
  to remove those and only have only % (percentage). Hard-coding px values will break at some point
• can determine on its own the orientation, or provide some easy way to do that. It seems is fixed at the moment and depends on external services to do that? IDK at this stage how that works.
• to avoid any complications, the panels (top/bottom one) can function the same as the background such that they have their own contains/divs but not all mashed up together in one main page. The idea here is that each of these containers will have distinct surface.

It doesn't need to contain excessive javascript or jquery or what, simple plain static web page that has several containers (panel, top, bottom, and the background) are more than alright. If you can add dummy icons and sliders by all means, if not just display different colors for each. Modifying the orientation by modifying a file is also fine.

I'm attaching a picture that I use with qtwayland this exact same thing.