Add blog post about custom UI/panel changes

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.

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",

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>

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: