Cards

HASL Departure Card

Recently added, but not thoroughly tested, is support for the HASL Departure Lovelace Card.

Code sample

type: custom:hasl-departure-card
header: false
departures: true
deviations: false
timeleft: true
updated: false
name: Departures
adjust_times: false
hide_departed: false
language: en-EN
entities:
  - sensor.london_tfl_dlr_940gzzdlrvc

Upcoming Media Card

Also available is support for the Upcoming Media card. Random, yes, but it works as a decent visualiser of all upcoming times.

Code sample

For reference, this also uses card-mod to make it look slightly nicer with the less information provided.

entity: sensor.london_tfl_jubilee_940gzzlucyf
image_style: fanart
max: 3
title: TFL
type: custom:upcoming-media-card
clock: 24
box_shadows: false
border_color: none
title_size: small
line1_size: little
card_mod:
  style: |
    .type-custom-upcoming-media-card {
      background: none !important;
      box-shadow: none !important;
    }

    .type-custom-upcoming-media-card > div {
      padding: 0px !important;
    }

    .lond_fanart {
      border-radius: var(--ha-card-border-radius, 4px);
      background-color: rgb(100, 100, 100);
      background-blend-mode: multiply;
      height: 80px;
    }

    .lond_fan_fanart {
      background: none !important;
      box-shadow: none !important;
    }