mirror of
https://github.com/home-assistant/frontend.git
synced 2026-02-27 13:17:29 +00:00
96 lines
2.4 KiB
Plaintext
96 lines
2.4 KiB
Plaintext
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Home Assistant</title>
|
|
<link rel="modulepreload" href="<%= latestPageJS %>" crossorigin="use-credentials" />
|
|
<%= renderTemplate('_header') %>
|
|
<style>
|
|
html {
|
|
color: var(--primary-text-color, #212121);
|
|
background-color: #0277bd !important;
|
|
}
|
|
.content {
|
|
box-sizing: border-box;
|
|
padding: 20px 16px;
|
|
border-radius: 4px;
|
|
max-width: 432px;
|
|
margin: 64px auto 0;
|
|
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.header {
|
|
text-align: center;
|
|
font-size: 1.96em;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.header img {
|
|
margin-right: 16px;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
html {
|
|
color: #e1e1e1;
|
|
}
|
|
ha-onboarding {
|
|
--primary-text-color: #e1e1e1;
|
|
--secondary-text-color: #9b9b9b;
|
|
--disabled-text-color: #6f6f6f;
|
|
--mdc-theme-surface: #1e1e1e;
|
|
--ha-card-background: #1e1e1e;
|
|
}
|
|
.content {
|
|
background-color: #111111;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 450px) {
|
|
.content {
|
|
min-height: 100%;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body id='particles'>
|
|
<div class="content">
|
|
<div class="header">
|
|
<img src="/static/icons/favicon-192x192.png" height="52" width="52" />
|
|
Home Assistant
|
|
</div>
|
|
|
|
<ha-onboarding></ha-onboarding>
|
|
</div>
|
|
|
|
<%= renderTemplate('_js_base') %>
|
|
<%= renderTemplate('_preload_roboto') %>
|
|
|
|
<script crossorigin="use-credentials">
|
|
import("<%= latestPageJS %>");
|
|
window.latestJS = true;
|
|
window.stepsPromise = fetch("/api/onboarding", {
|
|
credentials: "same-origin",
|
|
});
|
|
</script>
|
|
|
|
<script>
|
|
(function() {
|
|
if (!window.latestJS) {
|
|
<% if (useRollup) { %>
|
|
_ls("/static/js/s.min.js").onload = function() {
|
|
System.import("<%= es5PageJS %>");
|
|
}
|
|
<% } else { %>
|
|
_ls("<%= es5PageJS %>");
|
|
<% } %>
|
|
}
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|