How to acheive certain effects in new screenshot on readme

[mgrimace]

Hello,
I'm curious how to achieve two specific effects shown on the new (v2) screenshot on the readme. Specifically,

1. the topmost bar (e.g., PVE with cpu, NAS free space, etc.) - I can't tell if these are a boxed information widget (doesn't appear in the 'usual' information widget format), a micro glances of some kind, or something else.
2. A single large widget, nextcloud, sitting beside two smaller boxes that are stacked. How do you get the two smaller boxes to stack up beside a single large one, within the same row? For example, if I did this with a two-column row, the third box Web IDE in this example, would be pushed below nextcloud.

Thanks in advance for any help!

[mgrimace]

Potential Solution for 2

Ok, I was able to recreate the effect.

My screenshot below is basically setup as the following:

In services.yaml, I have three groups of services:

1. Server - Proxmox, NPM, Authentik
2. Portainer - Portainer
3. Resources - Proxmox Scripts, Homepage (= bookmarks, but setup in services.yaml and not bookmarks)

in settings.yaml

  Server:
    header: false
    style: row
    columns: 3
 
 Portainer:
    header: false

  Resources:
    header: false

Since Portainer and Resources are both columns, they should just sort beside each other now nicely, with the headers turned off. I also removed the description in Portainer so they lined up nicely. It appears that in this case bookmarks may need to be added as services, rather than in bookmarks.

[mgrimace]

Solution for 1

Completely missed that there's alternate views for glances: https://gethomepage.dev/en/services/glances/

[github-actions[bot]]

This discussion has been automatically locked since there has not been any recent activity after it was closed. Please open a new discussion for related concerns.