Mudroom Dashboard Configuration

gistfile1.txt

views:
  - title: Grid
    path: grid
    layout:
      grid-template-columns: auto 30px 25%
      grid-template-rows: auto
      grid-template-areas: |
        "header header header header header header header header"
        "left left left left right right right right"
        "time time time  button1 footer footer footer footer"
    cards:
      - type: custom:hourly-weather
        name: null
        entity: weather.home
        icons: false
        show_date: 'false'
        show_precipitation_amounts: false
        show_precipitation_probability: false
        layout_options:
          grid_column: 1 / span 2
          grid_rows: 2
        colors:
          fog: '#777'
          cloudy: '#b3bbcf'
          sunny: '#eFeF90'
          windy: '#90cbff'
          windy-variant: '#90cbff'
          lightning: '#5693C8'
          pouring: '#375E80'
        view_layout:
          grid-area: header
      - type: custom:mushroom-template-card
        primary: |2-

                    {% set event = state_attr('calendar.school', 'message') %}
                    {% set day = now().weekday() %}

                    {% if day == 5 or day == 6 or event == "No School" %}
                      No School
                    {% elif event == "Band" %}
                      Band
                    {% elif event == "Gym" %}
                      Gym
                    {% else %}
                      Error
                    {% endif %}
        secondary: |2-

                    {% set event = state_attr('calendar.school', 'message') %}
                    {% set day = now().weekday() %}

                    {% if day == 5 or day == 6 or event == "No School" %}
                      Enjoy your day off!
                    {% elif event == "Band" %}
                      Don't forget your Trumpet!
                    {% elif event == "Gym" %}
                      What goes here?
                    {% else %}
                      Is the calendar up to date?
                    {% endif %}
        icon: |2-
                    {% set event = state_attr('calendar.school', 'message') %}
                    {% set day = now().weekday() %}

                    {% if day == 5 or day == 6 or event == "No School" %}
                      mdi:controller
                    {% elif event == "Band" %}
                      mdi:trumpet
                    {% elif event == "Gym" %}
                      mdi:football
                    {% else %}
                      mdi:exclamation
                    {% endif %}
        layout: vertical
        icon_color: |2-
                      {% set event = state_attr('calendar.school', 'message') %}
                      {% set day = now().weekday() %}

                      {% if day == 5 or day == 6 or event == "No School" %}
                        blue
                      {% elif event == "Band" %}
                        #B5A642
                      {% elif event == "Gym" %}
                        orange
                      {% else %}
                        red
                      {% endif %}
        view_layout:
          grid-area: left
        card_mod:
          style:
            .: |
              ha-card {
                height: 350 !important;
                width: 400px;
              }
            mushroom-shape-icon$: |
              .shape {
                --icon-symbol-size: 80px;
                --icon-size: 100px;
              }
                  
            mushroom-state-info$: |
              .container {
                --card-primary-font-size: 80px;
                --card-primary-line-height: 80px;
                --card-secondary-font-size: 30px;
                --card-secondary-line-height: 35px;
              }
      - type: custom:mushroom-template-card
        primary: Kylo
        secondary: >-
          {% if is_state("binary_sensor.kylo_needs_food", "off") %}has already
          been fed!{% else %}needs food!{% endif %}
        icon: mdi:dog
        badge_color: ''
        badge_icon: ''
        icon_color: >-
          {% if is_state("binary_sensor.kylo_needs_food", "off") %}green{% else
          %}yellow{% endif %}
        layout: vertical
        view_layout:
          grid-area: right
        card_mod:
          style:
            .: |
              ha-card {
                height: 350 !important;
                width: 400px;
              }
            mushroom-shape-icon$: |
              .shape {
                --icon-symbol-size: 80px;
                --icon-size: 100px;
              }
                  
            mushroom-state-info$: |
              .container {
                --card-primary-font-size: 80px;
                --card-primary-line-height: 80px;
                --card-secondary-font-size: 30px;
                --card-secondary-line-height: 35px;
              }
      - type: custom:mushroom-title-card
        title: >-
          {{ as_timestamp(states('sensor.date_time_iso')) | timestamp_custom('%A
          %B %-d, %I:%M %p')}}
        view_layout:
          grid-area: time
        card_mod:
          style: |
            ha-card {
              --title-font-size: 18px !important;
            }
      - type: custom:mushroom-title-card
        title: Kylo Minder
        view_layout:
          grid-area: button1
        card_mod:
          style: |
            ha-card {
              --title-font-size: 18px !important;
            }
            .title {
              color: {% if is_state('input_boolean.kylo_minder', 'on') %} green {% else %} grey {% endif %} !important;
            }
    type: custom:grid-layout