{
  "version": 1,
  "minor_version": 1,
  "key": "lovelace.morning_ipad",
  "data": {
    "config": {
      "wallpanel": {
        "enabled": true,
        "hide_toolbar": false,
        "hide_sidebar": true,
        "fullscreen": false,
        "idle_time": 0
      },
      "title": "Morning Hub",
      "views": [
        {
          "title": "Morning",
          "path": "morning",
          "icon": "mdi:weather-sunset-up",
          "type": "sections",
          "max_columns": 3,
          "sections": [
            {
              "cards": [
                {
                  "type": "heading",
                  "heading": "Overview"
                },
                {
                  "type": "custom:clock-weather-card",
                  "entity": "weather.pirateweather"
                },
                {
                  "type": "vertical-stack",
                  "cards": [
                    {
                      "type": "custom:button-card",
                      "name": "Commute",
                      "icon": "mdi:car",
                      "styles": {
                        "card": [
                          {
                            "border-radius": "16px 16px 0px 0px"
                          },
                          {
                            "padding": "12px 16px"
                          },
                          {
                            "border-bottom": "1px solid #f1f2f6"
                          }
                        ],
                        "grid": [
                          {
                            "grid-template-areas": "\"i n\""
                          },
                          {
                            "grid-template-columns": "30px 1fr"
                          }
                        ],
                        "name": [
                          {
                            "font-weight": "bold"
                          },
                          {
                            "font-size": "16px"
                          }
                        ],
                        "icon": [
                          {
                            "color": "#1e90ff"
                          }
                        ]
                      }
                    },
                    {
                      "type": "custom:button-card",
                      "entity": "sensor.google_travel_time_work",
                      "show_name": true,
                      "show_label": true,
                      "name": "Google Maps",
                      "label": "via Autoroute 13 S",
                      "styles": {
                        "card": [
                          {
                            "border-radius": "0px"
                          },
                          {
                            "padding": "12px 16px"
                          },
                          {
                            "border-bottom": "1px solid #f1f2f6"
                          }
                        ],
                        "grid": [
                          {
                            "grid-template-areas": "\"i n stat b\""
                          },
                          {
                            "grid-template-columns": "40px 1fr auto auto"
                          }
                        ],
                        "icon": [
                          {
                            "color": "#4285F4"
                          }
                        ],
                        "name": [
                          {
                            "font-weight": "bold"
                          },
                          {
                            "justify-self": "start"
                          }
                        ],
                        "label": [
                          {
                            "font-size": "12px"
                          },
                          {
                            "color": "gray"
                          },
                          {
                            "justify-self": "start"
                          }
                        ]
                      },
                      "custom_fields": {
                        "stat": "[[[ return Math.round(parseFloat(entity.state)) + ' min'; ]]]",
                        "b": "[[[\n  var val = parseFloat(entity.state);\n  var txt = val < 35 ? 'Good' : (val < 45 ? 'Fair' : 'Heavy');\n  var bg = val < 35 ? '#e6f4ea' : (val < 45 ? '#ffe0b2' : '#fce8e6');\n  var clr = val < 35 ? '#137333' : (val < 45 ? '#b06000' : '#c5221f');\n  return `<span style=\"background-color: ${bg}; color: ${clr}; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: bold; margin-left: 10px;\">${txt}</span>`;\n]]]\n"
                      }
                    },
                    {
                      "type": "custom:button-card",
                      "entity": "sensor.waze_time_waze_to_work_travel_time",
                      "show_name": true,
                      "show_label": true,
                      "name": "Waze",
                      "label": "via Autoroute 13 S",
                      "styles": {
                        "card": [
                          {
                            "border-radius": "0px"
                          },
                          {
                            "padding": "12px 16px"
                          },
                          {
                            "border-bottom": "1px solid #f1f2f6"
                          }
                        ],
                        "grid": [
                          {
                            "grid-template-areas": "\"i n stat b\""
                          },
                          {
                            "grid-template-columns": "40px 1fr auto auto"
                          }
                        ],
                        "icon": [
                          {
                            "color": "#33ccff"
                          }
                        ],
                        "name": [
                          {
                            "font-weight": "bold"
                          },
                          {
                            "justify-self": "start"
                          }
                        ],
                        "label": [
                          {
                            "font-size": "12px"
                          },
                          {
                            "color": "gray"
                          },
                          {
                            "justify-self": "start"
                          }
                        ]
                      },
                      "custom_fields": {
                        "stat": "[[[ return Math.round(parseFloat(entity.state)) + ' min'; ]]]",
                        "b": "[[[\n  var val = parseFloat(entity.state);\n  var txt = val < 35 ? 'Good' : (val < 45 ? 'Fair' : 'Heavy');\n  var bg = val < 35 ? '#e6f4ea' : (val < 45 ? '#ffe0b2' : '#fce8e6');\n  var clr = val < 35 ? '#137333' : (val < 45 ? '#b06000' : '#c5221f');\n  return `<span style=\"background-color: ${bg}; color: ${clr}; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: bold; margin-left: 10px;\">${txt}</span>`;\n]]]\n"
                      }
                    },
                    {
                      "type": "custom:button-card",
                      "entity": "sensor.google_travel_time_work",
                      "show_name": true,
                      "show_label": true,
                      "name": "[[[ \n  var mins = Math.round(parseFloat(entity.state));\n  var status = mins < 35 ? 'Traffic normally' : (mins < 45 ? 'Minor traffic delays' : 'Heavy traffic alerts');\n  return `${status}  •  ${mins} min`;\n]]]\n",
                      "label": "Typical commute: ~25 min",
                      "icon": "[[[ return parseFloat(entity.state) < 35 ? 'mdi:check-circle' : (parseFloat(entity.state) < 45 ? 'mdi:alert-circle' : 'mdi:alert-octagon'); ]]]",
                      "styles": {
                        "card": [
                          {
                            "border-radius": "0px 0px 16px 16px"
                          },
                          {
                            "padding": "12px 16px"
                          }
                        ],
                        "grid": [
                          {
                            "grid-template-areas": "\"i n\""
                          },
                          {
                            "grid-template-columns": "40px 1fr"
                          }
                        ],
                        "icon": [
                          {
                            "color": "[[[ return parseFloat(entity.state) < 35 ? '#2ecc71' : (parseFloat(entity.state) < 45 ? '#e67e22' : '#e74c3c'); ]]]"
                          }
                        ],
                        "name": [
                          {
                            "font-weight": "500"
                          },
                          {
                            "justify-self": "start"
                          }
                        ],
                        "label": [
                          {
                            "font-size": "12px"
                          },
                          {
                            "color": "gray"
                          },
                          {
                            "justify-self": "start"
                          }
                        ]
                      }
                    }
                  ]
                },
                {
                  "type": "heading",
                  "heading": "Control"
                }
              ]
            },
            {
              "cards": [
                {
                  "type": "heading",
                  "heading": "Schedule"
                },
                {
                  "title": "Today's Calendar",
                  "entities": [
                    "calendar.family_calendar"
                  ],
                  "default_view": "agenda",
                  "first_day_of_week": 0,
                  "week_days": [
                    0,
                    1,
                    2,
                    3,
                    4,
                    5,
                    6
                  ],
                  "week_start_hour": 0,
                  "week_end_hour": 23,
                  "lock_schedule_hours": false,
                  "hide_the_past": false,
                  "past_event_mode": "none",
                  "disable_swipe_controls": false,
                  "show_all_events_month": false,
                  "show_all_details_month": false,
                  "hide_empty_days": true,
                  "agenda_compact_events": false,
                  "shorten_event_times": false,
                  "time_zone": "",
                  "display_full_weekday_names": false,
                  "compact_width": false,
                  "show_current_time_bar": false,
                  "show_event_location": false,
                  "use_short_location": false,
                  "event_location_font_size": 9,
                  "background_opacity": 0,
                  "header_background_opacity": 0,
                  "event_calendar_friendly_name": false,
                  "event_title_prefix": "none",
                  "combine_style": "bars",
                  "combine_background": "primary",
                  "event_color_mode": "classic",
                  "event_neutral_background": "#F8F3E9",
                  "event_tint_opacity": 80,
                  "event_color_bar_width": 18,
                  "day_badges": [],
                  "day_badge_layout_week": "inline",
                  "hide_calendars": true,
                  "hide_header": true,
                  "hide_year": false,
                  "hide_controls": false,
                  "hide_navigation_buttons": false,
                  "hide_add_event_button": false,
                  "hide_view_selector": false,
                  "hide_dark_mode_toggle": false,
                  "show_dashboard_nav_button": false,
                  "header_dashboard_path": null,
                  "header_weather_sensor": "",
                  "calendar_person_entities": {},
                  "default_hidden_calendars": [],
                  "color_scheme": "auto",
                  "enable_event_management": true,
                  "event_modal_size": "medium",
                  "type": "custom:daylight-calendar-card",
                  "rolling_days": 7,
                  "compact_height": true,
                  "card_mod": {
                    "style": "ha-card {\n  border-radius: 18px !important;\n  padding: 16px !important;\n  background-color: transparent !important;\n  box-shadow: none !important;\n  border: none !important;\n}\n.daylight-header-title {\n  font-weight: bold !important;\n  font-size: 18px !important;\n  color: var(--primary-text-color) !important;\n}\n.daylight-event-wrapper {\n  background: #ffffff !important;\n  border: 1px solid #e1e4e8 !important;\n  border-radius: 14px !important;\n  margin-bottom: 12px !important;\n  padding: 14px 16px !important;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.02) !important;\n  border-left: 5px solid var(--daylight-event-color, #2196f3) !important;\n}\n.daylight-event-title {\n  font-weight: bold !important;\n  font-size: 15px !important;\n  color: #2c3e50 !important;\n}\n.daylight-event-time {\n  font-size: 12px !important;\n  color: #95a5a6 !important;\n  margin-bottom: 2px !important;\n}\n"
                  },
                  "hide_calendar_names": false
                }
              ]
            },
            {
              "type": "grid",
              "cards": [
                {
                  "show_state": false,
                  "show_name": false,
                  "camera_view": "auto",
                  "fit_mode": "cover",
                  "type": "picture-entity",
                  "entity": "camera.album_slideshow_google_screensaver",
                  "camera_image": "camera.album_slideshow_google_screensaver"
                }
              ]
            }
          ]
        }
      ]
    }
  }
}