Untitled

views:
  - theme: Backend-selected
    title: Home
    background: center / cover no-repeat url("/local/pictures/space.jpg") fixed
    type: custom:grid-layout
    layout:
      gridrows: auto
      grid-template-columns: 13.5% 27% 27% 27% 5.5%
      grid-template-areas: |
        "m1 h1 h1 h1 m2"
        "s1 c1 c2 c3 m2"
        "s2 c1 c2 c3 m2"
        "s3 c4 c5 c6 m2"
        "s4 c4 c5 c6 m2"
      mediaquery:
        '(max-width: 600px)':
          grid-template-columns: 50% 50%
          grid-template-areas: |
            "h1 h1"
            "s1 s2"
            "s3 s4"
            "c1 c2"
            "c3 c4"
            "c5 c6"
    badges: []
    cards:
      - type: horizontal-stack
        cards:
          - type: weather-forecast
            entity: weather.forecast_home
            card_mod:
              style: |
                ha-card
                  {background: transparent; 
                   border-style: none;
          - type: markdown
            content: |-
              <center><b><font size="9">
              <br>
              <br>
              {{ states('sensor.time') }}
            card_mod:
              style: |
                ha-card
                  {background: transparent; 
                   border-style: none;
        view_layout:
          grid-area: h1
      - square: false
        columns: 1
        type: grid
        cards:
          - type: custom:button-card
            name: Cameras
            color: '#EDE7B0'
            icon: mdi:cctv
            aspect_ratio: 1.5/1
            tap_action:
              action: navigate
              navigation_path: http://homeassistant.local:8123/dashboard-tablet/cameras
            styles:
              card:
                - background-color: '#fffff'
                - font-size: 30px
            style: |
              ha-card {
                    border-radius: 60px;
                    opacity: 80%;
                  }
        view_layout:
          grid-area: c1
      - square: false
        columns: 1
        type: grid
        cards:
          - type: custom:button-card
            name: Kitchen
            color: '#EDE7B0'
            icon: mdi:countertop-outline
            aspect_ratio: 1.5/1
            tap_action:
              action: navigate
              navigation_path: http://homeassistant.local:8123/tablet-dashboard/kitchen
            styles:
              card:
                - background-color: '#fffff'
                - font-size: 30px
            style: |
              ha-card {
                    border-radius: 60px;
                    opacity: 80%;
                  }
        view_layout:
          grid-area: c2
      - square: false
        columns: 1
        type: grid
        cards:
          - type: custom:button-card
            name: Bedroom
            color: '#EDE7B0'
            icon: mdi:bed-double-outline
            aspect_ratio: 1.5/1
            tap_action:
              action: navigate
              navigation_path: http://homeassistant.local:8123/tablet-dashboard/bedroom
            styles:
              card:
                - background-color: '#fffff'
                - font-size: 30px
            style: |
              ha-card {
                    border-radius: 60px;
                    opacity: 80%;
                  }
        view_layout:
          grid-area: c3
      - type: custom:button-card
        name: Garden
        color: '#EDE7B0'
        icon: mdi:flower-tulip-outline
        aspect_ratio: 1.5/1
        tap_action:
          action: navigate
          navigation_path: http://homeassistant.local:8123/tablet-dashboard/garden
        styles:
          card:
            - background-color: '#fffff'
            - font-size: 30px
        style: |
          ha-card {
                border-radius: 60px;
                opacity: 80%;
              }
        view_layout:
          grid-area: c4
      - type: custom:button-card
        name: Lounge
        color: '#EDE7B0'
        icon: mdi:sofa-outline
        aspect_ratio: 1.5/1
        tap_action:
          action: navigate
          navigation_path: http://homeassistant.local:8123/tablet-dashboard/lounge
        styles:
          card:
            - background-color: '#fffff'
            - font-size: 30px
        style: |
          ha-card {
                border-radius: 60px;
                opacity: 80%;
              }
        view_layout:
          grid-area: c5
      - type: custom:button-card
        name: Bathroom
        color: '#EDE7B0'
        icon: mdi:bathtub-outline
        aspect_ratio: 1.5/1
        tap_action:
          action: navigate
          navigation_path: http://homeassistant.local:8123/tablet-dashboard/bathroom
        styles:
          card:
            - background-color: '#fffff'
            - font-size: 30px
        style: |
          ha-card {
                border-radius: 60px;
                opacity: 80%;
              }
        view_layout:
          grid-area: c6
      - type: custom:mini-graph-card
        entities:
          - sensor.outside_temperature
        name: Outside Temp
        line_color: red
        card_mod:
          style: |
            ha-card
              {opacity: 80%; 
               border-style: none;
        view_layout:
          grid-area: s2
      - type: custom:mini-graph-card
        entities:
          - sensor.ambient_light_kitchen_light_level
        name: Kitchen LUX
        line_color: red
        card_mod:
          style: |
            ha-card
              {opacity: 80%;
               border-style: none;
        view_layout:
          grid-area: s1
      - type: custom:mini-graph-card
        entities:
          - sensor.gpu_temp_temperature
        name: GPU Temp
        line_color: red
        card_mod:
          style: |
            ha-card
              {opacity: 80%; 
               border-style: none;
        view_layout:
          grid-area: s3
      - type: custom:mini-graph-card
        entities:
          - sensor.temperature_loft
        name: Loft Temp
        line_color: red
        card_mod:
          style: |
            ha-card
              {opacity: 80%; 
               border-style: none;
        view_layout:
          grid-area: s4
  - theme: Backend-selected
    background: center / cover no-repeat url("/local/pictures/space.jpg") fixed
    title: cameras
    path: cameras
    badges: []
    cards:
      - show_name: true
        show_icon: true
        type: button
        tap_action:
          action: navigate
          navigation_path: http://homeassistant.local:8123/dashboard-tablet/0