trying to create a card with the aliases setup for Google/Cloud, I am having a hard time showing it nicely in the frontend.
HAd a look at the Markdown cheat code, but tbh, that doesnt really help a lot…
Maybe this is not the right card to do so, but until anyone has a better idea, please would you have a look how I can do better. The efforts for the table are above, below are several others I still need to order and style.
here is a glimpse of what I have now:
which looks utterly inadequate, but every time I change a space or a new line, the whole card changes… Html markdown certainly has its own laws of mystery (for me)
type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:button-card
template: horizontal-filler
- type: markdown
title: >
Home-assistant Aliases
style: |
ha-card { background: 'var(--paper-card-background-color)'; }
content: |
___
**Switches:**
| Master bed | Subwoofer | Audio setup |
|--------------------|:-------------:|:--------------------:|
| - Nightlight | - Rumble | - Geluidsapparatuur |
| - Nachtlamp | | |
| | | |
| Audio system | Early night | Wakeup radio |
|--------------------|:-------------:|:--------------------:|
| - Muziek | - Vroegertje | - Wakker |
| - Music | | - Ellende |
| | | - Lawaai |
| | | - Stoorzender |
| Audio Gym | Boiler | Dorm |
|--------------------|:-------------:|:--------------------:|
| - Gym audio | - Boiler | - Louise |
| | | - Dorm |
| Espresso | Kantoor | Master bedroom switch|
|--------------------|:-------------:|:--------------------:|
| - Koffie | - Home office | - Oplader |
| Netwerk auditorium | Netwerk Dorm | Netwerk Library |
|--------------------|:-------------:|:--------------------:|
| Network Auditorium| - Network Dorm|- Network library |
|- Network Living | | |
| Quooker | Tv auditorium | Tv hobbykamer |
|--------------------|:-------------:|:--------------------:|
| - Kokend water | - Televisie | - TV library |
| Dishes | Wasdroger | Wasmachine |
|--------------------|:-------------:|:--------------------:|
| - Vaat | - Dryer | - Washingmachine |
Wake NAS
- Nas
Toaster
- broodrooster
___
**Activities:**
Aan de slag
- Werk
Gaming
- Xbox
Gym
- Sports
Home theater
- Film kijken
- Bioscoop
- Movie
Naar bed
- Turn in
Opstaan
- Wakker worden
- Wakeup
Selamat makan
- Aan tafel
- Eten
Slapen
- Wel te rusten
Thuis
- Arrive home
Uit huis
- Leave home
___
**Verlichting:**
Den
- Wandverlichting
Aan de slag verlichting
- Werk licht
- Work lights
Game verlichting
- Xbox licht
- Game lights
Gym verlichting
- Sport licht
- Gym licht
- Gym lights
Home theater verlichting
- Tv licht
- Film licht
- Movie lights
Lees verlichting
- Lees licht
- Reading lights
Bed verlichting
- Bed licht
- Bed lights
Opstaan verlichting
- Wakker licht
- Opstaan licht
- Ochtend licht
- Morning lights
Selamat makan verlichting
- Diner licht
- Eet licht
- Diner lights
Slapen verlichting
- Slaap licht
- Sleep lights
- type: custom:button-card
template: horizontal-filler