From e104fc491deb7a3f31dfb5b3226d224ac73b2410 Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <balloob@gmail.com>
Date: Tue, 22 May 2018 09:58:46 -0400
Subject: [PATCH] Add blog post about custom UI/panel changes

---
 website/blog/2018-05-22-custom-ui-panels-api.md | 14 ++++++++++++++
 website/i18n/en.json                            |  3 ++-
 website/pages/en/index.js                       |  8 ++++----
 website/siteConfig.js                           |  1 +
 4 files changed, 21 insertions(+), 5 deletions(-)
 create mode 100644 website/blog/2018-05-22-custom-ui-panels-api.md

diff --git a/website/blog/2018-05-22-custom-ui-panels-api.md b/website/blog/2018-05-22-custom-ui-panels-api.md
new file mode 100644
index 00000000..a547951a
--- /dev/null
+++ b/website/blog/2018-05-22-custom-ui-panels-api.md
@@ -0,0 +1,14 @@
+---
+author: Paulus Schoutsen
+authorURL: https://twitter.com/balloob
+authorFBID: 297400035
+title: Updates for Custom UI and Custom Panels
+---
+
+With the release of Home Assistant 0.70, we've migrated the build pipeline for our frontend from being based on HTML imports to ES module imports (more on this later). One of the effects of this is that we're no longer using the `window` object to share classes, data and utilities with other pieces of code.
+
+This might impact you if you dependend on some of this. Examples are Polymer (`window.Polymer`) or one of our utilitity functions that used to be available as `window.hassUtil`, `window.HAWS` or `window.hassMixins`.
+
+To give developers time to migrate, we're adding a temporary legacy support layer that will expose some of our internals again on the `window` object. We've already added `window.Polymer`, `window.Polymer.Element` and `window.Polymer.html`. If you're using other specific things from the window object, [please let us know](https://github.com/home-assistant/home-assistant-polymer/issues/1157).
+
+Th legacy support layer will no longer be included in releases happening after July 2018.
diff --git a/website/i18n/en.json b/website/i18n/en.json
index de981a46..30c3d78c 100644
--- a/website/i18n/en.json
+++ b/website/i18n/en.json
@@ -61,7 +61,7 @@
     "entity_weather": "Weather Entity",
     "Weather": "Weather",
     "external_api_rest_python": "REST API - Python bindings",
-    "external_api_rest": "RESTful API",
+    "external_api_rest": "REST API",
     "external_api_server_sent_events": "Server-sent events",
     "external_api_websocket": "WebSocket API",
     "frontend_add_card": "Adding state card",
@@ -93,6 +93,7 @@
     "Frontend": "Frontend",
     "Backend": "Backend",
     "Misc": "Misc",
+    "Blog": "Blog",
     "Entities": "Entities",
     "Authentication": "Authentication",
     "Configuration.yaml": "Configuration.yaml",
diff --git a/website/pages/en/index.js b/website/pages/en/index.js
index facf6d70..8cc09d94 100755
--- a/website/pages/en/index.js
+++ b/website/pages/en/index.js
@@ -166,11 +166,11 @@ const IntroSection = ({ language }) => (
       <div style={{maxWidth: 600, margin: 'auto'}}>
         <div className="videoWrapper">
           <iframe
-            width="560"
-            height="315"
+            width={560}
+            height={315}
             src="https://www.youtube.com/embed/Cfasc9EgbMU"
-            frameborder="0"
-            allowfullscreen
+            frameBorder={0}
+            allowFullScreen
           />
         </div>
       </div>
diff --git a/website/siteConfig.js b/website/siteConfig.js
index c81ff47b..e5c40c70 100644
--- a/website/siteConfig.js
+++ b/website/siteConfig.js
@@ -43,6 +43,7 @@ const siteConfig = {
     {doc: 'frontend_index', label: 'Frontend'},
     {doc: 'development_index', label: 'Backend'},
     {doc: 'misc', label: 'Misc'},
+    { blog: true, label: 'Blog' },
   ],
 
   // If you have users set above, you add it here: