gistfile1.txt

########################################
# Fix this, it leaks RAM like crazytown.
# Freed 6G of RAM immediately after
# removing this card! --spencer
########################################

id: crooked_status
type: custom:config-template-card
variables:
  - states['sensor.disk_use_percent'].state
  - states['sensor.homeassistant_version'].state
  - states['sensor.disk_total'].state
  - states['sensor.disk_use'].state
  - states['sensor.memory_use_percent'].state
  - states['sensor.processor_use'].state
  - states['sensor.cpu_temperature'].state
entities:
  - sensor.disk_use_percent
  - sensor.homeassistant_version
  - sensor.disk_total
  - sensor.disk_use
  - sensor.memory_use_percent
  - sensor.processor_use
  - sensor.cpu_temperature
card:
  type: entities
  show_header_toggle: 'off'
  style: |
    .card-header {
      padding: 0px 0px 0px 0px !important;
    }
  entities:
    - type: section
      label: ${ 'HA version  ' + vars[1] }
    - type: custom:hui-element
      card_type: vertical-stack
      cards:
        - type: horizontal-stack
          cards:
            - type: picture
              style: |
                ha-card {
                    --paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
                    --ha-card-background: "rgba(0, 0, 0, 0.0)";
                    --ha-card-box-shadow: 'none';
                }
              image: /local/internet.png
            - type: custom:button-card
              layout: icon_name_state
              show_icon: true
              show_state: true
              styles:
                grid:
                  - grid-template-columns: 50px auto
                icon:
                  - padding: 0px 0px
                  - height: 30px
                  - width: 30px
                card:
                  - '--ha-card-background': rgba(0, 0, 0, 0.0)
                  - '--ha-card-box-shadow': none
                state:
                  - padding: 0px 10px
                  - justify-self: start
                  - font-family: Roboto, sans-serif
                  - font-size: 15px
                name:
                  - padding: 0px 10px
                  - justify-self: start
                  - color: var(--secondary-text-color)
              entity: sensor.homeassistant_uptime
              name: Uptime
              icon: mdi:clock-outline
        - type: custom:bar-card
          show_icon: true
          align: split
          columns: 1
          max: 100
          positions:
            icon: inside
            indicator: inside
            name: inside
            value: inside
          unit_of_measurement: '%'
          severity:
            - value: 50
              color: '#0000FF'
            - value: 75
              color: '#00FF00'
            - value: 100
              color: '#FF0000'
          style: |
            ha-card {
                --paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
                --ha-card-background: "rgba(0, 0, 0, 0.0)";
                --paper-item-icon-color: 'var(--text-primary-color';
                --ha-card-box-shadow: 'none';
            }
          entities:
            - entity: sensor.disk_use_percent
          name: ${ 'Disk (' + vars[3] + 'Gb/' + vars[2] + 'Gb)' }
          entity_row: true
        - type: horizontal-stack
          cards:
            - type: custom:bar-card
              show_icon: true
              align: split
              columns: 1
              max: 100
              positions:
                icon: inside
                indicator: inside
                name: inside
                value: inside
              unit_of_measurement: '%'
              severity:
                - value: 50
                  color: '#3498db'
                - value: 75
                  color: '#f39c12'
                - value: 100
                  color: '#e45e65'
              style: |
                ha-card {
                  --paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
                  --ha-card-background: "rgba(0, 0, 0, 0.0)";
                  --paper-item-icon-color: 'var(--text-primary-color';
                  --ha-card-box-shadow: 'none';
                }
              entity: sensor.memory_use_percent
              name: RAM
              entity_row: true
            - type: custom:bar-card
              show_icon: true
              align: split
              columns: 1
              max: 100
              positions:
                icon: inside
                indicator: inside
                name: inside
                value: inside
              unit_of_measurement: '%'
              severity:
                - value: 50
                  color: '#3498db'
                - value: 75
                  color: '#f39c12'
                - value: 100
                  color: '#e45e65'
              style: |
                ha-card {
                  --paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
                  --ha-card-background: "rgba(0, 0, 0, 0.0)";
                  --paper-item-icon-color: 'var(--text-primary-color';
                  --ha-card-box-shadow: 'none';
                }
              entity: sensor.processor_use
              name: CPU
              entity_row: true
        - type: custom:mini-graph-card
          animate: true
          cache: false
          update_interval: 30
          show_icon: true
          align: left
          columns: 3
          max: 20
          positions:
            icon: inside
            indicator: inside
            name: inside
            value: inside
          severity:
            - value: 1
              color: '#3498db'
            - value: 3
              color: '#f39c12'
            - value: 6
              color: '#e45e65'
          style: |
            ha-card {
              --paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
              --ha-card-background: "rgba(0, 0, 0, 0.0)";
              --paper-item-icon-color: 'var(--text-primary-color';
              --ha-card-box-shadow: 'none';
            }
          entities:
            - sensor.load_1m
            - sensor.load_5m
            - sensor.load_15m
          name: Load
          entity_row: true
        - type: custom:mini-graph-card
          cache: false
          animate: true
          update_interval: 30
          height: 200
          line_width: 3
          font_size: 100
          hours_to_show: 24
          points_per_hour: 1
          show:
            extrema: true
            fill: true
          style: |
            ha-card {
              --ha-card-background: "rgba(0, 0, 0, 0.0)";
              --ha-card-box-shadow: 'none';
              border-radius: 5px;
            }
            .info.flex {
              font-size: 12px !important;
            }
          entities:
            - sensor.cpu_temperature
          name: Temperature
          color_thresholds:
            - value: 30
              color: '#3498db'
            - value: 50
              color: '#f39c12'
            - value: 80
              color: '#ff0000'