1
0
mirror of https://github.com/home-assistant/frontend.git synced 2026-02-27 21:24:04 +00:00
Files
frontend/src/html/onboarding.html.template
Steve Repsher 345000a0e9 Redefine browser requirements for modern (latest) builds (#16506)
* Redefine browser requirements for modern (latest) builds

* Rename babel class properties plugin

* Fix only allowing latest Android

* Add browsers released in last year

* Use at or above for utilization (no change to browsers currently)

* Only use time query (no effective change)

* Add transform for private methods

* Fix some typos in browserslist config

Co-authored-by: Quentame <polletquentin74@me.com>

* bump browserslist-useragent-regex

* Add fallback feature detection for Array.prototype.findLast

---------

Co-authored-by: Quentame <polletquentin74@me.com>
2024-07-19 10:49:19 -04:00

61 lines
1.5 KiB
Plaintext

<!DOCTYPE html>
<html>
<head>
<title>Home Assistant</title>
<%= renderTemplate("_header.html.template") %>
<%= renderTemplate("_style_base.html.template") %>
<style>
html {
background-color: var(--primary-background-color, #fafafa);
color: var(--primary-text-color, #212121);
}
@media (prefers-color-scheme: dark) {
html {
background-color: var(--primary-background-color, #111111);
color: var(--primary-text-color, #e1e1e1);
}
}
body {
height: auto;
padding: 32px 0;
}
.content {
max-width: 560px;
margin: 0 auto;
padding: 0 16px;
box-sizing: content-box;
}
.header {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 32px;
}
.header img {
height: 56px;
width: 56px;
}
</style>
</head>
<body id="particles">
<div class="content">
<div class="header">
<img src="/static/icons/favicon-192x192.png" alt="Home Assistant" />
</div>
<ha-onboarding></ha-onboarding>
</div>
<%= renderTemplate("_js_base.html.template") %>
<%= renderTemplate("_preload_roboto.html.template") %>
<%= renderTemplate("_script_loader.html.template") %>
<script crossorigin="use-credentials">
if (window.latestJS) {
window.stepsPromise = fetch("/api/onboarding", {
credentials: "same-origin",
});
}
</script>
</body>
</html>