mirror of
https://github.com/home-assistant/frontend.git
synced 2025-04-20 03:17:20 +00:00
66012da4de
* Generate hass icons * Generate Hass.io icons * Convert hass.io to use hassio iconset * Convert src to use hass iconset * Give mdi-icons a chunk name * gen-index-html aware of hass-icons * Use ha-icon for rendering state icon
108 lines
3.7 KiB
HTML
108 lines
3.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Home Assistant</title>
|
|
|
|
<link rel='manifest' href='/manifest.json' crossorigin="use-credentials">
|
|
<link rel='icon' href='/static/icons/favicon.ico'>
|
|
<link rel='apple-touch-icon' sizes='180x180'
|
|
href='/static/icons/favicon-apple-180x180.png'>
|
|
<link rel="mask-icon" href="/static/icons/mask-icon.svg" color="#3fbbf4">
|
|
<link rel='preload' href='/frontend_latest/core.js' as='script'/>
|
|
<link rel='preload' href='/static/fonts/roboto/Roboto-Regular.ttf' as='font' crossorigin />
|
|
<link rel='preload' href='/static/fonts/roboto/Roboto-Medium.ttf' as='font' crossorigin />
|
|
<meta name='apple-mobile-web-app-capable' content='yes'>
|
|
<meta name="msapplication-square70x70logo" content="/static/icons/tile-win-70x70.png"/>
|
|
<meta name="msapplication-square150x150logo" content="/static/icons/tile-win-150x150.png"/>
|
|
<meta name="msapplication-wide310x150logo" content="/static/icons/tile-win-310x150.png"/>
|
|
<meta name="msapplication-square310x310logo" content="/static/icons/tile-win-310x310.png"/>
|
|
<meta name="msapplication-TileColor" content="#3fbbf4ff"/>
|
|
<meta name='mobile-web-app-capable' content='yes'>
|
|
<meta name='referrer' content='same-origin'>
|
|
<meta name='viewport' content='width=device-width, user-scalable=no'>
|
|
<meta name='theme-color' content='{{ theme_color }}'>
|
|
<style>
|
|
body {
|
|
font-family: 'Roboto', 'Noto', sans-serif;
|
|
font-weight: 400;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100vh;
|
|
}
|
|
|
|
#ha-init-skeleton::before {
|
|
display: block;
|
|
content: "";
|
|
height: 64px;
|
|
background-color: {{ theme_color }};
|
|
}
|
|
|
|
#ha-init-skeleton .message {
|
|
transition: font-size 2s;
|
|
font-size: 0;
|
|
padding: 24px;
|
|
}
|
|
|
|
#ha-init-skeleton.error .message {
|
|
font-size: 16px;
|
|
}
|
|
|
|
#ha-init-skeleton a {
|
|
color: {{ theme_color }};
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
}
|
|
</style>
|
|
<script>
|
|
function initError() {
|
|
document.getElementById('ha-init-skeleton').classList.add('error');
|
|
};
|
|
window.noAuth = '{{ no_auth }}';
|
|
window.clientId = '{{ client_id }}'
|
|
window.Polymer = {
|
|
lazyRegister: true,
|
|
useNativeCSSProperties: true,
|
|
dom: 'shadow',
|
|
suppressTemplateNotifications: true,
|
|
suppressBindingNotifications: true,
|
|
};
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id='ha-init-skeleton'>
|
|
<div class='message'>
|
|
Home Assistant had trouble<br>connecting to the server.<br><br>
|
|
<a href='/'>TRY AGAIN</a>
|
|
</div>
|
|
</div>
|
|
<home-assistant></home-assistant>
|
|
<script>
|
|
var webComponentsSupported = (
|
|
'customElements' in window &&
|
|
'content' in document.createElement('template'));
|
|
if (!webComponentsSupported) {
|
|
(function() {
|
|
var e = document.createElement('script');
|
|
e.src = '/static/webcomponents-bundle.js';
|
|
document.write(e.outerHTML);
|
|
}());
|
|
}
|
|
if ('serviceWorker' in navigator) {
|
|
window.addEventListener('load', function () {
|
|
navigator.serviceWorker.register('/service_worker.js');
|
|
});
|
|
}
|
|
</script>
|
|
<!--EXTRA_SCRIPTS-->
|
|
<script src='/frontend_latest/core.js'></script>
|
|
<script src='/frontend_latest/app.js'></script>
|
|
<script src='/frontend_latest/hass-icons.js' async></script>
|
|
{% for extra_url in extra_urls -%}
|
|
<link rel='import' href='{{ extra_url }}' async>
|
|
{% endfor -%}
|
|
</body>
|
|
</html>
|