Untitled

type: custom:stack-in-card
layout_type: grid
layout:
  grid-template-columns: 100%%
  grid-template-rows: auto
  grid-template-areas: |
    "header"
cards:
  - type: grid
    cards:
      - type: custom:swipe-card
        start_card: 1
        parameters:
          slidesPerView: 7
          spaceBetween: 8
        cards:
          - type: button
            tap_action:
              action: navigate
              navigation_path: /lovelace/ajustes
            show_icon: true
            show_state: false
            show_name: true
            icon_height: 50px
            hold_action:
              action: none
            icon: mdi:shield-home
            name: Alarme
            card_mod:
              style:
                .: |
                  ha-card {
                    background-color: transparent !important;
                    box-shadow: none !important;
                    #font-size: 30px !important;
                    border-radius: 0px;
                    font-family: 'Nunito', sans-serif !important;
                    font-weight: 200 !important;
          - type: button
            tap_action:
              action: navigate
              navigation_path: /lovelace/ajustes
            show_icon: true
            show_state: false
            show_name: true
            icon_height: 50px
            hold_action:
              action: none
            icon: mdi:account-group
            name: Pessoas
            card_mod:
              style:
                .: |
                  ha-card {
                    background-color: transparent !important;
                    box-shadow: none !important;
                    #font-size: 30px !important;
                    border-radius: 0px;
                    font-family: 'Nunito', sans-serif !important;
                    font-weight: 200 !important;
          - type: button
            tap_action:
              action: navigate
              navigation_path: /lovelace/ajustes
            show_icon: true
            show_state: false
            show_name: true
            hold_action:
              action: none
            icon: mdi:garage
            name: Garagem
            icon_height: 50px
            card_mod:
              style:
                .: |
                  ha-card {
                    background-color: transparent !important;
                    box-shadow: none !important;
                    #font-size: 30px !important;
                    border-radius: 0px;
                    font-family: 'Nunito', sans-serif !important;
                    font-weight: 200 !important;
          - type: button
            tap_action:
              action: navigate
              navigation_path: /lovelace/ajustes
            show_icon: true
            show_state: false
            show_name: true
            icon_height: 50px
            hold_action:
              action: none
            icon: mdi:cctv
            name: Cameras
            card_mod:
              style:
                .: |
                  ha-card {
                    background-color: transparent !important;
                    box-shadow: none !important;
                    #font-size: 30px !important;
                    border-radius: 0px;
                    font-family: 'Nunito', sans-serif !important;
                    font-weight: 200 !important;
          - type: button
            tap_action:
              action: navigate
              navigation_path: /lovelace/ajustes
            show_icon: true
            show_state: false
            show_name: true
            icon_height: 50px
            hold_action:
              action: none
            icon: mdi:ceiling-light-multiple
            name: Luzes
            card_mod:
              style:
                .: |
                  ha-card {
                    background-color: transparent !important;
                    box-shadow: none !important;
                    #font-size: 30px !important;
                    border-radius: 0px;
                    font-family: 'Nunito', sans-serif !important;
                    font-weight: 200 !important;
          - type: button
            tap_action:
              action: navigate
              navigation_path: /lovelace/ajustes
            show_icon: true
            show_state: false
            show_name: true
            icon_height: 50px
            hold_action:
              action: none
            icon: mdi:air-conditioner
            name: AC
            card_mod:
              style:
                .: |
                  ha-card {
                    background-color: transparent !important;
                    box-shadow: none !important;
                    #font-size: 30px !important;
                    border-radius: 0px;
                    font-family: 'Nunito', sans-serif !important;
                    font-weight: 200 !important;
          - type: button
            tap_action:
              action: navigate
              navigation_path: /lovelace/ajustes
            show_icon: true
            show_state: false
            show_name: true
            icon_height: 50px
            hold_action:
              action: none
            icon: mdi:door-sliding
            name: Portas
            card_mod:
              style:
                .: |
                  ha-card {
                    background-color: transparent !important;
                    box-shadow: none !important;
                    #font-size: 30px !important;
                    border-radius: 0px;
                    font-family: 'Nunito', sans-serif !important;
                    font-weight: 200 !important;
        columns: 7
        square: false
        view_layout:
          grid-area: header
    columns: 1
    square: false
card_mod:
  style: |
    ha-card {
      background-color: transparent !important;
      background-image: url('/local/images/footer_effect.png');
      background-repeat:no-repeat;
      background-size:contain;
      background-position:top;
      box-shadow: none !important;
      border-radius: 0px;
      font-family: 'Nunito', sans-serif !important;
      font-weight: 600 !important;
      border-top: 1px solid rgba(255, 255, 255, .2);
      padding-top: 1%;