From c1c42b9155c6ce0cbc2d4a2e4b38e2ff6572e465 Mon Sep 17 00:00:00 2001
From: Travis CI <balloob+bot@gmail.com>
Date: Sun, 5 Feb 2017 04:50:40 +0000
Subject: [PATCH] Site updated at 2017-02-05 04:50:40 UTC

---
 atom.xml                                      |    2 +-
 blog/categories/community/atom.xml            |    2 +-
 blog/categories/device-tracking/atom.xml      |    2 +-
 blog/categories/esp8266/atom.xml              |    2 +-
 blog/categories/how-to/atom.xml               |    2 +-
 blog/categories/ibeacons/atom.xml             |    2 +-
 blog/categories/internet-of-things/atom.xml   |    2 +-
 blog/categories/iot-data/atom.xml             |    2 +-
 blog/categories/micropython/atom.xml          |    2 +-
 blog/categories/mqtt/atom.xml                 |    2 +-
 blog/categories/organisation/atom.xml         |    2 +-
 blog/categories/owntracks/atom.xml            |    2 +-
 blog/categories/presence-detection/atom.xml   |    2 +-
 .../public-service-announcement/atom.xml      |    2 +-
 blog/categories/release-notes/atom.xml        |    2 +-
 blog/categories/survey/atom.xml               |    2 +-
 blog/categories/talks/atom.xml                |    2 +-
 blog/categories/technology/atom.xml           |    2 +-
 blog/categories/user-stories/atom.xml         |    2 +-
 blog/categories/video/atom.xml                |    2 +-
 blog/categories/website/atom.xml              |    2 +-
 components/index.html                         | 1050 ++++++++---------
 getting-started/automation-action/index.html  |   18 +-
 .../automation-condition/index.html           |   18 +-
 .../automation-create-first/index.html        |   18 +-
 .../automation-examples/index.html            |   18 +-
 .../automation-templating/index.html          |   18 +-
 getting-started/automation-trigger/index.html |   18 +-
 .../automation-troubleshooting/index.html     |   18 +-
 getting-started/automation/index.html         |   18 +-
 getting-started/autostart-init.d/index.html   |   18 +-
 getting-started/autostart-macos/index.html    |   18 +-
 getting-started/autostart-synology/index.html |   18 +-
 getting-started/autostart-systemd/index.html  |   18 +-
 getting-started/autostart-upstart/index.html  |   18 +-
 getting-started/autostart/index.html          |   18 +-
 getting-started/basic/index.html              |   18 +-
 getting-started/browsers/index.html           |   18 +-
 getting-started/configuration/index.html      |   18 +-
 .../customizing-devices/index.html            |   18 +-
 getting-started/devices/index.html            |   18 +-
 .../getting-started-alternatives/index.html   |  236 ++++
 .../index.html                                |  135 +--
 .../hassbian-customization/index.html         |  229 ++++
 .../hassbian-installation/index.html          |  261 ++++
 .../hassbian-integrations/index.html          |  306 +++++
 getting-started/hassbian-upgrading/index.html |  236 ++++
 getting-started/hassbian/index.html           |  227 ++++
 getting-started/index.html                    |   93 +-
 .../installation-docker/index.html            |   18 +-
 .../installation-python/index.html            |  266 +++++
 .../index.html                                |   18 +-
 .../installation-raspberry-pi/index.html      |  100 +-
 .../installation-synology/index.html          |   18 +-
 .../installation-vagrant/index.html           |   18 +-
 .../installation-virtualenv/index.html        |   18 +-
 getting-started/mobile/index.html             |   18 +-
 getting-started/presence-detection/index.html |   18 +-
 getting-started/scripts-conditions/index.html |   18 +-
 .../scripts-service-calls/index.html          |   18 +-
 getting-started/scripts/index.html            |   18 +-
 getting-started/securing/index.html           |   18 +-
 .../troubleshooting-configuration/index.html  |   18 +-
 getting-started/troubleshooting/index.html    |   18 +-
 getting-started/updating/index.html           |   20 +-
 getting-started/yaml/index.html               |   18 +-
 getting-started/z-wave-controllers/index.html |   18 +-
 .../z-wave-device-specific/index.html         |   18 +-
 getting-started/z-wave-settings/index.html    |   18 +-
 getting-started/z-wave/index.html             |   18 +-
 images/supported_brands/python.svg            |  288 +++++
 index.html                                    |    7 +-
 sitemap.xml                                   |   55 +-
 stylesheets/screen.css                        |    2 +-
 74 files changed, 3141 insertions(+), 1078 deletions(-)
 create mode 100644 getting-started/getting-started-alternatives/index.html
 rename getting-started/{installation-raspberry-pi-image => hassbian-common-tasks}/index.html (63%)
 create mode 100644 getting-started/hassbian-customization/index.html
 create mode 100644 getting-started/hassbian-installation/index.html
 create mode 100644 getting-started/hassbian-integrations/index.html
 create mode 100644 getting-started/hassbian-upgrading/index.html
 create mode 100644 getting-started/hassbian/index.html
 create mode 100644 getting-started/installation-python/index.html
 create mode 100644 images/supported_brands/python.svg

diff --git a/atom.xml b/atom.xml
index 6cd191c8ac..90c27787a0 100644
--- a/atom.xml
+++ b/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Home Assistant]]></title>
   <link href="https://home-assistant.io/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/community/atom.xml b/blog/categories/community/atom.xml
index 85480677ae..c847b70efd 100644
--- a/blog/categories/community/atom.xml
+++ b/blog/categories/community/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: community | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/community/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/device-tracking/atom.xml b/blog/categories/device-tracking/atom.xml
index 7f309542b8..aed03d1562 100644
--- a/blog/categories/device-tracking/atom.xml
+++ b/blog/categories/device-tracking/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: Device-Tracking | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/device-tracking/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/esp8266/atom.xml b/blog/categories/esp8266/atom.xml
index ed8f3a1fef..8e3161d81e 100644
--- a/blog/categories/esp8266/atom.xml
+++ b/blog/categories/esp8266/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: ESP8266 | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/esp8266/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/how-to/atom.xml b/blog/categories/how-to/atom.xml
index f03879c2d3..420dfa569a 100644
--- a/blog/categories/how-to/atom.xml
+++ b/blog/categories/how-to/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: How-To | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/how-to/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/ibeacons/atom.xml b/blog/categories/ibeacons/atom.xml
index bc4961f681..b1129c2fa0 100644
--- a/blog/categories/ibeacons/atom.xml
+++ b/blog/categories/ibeacons/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: iBeacons | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/ibeacons/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/internet-of-things/atom.xml b/blog/categories/internet-of-things/atom.xml
index b356c4a515..6c8749e7da 100644
--- a/blog/categories/internet-of-things/atom.xml
+++ b/blog/categories/internet-of-things/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: Internet-of-Things | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/internet-of-things/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/iot-data/atom.xml b/blog/categories/iot-data/atom.xml
index 6341f258b8..0e83b3f44c 100644
--- a/blog/categories/iot-data/atom.xml
+++ b/blog/categories/iot-data/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: IoT-Data | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/iot-data/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/micropython/atom.xml b/blog/categories/micropython/atom.xml
index a1ce78d5a0..efb5ed4cf2 100644
--- a/blog/categories/micropython/atom.xml
+++ b/blog/categories/micropython/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: Micropython | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/micropython/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/mqtt/atom.xml b/blog/categories/mqtt/atom.xml
index 7947875a2d..5df8e461a4 100644
--- a/blog/categories/mqtt/atom.xml
+++ b/blog/categories/mqtt/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: MQTT | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/mqtt/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/organisation/atom.xml b/blog/categories/organisation/atom.xml
index c8d7c8c12a..6779a860d6 100644
--- a/blog/categories/organisation/atom.xml
+++ b/blog/categories/organisation/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: Organisation | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/organisation/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/owntracks/atom.xml b/blog/categories/owntracks/atom.xml
index 16cc490072..e2de742a4b 100644
--- a/blog/categories/owntracks/atom.xml
+++ b/blog/categories/owntracks/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: OwnTracks | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/owntracks/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/presence-detection/atom.xml b/blog/categories/presence-detection/atom.xml
index d84e121fd2..f7f04c59a7 100644
--- a/blog/categories/presence-detection/atom.xml
+++ b/blog/categories/presence-detection/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: Presence-Detection | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/presence-detection/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/public-service-announcement/atom.xml b/blog/categories/public-service-announcement/atom.xml
index ebdc8089ec..e18573567c 100644
--- a/blog/categories/public-service-announcement/atom.xml
+++ b/blog/categories/public-service-announcement/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: Public-Service-Announcement | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/public-service-announcement/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/release-notes/atom.xml b/blog/categories/release-notes/atom.xml
index a3da0fdaa8..20dfc556c1 100644
--- a/blog/categories/release-notes/atom.xml
+++ b/blog/categories/release-notes/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: Release-Notes | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/release-notes/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/survey/atom.xml b/blog/categories/survey/atom.xml
index f2c1832ba8..75bcb05065 100644
--- a/blog/categories/survey/atom.xml
+++ b/blog/categories/survey/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: Survey | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/survey/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/talks/atom.xml b/blog/categories/talks/atom.xml
index a0fed74797..c941c32e82 100644
--- a/blog/categories/talks/atom.xml
+++ b/blog/categories/talks/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: Talks | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/talks/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/technology/atom.xml b/blog/categories/technology/atom.xml
index bed7ec5dd4..ab8a6c7fc8 100644
--- a/blog/categories/technology/atom.xml
+++ b/blog/categories/technology/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: Technology | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/technology/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/user-stories/atom.xml b/blog/categories/user-stories/atom.xml
index 5adc4df6e3..9267a23539 100644
--- a/blog/categories/user-stories/atom.xml
+++ b/blog/categories/user-stories/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: User-Stories | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/user-stories/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/video/atom.xml b/blog/categories/video/atom.xml
index 308e5907c5..b797dc3a7a 100644
--- a/blog/categories/video/atom.xml
+++ b/blog/categories/video/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: Video | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/video/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/blog/categories/website/atom.xml b/blog/categories/website/atom.xml
index 587ac00b5b..a5b7d5155f 100644
--- a/blog/categories/website/atom.xml
+++ b/blog/categories/website/atom.xml
@@ -4,7 +4,7 @@
   <title><![CDATA[Category: Website | Home Assistant]]></title>
   <link href="https://home-assistant.io/blog/categories/website/atom.xml" rel="self"/>
   <link href="https://home-assistant.io/"/>
-  <updated>2017-02-04T22:33:47+00:00</updated>
+  <updated>2017-02-05T04:48:10+00:00</updated>
   <id>https://home-assistant.io/</id>
   <author>
     <name><![CDATA[Home Assistant]]></name>
diff --git a/components/index.html b/components/index.html
index 67ca2b7485..9d2c84d415 100644
--- a/components/index.html
+++ b/components/index.html
@@ -364,13 +364,13 @@ Support for these components is provided by the Home Assistant community.
       <a href='#other' class="btn">Other</a>
     </div>
   </div>
-  <div class="grid__item five-sixths lap-one-whole palm-one-whole" id="componentContainer">
+  <div class="grid__item five-sixths lap-one-whole palm-one-whole hass-option-cards" id="componentContainer">
     
       
       
       
         <a href='/components/switch.anel_pwrctrl/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -386,7 +386,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/apcupsd/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -402,7 +402,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.apcupsd/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -418,7 +418,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.apcupsd/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -434,7 +434,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.api_stream/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -450,7 +450,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.apns/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -464,7 +464,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.arwn/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -478,7 +478,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.asuswrt/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -494,7 +494,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.aws_lambda/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -510,7 +510,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.aws_sns/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -526,7 +526,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.aws_sqs/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -542,7 +542,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.acer_projector/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -558,7 +558,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.actiontec/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -576,7 +576,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/alarm_control_panel.alarmdotcom/'
-           class='alarm'
+           class='option-card alarm'
            style='display: none'>
           <div class='img-container'>
             
@@ -592,7 +592,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/alexa/'
-           class='voice featured'
+           class='option-card voice featured'
            >
           <div class='img-container'>
             
@@ -608,7 +608,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/tts.amazon_polly/'
-           class='text-to-speech added_in_current_version'
+           class='option-card text-to-speech added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -624,7 +624,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/camera.amcrest/'
-           class='camera'
+           class='option-card camera'
            style='display: none'>
           <div class='img-container'>
             
@@ -640,7 +640,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.amcrest/'
-           class='sensor added_in_current_version'
+           class='option-card sensor added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -656,7 +656,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.anthemav/'
-           class='media-player added_in_current_version'
+           class='option-card media-player added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -672,7 +672,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/arduino/'
-           class='diy featured'
+           class='option-card diy featured'
            >
           <div class='img-container'>
             
@@ -688,7 +688,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.arduino/'
-           class='diy'
+           class='option-card diy'
            style='display: none'>
           <div class='img-container'>
             
@@ -704,7 +704,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.arduino/'
-           class='diy'
+           class='option-card diy'
            style='display: none'>
           <div class='img-container'>
             
@@ -720,7 +720,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.aruba/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -736,7 +736,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.automatic/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -752,7 +752,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/automation/'
-           class='automation'
+           class='option-card automation'
            style='display: none'>
           <div class='img-container'>
             
@@ -768,7 +768,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.avion/'
-           class='light added_in_current_version'
+           class='option-card light added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -784,7 +784,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/weather.bom/'
-           class='weather added_one_version_ago'
+           class='option-card weather added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -800,7 +800,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.bom/'
-           class='weather'
+           class='option-card weather'
            style='display: none'>
           <div class='img-container'>
             
@@ -816,7 +816,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.bt_home_hub_5/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -832,7 +832,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.bbox/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -848,7 +848,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.bbox/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -864,7 +864,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/bbb_gpio/'
-           class='diy added_one_version_ago'
+           class='option-card diy added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -880,7 +880,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.bbb_gpio/'
-           class='binary-sensor added_in_current_version'
+           class='option-card binary-sensor added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -896,7 +896,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.bbb_gpio/'
-           class='switch added_one_version_ago'
+           class='option-card switch added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -912,7 +912,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/wemo/'
-           class='hub featured'
+           class='option-card hub featured'
            >
           <div class='img-container'>
             
@@ -928,7 +928,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.wemo/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -944,7 +944,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.wemo/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -962,7 +962,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.bitcoin/'
-           class='finance'
+           class='option-card finance'
            style='display: none'>
           <div class='img-container'>
             
@@ -978,7 +978,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.blinksticklight/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -994,7 +994,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/bloomsky/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -1010,7 +1010,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.bloomsky/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -1026,7 +1026,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/camera.bloomsky/'
-           class='camera'
+           class='option-card camera'
            style='display: none'>
           <div class='img-container'>
             
@@ -1042,7 +1042,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.bloomsky/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -1058,7 +1058,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.bluetooth_le_tracker/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -1074,7 +1074,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.bluetooth_tracker/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -1090,7 +1090,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.broadlink/'
-           class='switch added_two_versions_ago'
+           class='option-card switch added_two_versions_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -1106,7 +1106,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.broadlink/'
-           class='sensor added_two_versions_ago'
+           class='option-card sensor added_two_versions_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -1122,7 +1122,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/browser/'
-           class='other'
+           class='option-card other'
            style='display: none'>
           <div class='img-container'>
             
@@ -1138,7 +1138,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.cpuspeed/'
-           class='system-monitor'
+           class='option-card system-monitor'
            style='display: none'>
           <div class='img-container'>
             
@@ -1154,7 +1154,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.cups/'
-           class='system-monitor'
+           class='option-card system-monitor'
            style='display: none'>
           <div class='img-container'>
             
@@ -1174,7 +1174,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.cisco_ios/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -1192,7 +1192,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.coinmarketcap/'
-           class='finance'
+           class='option-card finance'
            style='display: none'>
           <div class='img-container'>
             
@@ -1208,7 +1208,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/cover.command_line/'
-           class='cover'
+           class='option-card cover'
            style='display: none'>
           <div class='img-container'>
             
@@ -1224,7 +1224,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.command_line/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -1240,7 +1240,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.command_line/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -1256,7 +1256,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.command_line/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -1272,7 +1272,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.command_line/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -1288,7 +1288,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/alarm_control_panel.concord232/'
-           class='alarm'
+           class='option-card alarm'
            style='display: none'>
           <div class='img-container'>
             
@@ -1304,7 +1304,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.concord232/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -1320,7 +1320,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/configurator/'
-           class='other'
+           class='option-card other'
            style='display: none'>
           <div class='img-container'>
             
@@ -1336,7 +1336,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/conversation/'
-           class='voice'
+           class='option-card voice'
            style='display: none'>
           <div class='img-container'>
             
@@ -1354,7 +1354,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.currencylayer/'
-           class='finance'
+           class='option-card finance'
            style='display: none'>
           <div class='img-container'>
             
@@ -1370,7 +1370,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.dlink/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -1386,7 +1386,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.ddwrt/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -1402,7 +1402,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.dht/'
-           class='diy'
+           class='option-card diy'
            style='display: none'>
           <div class='img-container'>
             
@@ -1418,7 +1418,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.dsmr/'
-           class='energy'
+           class='option-card energy'
            style='display: none'>
           <div class='img-container'>
             
@@ -1434,7 +1434,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.dte_energy_bridge/'
-           class='energy'
+           class='option-card energy'
            style='display: none'>
           <div class='img-container'>
             
@@ -1450,7 +1450,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.darksky/'
-           class='weather featured'
+           class='option-card weather featured'
            >
           <div class='img-container'>
             
@@ -1466,7 +1466,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.decora/'
-           class='light added_in_current_version'
+           class='option-card light added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -1482,7 +1482,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/demo/'
-           class='other'
+           class='option-card other'
            style='display: none'>
           <div class='img-container'>
             
@@ -1498,7 +1498,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.denon/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -1514,7 +1514,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.deutsche_bahn/'
-           class='transport'
+           class='option-card transport'
            style='display: none'>
           <div class='img-container'>
             
@@ -1532,7 +1532,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.digitalloggers/'
-           class='switch added_two_versions_ago'
+           class='option-card switch added_two_versions_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -1548,7 +1548,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/digital_ocean/'
-           class='hub featured'
+           class='option-card hub featured'
            >
           <div class='img-container'>
             
@@ -1564,7 +1564,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.digital_ocean/'
-           class='system-monitor'
+           class='option-card system-monitor'
            style='display: none'>
           <div class='img-container'>
             
@@ -1580,7 +1580,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.digital_ocean/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -1596,7 +1596,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.directv/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -1612,7 +1612,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.discord/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -1630,7 +1630,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/discovery/'
-           class='other'
+           class='option-card other'
            style='display: none'>
           <div class='img-container'>
             
@@ -1646,7 +1646,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.dovado/'
-           class='system-monitor'
+           class='option-card system-monitor'
            style='display: none'>
           <div class='img-container'>
             
@@ -1662,7 +1662,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/downloader/'
-           class='downloading'
+           class='option-card downloading'
            style='display: none'>
           <div class='img-container'>
             
@@ -1678,7 +1678,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.dublin_bus_transport/'
-           class='transport added_one_version_ago'
+           class='option-card transport added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -1694,7 +1694,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.dunehd/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -1710,7 +1710,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.dweet/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -1726,7 +1726,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/dweet/'
-           class='history'
+           class='option-card history'
            style='display: none'>
           <div class='img-container'>
             
@@ -1742,7 +1742,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/climate.eq3btsmart/'
-           class='climate'
+           class='option-card climate'
            style='display: none'>
           <div class='img-container'>
             
@@ -1758,7 +1758,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.ecobee/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -1774,7 +1774,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.ecobee/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -1790,7 +1790,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/climate.ecobee/'
-           class='climate'
+           class='option-card climate'
            style='display: none'>
           <div class='img-container'>
             
@@ -1806,7 +1806,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.edimax/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -1822,7 +1822,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.efergy/'
-           class='energy'
+           class='option-card energy'
            style='display: none'>
           <div class='img-container'>
             
@@ -1838,7 +1838,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.eliqonline/'
-           class='energy'
+           class='option-card energy'
            style='display: none'>
           <div class='img-container'>
             
@@ -1854,7 +1854,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.emby/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -1870,7 +1870,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.emoncms/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -1886,7 +1886,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/emoncms_history/'
-           class='history'
+           class='option-card history'
            style='display: none'>
           <div class='img-container'>
             
@@ -1902,7 +1902,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/emulated_hue/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -1916,7 +1916,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/enocean/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -1932,7 +1932,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.enocean/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -1948,7 +1948,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.enocean/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -1964,7 +1964,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.enocean/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -1980,7 +1980,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.enocean/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -1996,7 +1996,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/alarm_control_panel.envisalink/'
-           class='alarm'
+           class='option-card alarm'
            style='display: none'>
           <div class='img-container'>
             
@@ -2012,7 +2012,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/envisalink/'
-           class='alarm'
+           class='option-card alarm'
            style='display: none'>
           <div class='img-container'>
             
@@ -2028,7 +2028,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.envisalink/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -2044,7 +2044,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.envisalink/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -2060,7 +2060,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/ffmpeg/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -2076,7 +2076,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.ffmpeg/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -2092,7 +2092,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/camera.ffmpeg/'
-           class='camera'
+           class='option-card camera'
            style='display: none'>
           <div class='img-container'>
             
@@ -2108,7 +2108,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.fritz/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -2124,7 +2124,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.fritzbox_callmonitor/'
-           class='system-monitor'
+           class='option-card system-monitor'
            style='display: none'>
           <div class='img-container'>
             
@@ -2140,7 +2140,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.facebook/'
-           class='notifications added_one_version_ago'
+           class='option-card notifications added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -2158,7 +2158,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.fastdotcom/'
-           class='system-monitor'
+           class='option-card system-monitor'
            style='display: none'>
           <div class='img-container'>
             
@@ -2174,7 +2174,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/feedreader/'
-           class='other'
+           class='option-card other'
            style='display: none'>
           <div class='img-container'>
             
@@ -2190,7 +2190,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.file/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -2206,7 +2206,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.firetv/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -2222,7 +2222,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.fitbit/'
-           class='health'
+           class='option-card health'
            style='display: none'>
           <div class='img-container'>
             
@@ -2238,7 +2238,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.fixer/'
-           class='finance'
+           class='option-card finance'
            style='display: none'>
           <div class='img-container'>
             
@@ -2254,7 +2254,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.flic/'
-           class='binary-sensor added_two_versions_ago'
+           class='option-card binary-sensor added_two_versions_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -2270,7 +2270,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.flux_led/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -2286,7 +2286,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.flux/'
-           class='automation'
+           class='option-card automation'
            style='display: none'>
           <div class='img-container'>
             
@@ -2302,7 +2302,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.forecast/'
-           class='deprecated'
+           class='option-card deprecated'
            style='display: none'>
           <div class='img-container'>
             
@@ -2318,7 +2318,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/camera.foscam/'
-           class='camera'
+           class='option-card camera'
            style='display: none'>
           <div class='img-container'>
             
@@ -2334,7 +2334,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/foursquare/'
-           class='social'
+           class='option-card social'
            style='display: none'>
           <div class='img-container'>
             
@@ -2350,7 +2350,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.free_mobile/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -2366,7 +2366,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/frontend/'
-           class='other'
+           class='option-card other'
            style='display: none'>
           <div class='img-container'>
             
@@ -2382,7 +2382,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.gntp/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -2398,7 +2398,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.gpsd/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -2414,7 +2414,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.gpslogger/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -2428,7 +2428,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/cover.garadget/'
-           class='cover'
+           class='option-card cover'
            style='display: none'>
           <div class='img-container'>
             
@@ -2444,7 +2444,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/camera.generic/'
-           class='camera'
+           class='option-card camera'
            style='display: none'>
           <div class='img-container'>
             
@@ -2460,7 +2460,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/camera.mjpeg/'
-           class='camera'
+           class='option-card camera'
            style='display: none'>
           <div class='img-container'>
             
@@ -2476,7 +2476,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/climate.generic_thermostat/'
-           class='climate'
+           class='option-card climate'
            style='display: none'>
           <div class='img-container'>
             
@@ -2492,7 +2492,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.glances/'
-           class='system-monitor'
+           class='option-card system-monitor'
            style='display: none'>
           <div class='img-container'>
             
@@ -2508,7 +2508,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/calendar.google/'
-           class='calendar'
+           class='option-card calendar'
            style='display: none'>
           <div class='img-container'>
             
@@ -2524,7 +2524,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.cast/'
-           class='media-player featured'
+           class='option-card media-player featured'
            >
           <div class='img-container'>
             
@@ -2540,7 +2540,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.google_travel_time/'
-           class='transport'
+           class='option-card transport'
            style='display: none'>
           <div class='img-container'>
             
@@ -2556,7 +2556,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.gpmdp/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -2572,7 +2572,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/tts.google/'
-           class='text-to-speech added_two_versions_ago'
+           class='option-card text-to-speech added_two_versions_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -2588,7 +2588,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/graphite/'
-           class='history'
+           class='option-card history'
            style='display: none'>
           <div class='img-container'>
             
@@ -2604,7 +2604,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/group/'
-           class='organization'
+           class='option-card organization'
            style='display: none'>
           <div class='img-container'>
             
@@ -2620,7 +2620,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.hddtemp/'
-           class='system-monitor'
+           class='option-card system-monitor'
            style='display: none'>
           <div class='img-container'>
             
@@ -2634,7 +2634,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/hdmi_cec/'
-           class='automation'
+           class='option-card automation'
            style='display: none'>
           <div class='img-container'>
             
@@ -2650,7 +2650,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.hp_ilo/'
-           class='system-monitor'
+           class='option-card system-monitor'
            style='display: none'>
           <div class='img-container'>
             
@@ -2666,7 +2666,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/http/'
-           class='other'
+           class='option-card other'
            style='display: none'>
           <div class='img-container'>
             
@@ -2682,7 +2682,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.http/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -2698,7 +2698,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.http/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -2714,7 +2714,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/remote.harmony/'
-           class='remote'
+           class='option-card remote'
            style='display: none'>
           <div class='img-container'>
             
@@ -2730,7 +2730,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.haveibeenpwned/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -2746,7 +2746,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/climate.heatmiser/'
-           class='climate'
+           class='option-card climate'
            style='display: none'>
           <div class='img-container'>
             
@@ -2762,7 +2762,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.hikvision/'
-           class='binary-sensor added_two_versions_ago'
+           class='option-card binary-sensor added_two_versions_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -2778,7 +2778,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.hikvision/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -2794,7 +2794,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/history/'
-           class='history'
+           class='option-card history'
            style='display: none'>
           <div class='img-container'>
             
@@ -2810,7 +2810,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/ha/'
-           class='other added_in_current_version'
+           class='option-card other added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -2826,7 +2826,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/homematic/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -2842,7 +2842,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.homematic/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -2858,7 +2858,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/cover.homematic/'
-           class='cover'
+           class='option-card cover'
            style='display: none'>
           <div class='img-container'>
             
@@ -2874,7 +2874,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.homematic/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -2890,7 +2890,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.homematic/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -2906,7 +2906,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.homematic/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -2922,7 +2922,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/climate.homematic/'
-           class='climate'
+           class='option-card climate'
            style='display: none'>
           <div class='img-container'>
             
@@ -2938,7 +2938,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/climate.honeywell/'
-           class='climate'
+           class='option-card climate'
            style='display: none'>
           <div class='img-container'>
             
@@ -2954,7 +2954,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.hook/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -2970,7 +2970,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.hydroquebec/'
-           class='energy added_two_versions_ago'
+           class='option-card energy added_two_versions_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -2986,7 +2986,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.hyperion/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -3002,7 +3002,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/ifttt/'
-           class='automation featured'
+           class='option-card automation featured'
            >
           <div class='img-container'>
             
@@ -3018,7 +3018,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.imap_email_content/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -3034,7 +3034,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.imap/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -3050,7 +3050,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.isy994/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -3066,7 +3066,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/isy994/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -3082,7 +3082,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/cover.isy994/'
-           class='cover'
+           class='option-card cover'
            style='display: none'>
           <div class='img-container'>
             
@@ -3098,7 +3098,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/fan.isy994/'
-           class='fan'
+           class='option-card fan'
            style='display: none'>
           <div class='img-container'>
             
@@ -3114,7 +3114,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.isy994/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -3130,7 +3130,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/lock.isy994/'
-           class='lock'
+           class='option-card lock'
            style='display: none'>
           <div class='img-container'>
             
@@ -3146,7 +3146,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.isy994/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -3162,7 +3162,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.isy994/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -3180,7 +3180,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/influxdb/'
-           class='history'
+           class='option-card history'
            style='display: none'>
           <div class='img-container'>
             
@@ -3196,7 +3196,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.influxdb/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -3212,7 +3212,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/input_boolean/'
-           class='automation'
+           class='option-card automation'
            style='display: none'>
           <div class='img-container'>
             
@@ -3228,7 +3228,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/input_select/'
-           class='automation'
+           class='option-card automation'
            style='display: none'>
           <div class='img-container'>
             
@@ -3244,7 +3244,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/input_slider/'
-           class='automation'
+           class='option-card automation'
            style='display: none'>
           <div class='img-container'>
             
@@ -3260,7 +3260,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.instapush/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -3276,7 +3276,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.insteon_local/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -3292,7 +3292,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.insteon_local/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -3308,7 +3308,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/insteon_local/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -3324,7 +3324,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/insteon_hub/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -3340,7 +3340,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.insteon_hub/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -3356,7 +3356,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.iss/'
-           class='binary-sensor added_one_version_ago'
+           class='option-card binary-sensor added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -3372,7 +3372,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.iss/'
-           class='deprecated added_one_version_ago'
+           class='option-card deprecated added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -3388,7 +3388,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/introduction/'
-           class='other'
+           class='option-card other'
            style='display: none'>
           <div class='img-container'>
             
@@ -3404,7 +3404,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.xmpp/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -3420,7 +3420,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/joaoapps_join/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -3436,7 +3436,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.joaoapps_join/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -3452,7 +3452,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/knx/'
-           class='diy'
+           class='option-card diy'
            style='display: none'>
           <div class='img-container'>
             
@@ -3468,7 +3468,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.knx/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -3484,7 +3484,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.knx/'
-           class='diy'
+           class='option-card diy'
            style='display: none'>
           <div class='img-container'>
             
@@ -3500,7 +3500,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.knx/'
-           class='diy'
+           class='option-card diy'
            style='display: none'>
           <div class='img-container'>
             
@@ -3516,7 +3516,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/climate.knx/'
-           class='diy'
+           class='option-card diy'
            style='display: none'>
           <div class='img-container'>
             
@@ -3532,7 +3532,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.kankun/'
-           class='switch added_one_version_ago'
+           class='option-card switch added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -3546,7 +3546,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/keyboard/'
-           class='automation'
+           class='option-card automation'
            style='display: none'>
           <div class='img-container'>
             
@@ -3562,7 +3562,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/keyboard_remote/'
-           class='other'
+           class='option-card other'
            style='display: none'>
           <div class='img-container'>
             
@@ -3578,7 +3578,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.kodi/'
-           class='media-player featured'
+           class='option-card media-player featured'
            >
           <div class='img-container'>
             
@@ -3594,7 +3594,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.kodi/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -3610,7 +3610,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.lg_netcast/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -3626,7 +3626,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.webostv/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -3642,7 +3642,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.webostv/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -3658,7 +3658,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.lifx/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -3674,7 +3674,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/lirc/'
-           class='automation'
+           class='option-card automation'
            style='display: none'>
           <div class='img-container'>
             
@@ -3690,7 +3690,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.lannouncer/'
-           class='notifications added_one_version_ago'
+           class='option-card notifications added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -3706,7 +3706,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.lastfm/'
-           class='social'
+           class='option-card social'
            style='display: none'>
           <div class='img-container'>
             
@@ -3724,7 +3724,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.limitlessled/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -3740,7 +3740,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.linksys_ap/'
-           class='presence-detection added_in_current_version'
+           class='option-card presence-detection added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -3756,7 +3756,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.linux_battery/'
-           class='system-monitor'
+           class='option-card system-monitor'
            style='display: none'>
           <div class='img-container'>
             
@@ -3772,7 +3772,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/litejet/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -3786,7 +3786,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.litejet/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -3800,7 +3800,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/scene.litejet/'
-           class='scene'
+           class='option-card scene'
            style='display: none'>
           <div class='img-container'>
             
@@ -3814,7 +3814,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.litejet/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -3828,7 +3828,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.llamalab_automate/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -3844,7 +3844,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/camera.local_file/'
-           class='camera'
+           class='option-card camera'
            style='display: none'>
           <div class='img-container'>
             
@@ -3860,7 +3860,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.locative/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -3878,7 +3878,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/logbook/'
-           class='history'
+           class='option-card history'
            style='display: none'>
           <div class='img-container'>
             
@@ -3894,7 +3894,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/logentries/'
-           class='history'
+           class='option-card history'
            style='display: none'>
           <div class='img-container'>
             
@@ -3910,7 +3910,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/logger/'
-           class='other'
+           class='option-card other'
            style='display: none'>
           <div class='img-container'>
             
@@ -3926,7 +3926,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.squeezebox/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -3942,7 +3942,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.loop_energy/'
-           class='energy'
+           class='option-card energy'
            style='display: none'>
           <div class='img-container'>
             
@@ -3958,7 +3958,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/lutron/'
-           class='hub added_in_current_version'
+           class='option-card hub added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -3974,7 +3974,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.mhz19/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -3990,7 +3990,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.mpchc/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -4006,7 +4006,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/mqtt/'
-           class='hub featured'
+           class='option-card hub featured'
            >
           <div class='img-container'>
             
@@ -4022,7 +4022,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/alarm_control_panel.mqtt/'
-           class='alarm'
+           class='option-card alarm'
            style='display: none'>
           <div class='img-container'>
             
@@ -4038,7 +4038,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.mqtt/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -4054,7 +4054,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/cover.mqtt/'
-           class='cover'
+           class='option-card cover'
            style='display: none'>
           <div class='img-container'>
             
@@ -4070,7 +4070,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.mqtt/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -4086,7 +4086,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/mqtt_eventstream/'
-           class='other'
+           class='option-card other'
            style='display: none'>
           <div class='img-container'>
             
@@ -4102,7 +4102,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/fan.mqtt/'
-           class='fan'
+           class='option-card fan'
            style='display: none'>
           <div class='img-container'>
             
@@ -4118,7 +4118,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.mqtt_json/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -4134,7 +4134,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.mqtt/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -4150,7 +4150,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/lock.mqtt/'
-           class='lock'
+           class='option-card lock'
            style='display: none'>
           <div class='img-container'>
             
@@ -4166,7 +4166,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.mqtt/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -4182,7 +4182,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.mqtt_room/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -4198,7 +4198,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.mqtt/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -4214,7 +4214,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.mqtt/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -4230,7 +4230,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.mqtt_template/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -4246,7 +4246,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/alarm_control_panel.manual/'
-           class='alarm'
+           class='option-card alarm'
            style='display: none'>
           <div class='img-container'>
             
@@ -4262,7 +4262,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/ifttt.manything/'
-           class='camera'
+           class='option-card camera'
            style='display: none'>
           <div class='img-container'>
             
@@ -4278,7 +4278,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.matrix/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -4296,7 +4296,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.message_bird/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -4312,7 +4312,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.miflora/'
-           class='diy'
+           class='option-card diy'
            style='display: none'>
           <div class='img-container'>
             
@@ -4328,7 +4328,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/microsoft_face/'
-           class='hub added_in_current_version'
+           class='option-card hub added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -4344,7 +4344,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/image_processing.microsoft_face_identify/'
-           class='image-processing added_in_current_version'
+           class='option-card image-processing added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -4360,7 +4360,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.min_max/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -4376,7 +4376,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/mochad/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -4390,7 +4390,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.mochad/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -4404,7 +4404,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/modbus/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -4420,7 +4420,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.modbus/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -4436,7 +4436,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.modbus/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -4452,7 +4452,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.modbus/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -4468,7 +4468,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.moldindicator/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -4484,7 +4484,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.mpd/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -4500,7 +4500,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/mysensors/'
-           class='hub featured'
+           class='option-card hub featured'
            >
           <div class='img-container'>
             
@@ -4516,7 +4516,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.mysensors/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -4532,7 +4532,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/cover.mysensors/'
-           class='cover'
+           class='option-card cover'
            style='display: none'>
           <div class='img-container'>
             
@@ -4548,7 +4548,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/climate.mysensors/'
-           class='climate'
+           class='option-card climate'
            style='display: none'>
           <div class='img-container'>
             
@@ -4564,7 +4564,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.mysensors/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -4580,7 +4580,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.mysensors/'
-           class='notifications added_one_version_ago'
+           class='option-card notifications added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -4596,7 +4596,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.mysensors/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -4612,7 +4612,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.mysensors/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -4628,7 +4628,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.nad/'
-           class='media-player added_one_version_ago'
+           class='option-card media-player added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -4644,7 +4644,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.nut/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -4660,7 +4660,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/alarm_control_panel.nx584/'
-           class='alarm'
+           class='option-card alarm'
            style='display: none'>
           <div class='img-container'>
             
@@ -4676,7 +4676,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.nx584/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -4692,7 +4692,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.nzbget/'
-           class='downloading'
+           class='option-card downloading'
            style='display: none'>
           <div class='img-container'>
             
@@ -4708,7 +4708,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/neato/'
-           class='hub featured'
+           class='option-card hub featured'
            >
           <div class='img-container'>
             
@@ -4724,7 +4724,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.neato/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -4740,7 +4740,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.neato/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -4756,7 +4756,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/nest/'
-           class='hub featured'
+           class='option-card hub featured'
            >
           <div class='img-container'>
             
@@ -4772,7 +4772,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.nest/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -4788,7 +4788,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/camera.nest/'
-           class='camera'
+           class='option-card camera'
            style='display: none'>
           <div class='img-container'>
             
@@ -4804,7 +4804,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.nest/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -4820,7 +4820,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/climate.nest/'
-           class='climate'
+           class='option-card climate'
            style='display: none'>
           <div class='img-container'>
             
@@ -4836,7 +4836,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.nest_weather/'
-           class='weather'
+           class='option-card weather'
            style='display: none'>
           <div class='img-container'>
             
@@ -4852,7 +4852,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/netatmo/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -4868,7 +4868,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.netatmo/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -4884,7 +4884,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/camera.netatmo/'
-           class='camera'
+           class='option-card camera'
            style='display: none'>
           <div class='img-container'>
             
@@ -4900,7 +4900,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.netatmo/'
-           class='weather'
+           class='option-card weather'
            style='display: none'>
           <div class='img-container'>
             
@@ -4916,7 +4916,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/climate.netatmo/'
-           class='climate'
+           class='option-card climate'
            style='display: none'>
           <div class='img-container'>
             
@@ -4932,7 +4932,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.netdata/'
-           class='system-monitor added_two_versions_ago'
+           class='option-card system-monitor added_two_versions_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -4948,7 +4948,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.netgear/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -4964,7 +4964,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.netio/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -4980,7 +4980,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.neurio_energy/'
-           class='energy'
+           class='option-card energy'
            style='display: none'>
           <div class='img-container'>
             
@@ -4996,7 +4996,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.nmap_tracker/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -5014,7 +5014,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.nfandroidtv/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -5030,7 +5030,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.group/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -5046,7 +5046,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.nma/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -5062,7 +5062,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/nuimo_controller/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -5078,7 +5078,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/octoprint/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -5094,7 +5094,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.octoprint/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -5110,7 +5110,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.octoprint/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -5126,7 +5126,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.ohmconnect/'
-           class='energy'
+           class='option-card energy'
            style='display: none'>
           <div class='img-container'>
             
@@ -5142,7 +5142,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.onewire/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -5158,7 +5158,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.onkyo/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -5174,7 +5174,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.openexchangerates/'
-           class='finance'
+           class='option-card finance'
            style='display: none'>
           <div class='img-container'>
             
@@ -5190,7 +5190,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/openalpr/'
-           class='deprecated'
+           class='option-card deprecated'
            style='display: none'>
           <div class='img-container'>
             
@@ -5206,7 +5206,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/image_processing.openalpr_cloud/'
-           class='image-processing added_one_version_ago'
+           class='option-card image-processing added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -5222,7 +5222,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/image_processing.openalpr_local/'
-           class='image-processing added_one_version_ago'
+           class='option-card image-processing added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -5238,7 +5238,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.luci/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -5254,7 +5254,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.ubus/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -5270,7 +5270,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/weather.openweathermap/'
-           class='weather'
+           class='option-card weather'
            style='display: none'>
           <div class='img-container'>
             
@@ -5286,7 +5286,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.openweathermap/'
-           class='weather'
+           class='option-card weather'
            style='display: none'>
           <div class='img-container'>
             
@@ -5302,7 +5302,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.orvibo/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -5318,7 +5318,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.osramlightify/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -5334,7 +5334,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.owntracks/'
-           class='presence-detection featured'
+           class='option-card presence-detection featured'
            >
           <div class='img-container'>
             
@@ -5350,7 +5350,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.pvoutput/'
-           class='energy'
+           class='option-card energy'
            style='display: none'>
           <div class='img-container'>
             
@@ -5366,7 +5366,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.panasonic_viera/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -5382,7 +5382,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.pandora/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -5398,7 +5398,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/panel_custom/'
-           class='front-end'
+           class='option-card front-end'
            style='display: none'>
           <div class='img-container'>
             
@@ -5414,7 +5414,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/panel_iframe/'
-           class='front-end'
+           class='option-card front-end'
            style='display: none'>
           <div class='img-container'>
             
@@ -5430,7 +5430,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.serial_pm/'
-           class='diy'
+           class='option-card diy'
            style='display: none'>
           <div class='img-container'>
             
@@ -5446,7 +5446,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/persistent_notification/'
-           class='other'
+           class='option-card other'
            style='display: none'>
           <div class='img-container'>
             
@@ -5462,7 +5462,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.hue/'
-           class='light featured'
+           class='option-card light featured'
            >
           <div class='img-container'>
             
@@ -5478,7 +5478,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.philips_js/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -5494,7 +5494,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.pi_hole/'
-           class='system-monitor'
+           class='option-card system-monitor'
            style='display: none'>
           <div class='img-container'>
             
@@ -5510,7 +5510,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/tts.picotts/'
-           class='text-to-speech added_one_version_ago'
+           class='option-card text-to-speech added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -5526,7 +5526,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.piglow/'
-           class='light added_in_current_version'
+           class='option-card light added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -5542,7 +5542,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/pilight/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -5558,7 +5558,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.pilight/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -5574,7 +5574,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.pilight/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -5590,7 +5590,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.ping/'
-           class='presence-detection added_one_version_ago'
+           class='option-card presence-detection added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -5606,7 +5606,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.pioneer/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -5622,7 +5622,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.plex/'
-           class='media-player featured'
+           class='option-card media-player featured'
            >
           <div class='img-container'>
             
@@ -5638,7 +5638,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.plex/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -5654,7 +5654,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/scene.hunterdouglas_powerview/'
-           class='cover'
+           class='option-card cover'
            style='display: none'>
           <div class='img-container'>
             
@@ -5670,7 +5670,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_sun_light_trigger/'
-           class='automation'
+           class='option-card automation'
            style='display: none'>
           <div class='img-container'>
             
@@ -5686,7 +5686,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/climate.proliphix/'
-           class='climate'
+           class='option-card climate'
            style='display: none'>
           <div class='img-container'>
             
@@ -5702,7 +5702,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/proximity/'
-           class='automation'
+           class='option-card automation'
            style='display: none'>
           <div class='img-container'>
             
@@ -5718,7 +5718,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.gtfs/'
-           class='transport'
+           class='option-card transport'
            style='display: none'>
           <div class='img-container'>
             
@@ -5734,7 +5734,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.pulseaudio_loopback/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -5750,7 +5750,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.html5/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -5766,7 +5766,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.pushbullet/'
-           class='notifications featured'
+           class='option-card notifications featured'
            >
           <div class='img-container'>
             
@@ -5782,7 +5782,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.pushetta/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -5798,7 +5798,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.pushover/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -5814,7 +5814,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.qwikswitch/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -5830,7 +5830,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/qwikswitch/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -5846,7 +5846,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.qwikswitch/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -5862,7 +5862,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.rest/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -5878,7 +5878,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.rest/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -5894,7 +5894,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/rest_command/'
-           class='automation added_one_version_ago'
+           class='option-card automation added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -5910,7 +5910,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.rest/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -5926,7 +5926,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.rest/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -5942,7 +5942,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/rfxtrx/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -5958,7 +5958,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/cover.rfxtrx/'
-           class='cover'
+           class='option-card cover'
            style='display: none'>
           <div class='img-container'>
             
@@ -5974,7 +5974,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.rfxtrx/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -5990,7 +5990,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.rfxtrx/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -6006,7 +6006,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.rfxtrx/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -6022,7 +6022,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/climate.radiotherm/'
-           class='climate'
+           class='option-card climate'
            style='display: none'>
           <div class='img-container'>
             
@@ -6038,7 +6038,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.random/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -6054,7 +6054,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/rpi_gpio/'
-           class='diy'
+           class='option-card diy'
            style='display: none'>
           <div class='img-container'>
             
@@ -6070,7 +6070,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.rpi_gpio/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -6086,7 +6086,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.rpi_gpio/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -6102,7 +6102,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/camera.rpi_camera/'
-           class='camera'
+           class='option-card camera'
            style='display: none'>
           <div class='img-container'>
             
@@ -6118,7 +6118,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/cover.rpi_gpio/'
-           class='cover'
+           class='option-card cover'
            style='display: none'>
           <div class='img-container'>
             
@@ -6134,7 +6134,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.rpi_rf/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -6150,7 +6150,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/recorder/'
-           class='history'
+           class='option-card history'
            style='display: none'>
           <div class='img-container'>
             
@@ -6168,7 +6168,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.roku/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -6184,7 +6184,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.russound_rnet/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -6200,7 +6200,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.sabnzbd/'
-           class='downloading'
+           class='option-card downloading'
            style='display: none'>
           <div class='img-container'>
             
@@ -6216,7 +6216,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/scsgate/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -6232,7 +6232,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/cover.scsgate/'
-           class='cover'
+           class='option-card cover'
            style='display: none'>
           <div class='img-container'>
             
@@ -6248,7 +6248,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.scsgate/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -6264,7 +6264,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.scsgate/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -6282,7 +6282,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.smtp/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -6298,7 +6298,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.snmp/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -6314,7 +6314,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.snmp/'
-           class='system-monitor'
+           class='option-card system-monitor'
            style='display: none'>
           <div class='img-container'>
             
@@ -6330,7 +6330,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.samsungtv/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -6346,7 +6346,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/scene/'
-           class='organization'
+           class='option-card organization'
            style='display: none'>
           <div class='img-container'>
             
@@ -6362,7 +6362,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.scrape/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -6378,7 +6378,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/script/'
-           class='automation'
+           class='option-card automation'
            style='display: none'>
           <div class='img-container'>
             
@@ -6394,7 +6394,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.sendgrid/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -6410,7 +6410,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.sensehat/'
-           class='sensor added_two_versions_ago'
+           class='option-card sensor added_two_versions_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -6430,7 +6430,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.aquostv/'
-           class='media-player added_two_versions_ago'
+           class='option-card media-player added_two_versions_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -6446,7 +6446,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/shell_command/'
-           class='automation'
+           class='option-card automation'
            style='display: none'>
           <div class='img-container'>
             
@@ -6462,7 +6462,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.simplepush/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -6478,7 +6478,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/alarm_control_panel.simplisafe/'
-           class='alarm'
+           class='option-card alarm'
            style='display: none'>
           <div class='img-container'>
             
@@ -6494,7 +6494,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.sky_hub/'
-           class='presence-detection added_in_current_version'
+           class='option-card presence-detection added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -6510,7 +6510,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.skybeacon/'
-           class='diy added_in_current_version'
+           class='option-card diy added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -6524,7 +6524,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.slack/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -6540,7 +6540,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sleepiq/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -6556,7 +6556,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.sleepiq/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -6572,7 +6572,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.sleepiq/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -6588,7 +6588,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.snapcast/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -6604,7 +6604,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.sonarr/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -6620,7 +6620,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.sonos/'
-           class='media-player featured'
+           class='option-card media-player featured'
            >
           <div class='img-container'>
             
@@ -6636,7 +6636,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.braviatv/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -6652,7 +6652,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.soundtouch/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -6668,7 +6668,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.speedtest/'
-           class='system-monitor'
+           class='option-card system-monitor'
            style='display: none'>
           <div class='img-container'>
             
@@ -6684,7 +6684,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/splunk/'
-           class='history'
+           class='option-card history'
            style='display: none'>
           <div class='img-container'>
             
@@ -6700,7 +6700,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.statistics/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -6716,7 +6716,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/statsd/'
-           class='history'
+           class='option-card history'
            style='display: none'>
           <div class='img-container'>
             
@@ -6732,7 +6732,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.steam_online/'
-           class='social'
+           class='option-card social'
            style='display: none'>
           <div class='img-container'>
             
@@ -6748,7 +6748,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sun/'
-           class='weather'
+           class='option-card weather'
            style='display: none'>
           <div class='img-container'>
             
@@ -6764,7 +6764,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.supervisord/'
-           class='system-monitor'
+           class='option-card system-monitor'
            style='display: none'>
           <div class='img-container'>
             
@@ -6780,7 +6780,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.swiss_hydrological_data/'
-           class='weather'
+           class='option-card weather'
            style='display: none'>
           <div class='img-container'>
             
@@ -6796,7 +6796,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.swiss_public_transport/'
-           class='transport'
+           class='option-card transport'
            style='display: none'>
           <div class='img-container'>
             
@@ -6812,7 +6812,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.swisscom/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -6830,7 +6830,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/camera.synology/'
-           class='camera'
+           class='option-card camera'
            style='display: none'>
           <div class='img-container'>
             
@@ -6846,7 +6846,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.synologydsm/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -6862,7 +6862,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.syslog/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -6878,7 +6878,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.systemmonitor/'
-           class='system-monitor'
+           class='option-card system-monitor'
            style='display: none'>
           <div class='img-container'>
             
@@ -6894,7 +6894,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.tcp/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -6910,7 +6910,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.tcp/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -6926,7 +6926,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.temper/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -6940,7 +6940,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.tplink/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -6956,7 +6956,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.tplink/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -6972,7 +6972,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.tado/'
-           class='presence-detection added_in_current_version'
+           class='option-card presence-detection added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -6988,7 +6988,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.telegram/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -7004,7 +7004,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/tellstick/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -7020,7 +7020,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.tellstick/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -7036,7 +7036,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.tellstick/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -7052,7 +7052,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.tellstick/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -7068,7 +7068,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/tellduslive/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -7084,7 +7084,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.tellduslive/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -7100,7 +7100,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.tellduslive/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -7116,7 +7116,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.telstra/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -7132,7 +7132,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.template/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -7148,7 +7148,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.template/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -7164,7 +7164,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.template/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -7182,7 +7182,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/thingspeak/'
-           class='history'
+           class='option-card history'
            style='display: none'>
           <div class='img-container'>
             
@@ -7198,7 +7198,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.thinkingcleaner/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -7214,7 +7214,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.thinkingcleaner/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -7230,7 +7230,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.thomson/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -7246,7 +7246,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.threshold/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -7262,7 +7262,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.tikteck/'
-           class='light added_one_version_ago'
+           class='option-card light added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -7276,7 +7276,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.time_date/'
-           class='calendar'
+           class='option-card calendar'
            style='display: none'>
           <div class='img-container'>
             
@@ -7292,7 +7292,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.tomato/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -7308,7 +7308,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.torque/'
-           class='transport'
+           class='option-card transport'
            style='display: none'>
           <div class='img-container'>
             
@@ -7324,7 +7324,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.trackr/'
-           class='presence-detection added_one_version_ago'
+           class='option-card presence-detection added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -7340,7 +7340,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.transmission/'
-           class='downloading'
+           class='option-card downloading'
            style='display: none'>
           <div class='img-container'>
             
@@ -7356,7 +7356,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.transmission/'
-           class='downloading'
+           class='option-card downloading'
            style='display: none'>
           <div class='img-container'>
             
@@ -7372,7 +7372,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.trend/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -7388,7 +7388,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.twilio_sms/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -7404,7 +7404,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.twitch/'
-           class='social'
+           class='option-card social'
            style='display: none'>
           <div class='img-container'>
             
@@ -7420,7 +7420,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/notify.twitter/'
-           class='notifications'
+           class='option-card notifications'
            style='display: none'>
           <div class='img-container'>
             
@@ -7436,7 +7436,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.upc_connect/'
-           class='presence-detection added_one_version_ago'
+           class='option-card presence-detection added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -7452,7 +7452,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/upnp/'
-           class='other'
+           class='option-card other'
            style='display: none'>
           <div class='img-container'>
             
@@ -7468,7 +7468,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.usps/'
-           class='sensor added_one_version_ago'
+           class='option-card sensor added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -7484,7 +7484,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.uber/'
-           class='transport'
+           class='option-card transport'
            style='display: none'>
           <div class='img-container'>
             
@@ -7500,7 +7500,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.unifi/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -7516,7 +7516,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/camera.uvc/'
-           class='camera'
+           class='option-card camera'
            style='display: none'>
           <div class='img-container'>
             
@@ -7532,7 +7532,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.universal/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -7548,7 +7548,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/updater/'
-           class='other'
+           class='option-card other'
            style='display: none'>
           <div class='img-container'>
             
@@ -7564,7 +7564,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.vlc/'
-           class='media-player added_two_versions_ago'
+           class='option-card media-player added_two_versions_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -7580,7 +7580,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/vera/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -7596,7 +7596,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.vera/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -7612,7 +7612,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/cover.vera/'
-           class='cover'
+           class='option-card cover'
            style='display: none'>
           <div class='img-container'>
             
@@ -7628,7 +7628,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.vera/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -7644,7 +7644,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/lock.vera/'
-           class='lock'
+           class='option-card lock'
            style='display: none'>
           <div class='img-container'>
             
@@ -7660,7 +7660,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.vera/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -7676,7 +7676,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.vera/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -7692,7 +7692,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/climate.vera/'
-           class='climate'
+           class='option-card climate'
            style='display: none'>
           <div class='img-container'>
             
@@ -7708,7 +7708,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/verisure/'
-           class='hub'
+           class='option-card hub'
            style='display: none'>
           <div class='img-container'>
             
@@ -7724,7 +7724,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/alarm_control_panel.verisure/'
-           class='alarm'
+           class='option-card alarm'
            style='display: none'>
           <div class='img-container'>
             
@@ -7740,7 +7740,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/camera.verisure/'
-           class='camera'
+           class='option-card camera'
            style='display: none'>
           <div class='img-container'>
             
@@ -7756,7 +7756,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/lock.verisure/'
-           class='lock'
+           class='option-card lock'
            style='display: none'>
           <div class='img-container'>
             
@@ -7772,7 +7772,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.verisure/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -7788,7 +7788,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.verisure/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -7804,7 +7804,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/tts.voicerss/'
-           class='text-to-speech added_two_versions_ago'
+           class='option-card text-to-speech added_two_versions_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -7820,7 +7820,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.volvooncall/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -7836,7 +7836,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.vasttrafik/'
-           class='transport'
+           class='option-card transport'
            style='display: none'>
           <div class='img-container'>
             
@@ -7852,7 +7852,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.wake_on_lan/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -7868,7 +7868,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.wsdot/'
-           class='transport added_in_current_version'
+           class='option-card transport added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -7886,7 +7886,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.wunderground/'
-           class='weather'
+           class='option-card weather'
            style='display: none'>
           <div class='img-container'>
             
@@ -7902,7 +7902,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/weblink/'
-           class='front-end'
+           class='option-card front-end'
            style='display: none'>
           <div class='img-container'>
             
@@ -7918,7 +7918,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/wink/'
-           class='hub featured'
+           class='option-card hub featured'
            >
           <div class='img-container'>
             
@@ -7934,7 +7934,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/alarm_control_panel.wink/'
-           class='alarm added_in_current_version'
+           class='option-card alarm added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -7950,7 +7950,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.wink/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -7966,7 +7966,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/cover.wink/'
-           class='cover'
+           class='option-card cover'
            style='display: none'>
           <div class='img-container'>
             
@@ -7982,7 +7982,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/fan.wink/'
-           class='fan added_one_version_ago'
+           class='option-card fan added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -7998,7 +7998,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.wink/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -8014,7 +8014,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/lock.wink/'
-           class='lock'
+           class='option-card lock'
            style='display: none'>
           <div class='img-container'>
             
@@ -8030,7 +8030,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.wink/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -8046,7 +8046,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.wink/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -8062,7 +8062,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/climate.wink/'
-           class='climate'
+           class='option-card climate'
            style='display: none'>
           <div class='img-container'>
             
@@ -8078,7 +8078,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.waqi/'
-           class='health'
+           class='option-card health'
            style='display: none'>
           <div class='img-container'>
             
@@ -8094,7 +8094,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.worldclock/'
-           class='calendar'
+           class='option-card calendar'
            style='display: none'>
           <div class='img-container'>
             
@@ -8110,7 +8110,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.x10/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -8126,7 +8126,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.xbox_live/'
-           class='social'
+           class='option-card social'
            style='display: none'>
           <div class='img-container'>
             
@@ -8142,7 +8142,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.xiaomi/'
-           class='presence-detection added_one_version_ago'
+           class='option-card presence-detection added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -8158,7 +8158,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.yr/'
-           class='weather'
+           class='option-card weather'
            style='display: none'>
           <div class='img-container'>
             
@@ -8174,7 +8174,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.yahoo_finance/'
-           class='finance'
+           class='option-card finance'
            style='display: none'>
           <div class='img-container'>
             
@@ -8190,7 +8190,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.yweather/'
-           class='weather'
+           class='option-card weather'
            style='display: none'>
           <div class='img-container'>
             
@@ -8206,7 +8206,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.yamaha/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -8222,7 +8222,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/tts.yandextts/'
-           class='text-to-speech added_one_version_ago'
+           class='option-card text-to-speech added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -8238,7 +8238,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.yeelight/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -8254,7 +8254,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/zwave/'
-           class='hub featured'
+           class='option-card hub featured'
            >
           <div class='img-container'>
             
@@ -8270,7 +8270,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.zwave/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -8286,7 +8286,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/climate.zwave/'
-           class='climate'
+           class='option-card climate'
            style='display: none'>
           <div class='img-container'>
             
@@ -8302,7 +8302,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/cover.zwave/'
-           class='cover'
+           class='option-card cover'
            style='display: none'>
           <div class='img-container'>
             
@@ -8318,7 +8318,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.zwave/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -8334,7 +8334,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/lock.zwave/'
-           class='lock'
+           class='option-card lock'
            style='display: none'>
           <div class='img-container'>
             
@@ -8350,7 +8350,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.zwave/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -8366,7 +8366,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.zwave/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -8382,7 +8382,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.zamg/'
-           class='weather added_two_versions_ago'
+           class='option-card weather added_two_versions_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -8398,7 +8398,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/zabbix/'
-           class='system-monitor added_in_current_version'
+           class='option-card system-monitor added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -8414,7 +8414,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.zabbix/'
-           class='system-monitor added_in_current_version'
+           class='option-card system-monitor added_in_current_version'
            style='display: none'>
           <div class='img-container'>
             
@@ -8430,7 +8430,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.zengge/'
-           class='light added_one_version_ago'
+           class='option-card light added_one_version_ago'
            style='display: none'>
           <div class='img-container'>
             
@@ -8446,7 +8446,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/zeroconf/'
-           class='other'
+           class='option-card other'
            style='display: none'>
           <div class='img-container'>
             
@@ -8462,7 +8462,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/zigbee/'
-           class='diy'
+           class='option-card diy'
            style='display: none'>
           <div class='img-container'>
             
@@ -8478,7 +8478,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.zigbee/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -8494,7 +8494,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/light.zigbee/'
-           class='light'
+           class='option-card light'
            style='display: none'>
           <div class='img-container'>
             
@@ -8510,7 +8510,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.zigbee/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -8526,7 +8526,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.zigbee/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -8542,7 +8542,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/zone/'
-           class='organization'
+           class='option-card organization'
            style='display: none'>
           <div class='img-container'>
             
@@ -8558,7 +8558,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/zoneminder/'
-           class='camera'
+           class='option-card camera'
            style='display: none'>
           <div class='img-container'>
             
@@ -8574,7 +8574,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.zoneminder/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -8590,7 +8590,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.zoneminder/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -8606,7 +8606,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/binary_sensor.arest/'
-           class='binary-sensor'
+           class='option-card binary-sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -8622,7 +8622,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.arest/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -8638,7 +8638,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.arest/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -8654,7 +8654,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.cmus/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -8668,7 +8668,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/ecobee/'
-           class='hub featured'
+           class='option-card hub featured'
            >
           <div class='img-container'>
             
@@ -8684,7 +8684,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/device_tracker.icloud/'
-           class='presence-detection'
+           class='option-card presence-detection'
            style='display: none'>
           <div class='img-container'>
             
@@ -8700,7 +8700,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/media_player.itunes/'
-           class='media-player'
+           class='option-card media-player'
            style='display: none'>
           <div class='img-container'>
             
@@ -8716,7 +8716,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/sensor.mfi/'
-           class='sensor'
+           class='option-card sensor'
            style='display: none'>
           <div class='img-container'>
             
@@ -8732,7 +8732,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.mfi/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
@@ -8748,7 +8748,7 @@ Support for these components is provided by the Home Assistant community.
       
       
         <a href='/components/switch.mystrom/'
-           class='switch'
+           class='option-card switch'
            style='display: none'>
           <div class='img-container'>
             
diff --git a/getting-started/automation-action/index.html b/getting-started/automation-action/index.html
index f4230146d2..82535aceab 100644
--- a/getting-started/automation-action/index.html
+++ b/getting-started/automation-action/index.html
@@ -168,17 +168,21 @@
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/automation-condition/index.html b/getting-started/automation-condition/index.html
index b155c6fba4..4f3c34feb2 100644
--- a/getting-started/automation-condition/index.html
+++ b/getting-started/automation-condition/index.html
@@ -134,17 +134,21 @@
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/automation-create-first/index.html b/getting-started/automation-create-first/index.html
index 212039987c..27256a30e3 100644
--- a/getting-started/automation-create-first/index.html
+++ b/getting-started/automation-create-first/index.html
@@ -214,17 +214,21 @@
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/automation-examples/index.html b/getting-started/automation-examples/index.html
index 513450ff99..0fe2a0ae88 100644
--- a/getting-started/automation-examples/index.html
+++ b/getting-started/automation-examples/index.html
@@ -163,17 +163,21 @@
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/automation-templating/index.html b/getting-started/automation-templating/index.html
index 1ea6801e52..86fc280c48 100644
--- a/getting-started/automation-templating/index.html
+++ b/getting-started/automation-templating/index.html
@@ -393,17 +393,21 @@
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/automation-trigger/index.html b/getting-started/automation-trigger/index.html
index ef895f93d6..984262e153 100644
--- a/getting-started/automation-trigger/index.html
+++ b/getting-started/automation-trigger/index.html
@@ -248,17 +248,21 @@ With template triggers you can also evaluate attribute changes by using is_state
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/automation-troubleshooting/index.html b/getting-started/automation-troubleshooting/index.html
index 83615d494c..88b411e888 100644
--- a/getting-started/automation-troubleshooting/index.html
+++ b/getting-started/automation-troubleshooting/index.html
@@ -122,17 +122,21 @@ INFO [homeassistant.components.automation] Initialized rule Rain is over
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/automation/index.html b/getting-started/automation/index.html
index feb86f735a..45105bae55 100644
--- a/getting-started/automation/index.html
+++ b/getting-started/automation/index.html
@@ -172,17 +172,21 @@ The difference between a condition and a trigger can be confusing as they are ve
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/autostart-init.d/index.html b/getting-started/autostart-init.d/index.html
index c534283323..667f3c8d8d 100644
--- a/getting-started/autostart-init.d/index.html
+++ b/getting-started/autostart-init.d/index.html
@@ -236,17 +236,21 @@ esac
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/autostart-macos/index.html b/getting-started/autostart-macos/index.html
index 08d6990f6a..0c11fce677 100644
--- a/getting-started/autostart-macos/index.html
+++ b/getting-started/autostart-macos/index.html
@@ -129,17 +129,21 @@ Home Assistant has been uninstalled.
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/autostart-synology/index.html b/getting-started/autostart-synology/index.html
index cd62fed66b..97c2c4702b 100644
--- a/getting-started/autostart-synology/index.html
+++ b/getting-started/autostart-synology/index.html
@@ -148,17 +148,21 @@ stop on runlevel <span class="o">[</span>06]
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/autostart-systemd/index.html b/getting-started/autostart-systemd/index.html
index 6a37ce0295..743df0a882 100644
--- a/getting-started/autostart-systemd/index.html
+++ b/getting-started/autostart-systemd/index.html
@@ -206,17 +206,21 @@ WantedBy=multi-user.target
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/autostart-upstart/index.html b/getting-started/autostart-upstart/index.html
index a676b7dacb..f8d7a62e67 100644
--- a/getting-started/autostart-upstart/index.html
+++ b/getting-started/autostart-upstart/index.html
@@ -236,17 +236,21 @@ esac
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/autostart/index.html b/getting-started/autostart/index.html
index 6ebe76cea7..f083fd0e35 100644
--- a/getting-started/autostart/index.html
+++ b/getting-started/autostart/index.html
@@ -118,17 +118,21 @@
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/basic/index.html b/getting-started/basic/index.html
index 3391b68f8f..c14c7bb140 100644
--- a/getting-started/basic/index.html
+++ b/getting-started/basic/index.html
@@ -165,17 +165,21 @@ If you decide to expose your Home Assistant instance to the internet and forget
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/browsers/index.html b/getting-started/browsers/index.html
index 2f0f152fa8..6c2e7001b7 100644
--- a/getting-started/browsers/index.html
+++ b/getting-started/browsers/index.html
@@ -333,17 +333,21 @@
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/configuration/index.html b/getting-started/configuration/index.html
index d5ade0e746..ea97e29527 100644
--- a/getting-started/configuration/index.html
+++ b/getting-started/configuration/index.html
@@ -152,17 +152,21 @@
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a class='active' href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/customizing-devices/index.html b/getting-started/customizing-devices/index.html
index 7b18d7bb6c..65a2954532 100644
--- a/getting-started/customizing-devices/index.html
+++ b/getting-started/customizing-devices/index.html
@@ -240,17 +240,21 @@ New customize information will be applied the next time the state of the entity
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/devices/index.html b/getting-started/devices/index.html
index cd8923e553..a01f18d3f2 100644
--- a/getting-started/devices/index.html
+++ b/getting-started/devices/index.html
@@ -169,17 +169,21 @@ Each group consists of a name and a list of entity IDs. Entity IDs can be retrie
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/getting-started-alternatives/index.html b/getting-started/getting-started-alternatives/index.html
new file mode 100644
index 0000000000..1c6868693a
--- /dev/null
+++ b/getting-started/getting-started-alternatives/index.html
@@ -0,0 +1,236 @@
+<!doctype html>
+  <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+  <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+  <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+  <!--[if gt IE 8]><!--> <html> <!--<![endif]-->
+
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>HASSbian image for Raspberry Pi - Home Assistant</title>
+    <meta name="author" content="Home Assistant">
+    <meta name="description" content="Instructions to flash the Home Assistant HASSbian image on a Raspberry Pi.">
+    
+    <meta name="viewport" content="width=device-width">
+    <link rel="canonical" href="https://home-assistant.io/getting-started/getting-started-alternatives/">
+
+    <meta property="fb:app_id" content="338291289691179">
+    <meta property="og:title" content="HASSbian image for Raspberry Pi">
+    <meta property="og:site_name" content="Home Assistant">
+    <meta property="og:url" content="https://home-assistant.io/getting-started/getting-started-alternatives/">
+    <meta property="og:type" content="website">
+    <meta property="og:description" content="Instructions to flash the Home Assistant HASSbian image on a Raspberry Pi.">
+    <meta property="og:image" content="https://home-assistant.io/images/default-social.png">
+    
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:site" content="@home_assistant">
+    
+    <meta name="twitter:title" content="HASSbian image for Raspberry Pi">
+    <meta name="twitter:description" content="Instructions to flash the Home Assistant HASSbian image on a Raspberry Pi.">
+    <meta name="twitter:image" content="https://home-assistant.io/images/default-social.png">
+
+    <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet">
+    <link href="/atom.xml" rel="alternate" title="Home Assistant" type="application/atom+xml">
+    <link rel='shortcut icon' href='/images/favicon.ico' />
+    <link rel='icon' type='image/png' href='/images/favicon-192x192.png' sizes='192x192' />
+  </head>
+
+  <body >
+
+    <header>
+      <div class="grid-wrapper">
+  <div class="grid">
+
+    <div class="grid__item three-tenths lap-two-sixths palm-one-whole ha-title">
+  <a href="/" class="site-title">
+    <img width='40' src='/demo/favicon-192x192.png'>
+    <span>Home Assistant</span>
+  </a>
+</div>
+
+<div class="grid__item seven-tenths lap-four-sixths palm-one-whole">
+  <nav>
+    <input type="checkbox" id="toggle">
+<label for="toggle" class="toggle" data-open="Main Menu" data-close="Close Menu"></label>
+<ul class="menu pull-right">
+  
+  <li><a href="/getting-started/">Getting started</a></li>
+  <li><a href="/components/">Components</a></li>
+  <li><a href="/ecosystem/">Ecosystem</a></li>
+  <li><a href="/cookbook/">Examples</a></li>
+  <li><a href="/developers/">Developers</a></li>
+  <li><a href="/blog/">Blog</a></li>
+  <li><a href="/help/">Need help?</a></li>
+</ul>
+  </nav>
+</div>
+
+  </div>
+</div>
+    </header>
+
+    
+
+    <div class="grid-wrapper">
+      <div class="grid grid-center">
+        
+        <div class="grid__item two-thirds lap-one-whole palm-one-whole">
+        
+
+          <article class="page">
+  
+  
+
+  
+  <header>
+    <h1 class="title indent">
+      HASSbian Image for Raspberry Pi
+    </h1>
+  </header>
+  <hr class="divider">
+  
+
+  <hr />
+<p>layout: page
+title: “Installing Home Assistant”
+description: “Instructions to get started using Home Assistant.”
+date: 2016-09-26 21:00
+sidebar: true
+comments: false
+sharing: true
+footer: true
+—</p>
+
+<p>Installing Home Assistant is bla bla. Choose options:</p>
+
+<ul>
+  <li><a href="/getting-started/installation-raspberry-pi-image/">Raspberry Pi</a></li>
+  <li><a href="/getting-started/installation-python/">Python</a></li>
+</ul>
+
+
+
+</article>
+
+
+        </div>
+
+        
+        <aside id="sidebar" class="grid__item one-third lap-one-whole palm-one-whole">
+          <div class="grid">
+  
+  
+    <section class="aside-module grid__item one-whole lap-one-half">
+  <div class='edit-github'><a href='https://github.com/home-assistant/home-assistant.github.io/tree/current/source/getting-started/getting-started-alternatives.markdown'>Edit this page on GitHub</a></div>
+  <div class='section'>
+    <h1 class="title delta">Getting Started Guide</h1>
+    <ul class='divided sidebar-menu'>
+      <li>
+        <a  href='/getting-started/'>Installation </a>
+        <ul>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
+          <li><a  href='/getting-started/updating/'>Updating </a></li>
+          <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/configuration/'>Configuration  </a>
+        <ul>
+          <li><a  href='/getting-started/yaml/'>YAML </a></li>
+          <li><a  href='/getting-started/basic/'>Basic information </a></li>
+          <li><a  href='/getting-started/devices/'>Setting up devices </a></li>
+          <li><a  href='/getting-started/customizing-devices/'>Customizing devices and services </a></li>
+          <li><a  href='/getting-started/presence-detection/'>Presence Detection </a></li>
+          <li><a  href='/getting-started/troubleshooting-configuration/'>Troubleshooting </a></li>
+          <li><a  href='/getting-started/securing/'>Security Check Points </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/automation/'>Automation </a>
+        <ul>
+          <li><a  href='/getting-started/automation-create-first/'>Tutorial </a></li>
+          <li><a  href='/getting-started/automation-trigger/'>Triggers </a></li>
+          <li><a  href='/getting-started/automation-condition/'>Conditions </a></li>
+          <li><a  href='/getting-started/automation-action/'>Actions </a></li>
+          <li><a  href='/getting-started/automation-templating/'>Templates </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/scripts/'>Scripts </a>
+        <ul>
+          <li><a  href='/getting-started/scripts-service-calls/'>Service Calls </a></li>
+          <li><a  href='/getting-started/scripts-conditions/'>Conditions </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/z-wave/'>Z-Wave </a>
+        <ul>
+          <li><a  href='/getting-started/z-wave-controllers/'>Controllers </a></li>
+          <li><a  href='/getting-started/z-wave-settings/'>Modifying Settings </a></li>
+          <li><a  href='/getting-started/z-wave-device-specific/'>Device Specific </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/autostart/'>Autostart </a>
+        <ul>
+          <li><a  href='/getting-started/autostart-systemd/'>Linux - systemd </a></li>
+          <li><a  href='/getting-started/autostart-upstart/'>Linux - Upstart </a></li>
+          <li><a  href='/getting-started/autostart-init.d/'>Linux - init.d </a></li>
+          <li><a  href='/getting-started/autostart-macos/'>macOS </a></li>
+          <li><a  href='/getting-started/autostart-synology/'>Synology NAS </a></li>
+        </ul>
+      </li>
+      <li><a  href='/topics/'>Advanced Topics </a></li>
+      <li><a  href='/details/'>Details </a></li>
+      <li><a  href='/getting-started/mobile/'>Add to Android/iOS Homescreen </a></li>
+      <li><a  href='/getting-started/browsers/'>Browser Compatibility List </a></li>
+    </ul>
+  </div>
+</section>
+  
+</div>
+        </aside>
+        
+      </div>
+    </div>
+
+    <footer>
+      <div class="grid-wrapper">
+  <div class="grid">
+    <div class="grid__item">
+      <div class="copyright">
+  <a rel="me" href='https://twitter.com/home_assistant'><i class="icon-twitter"></i></a>
+  <a rel="me" href='https://facebook.com/homeassistantio'><i class="icon-facebook"></i></a>
+  <a rel="me" href='https://plus.google.com/110560654828510104551'><i class="icon-google-plus"></i></a>
+  <a rel="me" href='https://github.com/home-assistant/home-assistant'><i class="icon-github"></i></a>
+
+  <div class="credit">
+    Contact us at <a href='mailto:hello@home-assistant.io'>hello@home-assistant.io</a>.<br>
+    Website powered by <a href='http://jekyllrb.com/'>Jekyll</a> and the <a href='https://github.com/coogie/oscailte'>Oscalite theme</a>.<br />
+    Hosted by <a href='https://pages.github.com/'>GitHub</a> and served by <a href='https://cloudflare.com'>CloudFlare</a>.
+  </div>
+  <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">home-assistant.io</span> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
+</div>
+    </div>
+  </div>
+</div>
+    </footer>
+
+    <script>
+  var _gaq=[['_setAccount','UA-57927901-1'],['_trackPageview']];
+  (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
+  g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
+  s.parentNode.insertBefore(g,s)}(document,'script'));
+</script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/getting-started/installation-raspberry-pi-image/index.html b/getting-started/hassbian-common-tasks/index.html
similarity index 63%
rename from getting-started/installation-raspberry-pi-image/index.html
rename to getting-started/hassbian-common-tasks/index.html
index f1054ce0a6..68c5915fb9 100644
--- a/getting-started/installation-raspberry-pi-image/index.html
+++ b/getting-started/hassbian-common-tasks/index.html
@@ -7,26 +7,26 @@
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <title>HASSbian image for Raspberry Pi - Home Assistant</title>
+    <title>Common tasks on Hassbian - Home Assistant</title>
     <meta name="author" content="Home Assistant">
-    <meta name="description" content="Instructions to flash the Home Assistant HASSbian image on a Raspberry Pi.">
+    <meta name="description" content="Instructions how to do common tasks on Hassbian.">
     
     <meta name="viewport" content="width=device-width">
-    <link rel="canonical" href="https://home-assistant.io/getting-started/installation-raspberry-pi-image/">
+    <link rel="canonical" href="https://home-assistant.io/getting-started/hassbian-common-tasks/">
 
     <meta property="fb:app_id" content="338291289691179">
-    <meta property="og:title" content="HASSbian image for Raspberry Pi">
+    <meta property="og:title" content="Common tasks on Hassbian">
     <meta property="og:site_name" content="Home Assistant">
-    <meta property="og:url" content="https://home-assistant.io/getting-started/installation-raspberry-pi-image/">
+    <meta property="og:url" content="https://home-assistant.io/getting-started/hassbian-common-tasks/">
     <meta property="og:type" content="website">
-    <meta property="og:description" content="Instructions to flash the Home Assistant HASSbian image on a Raspberry Pi.">
+    <meta property="og:description" content="Instructions how to do common tasks on Hassbian.">
     <meta property="og:image" content="https://home-assistant.io/images/default-social.png">
     
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:site" content="@home_assistant">
     
-    <meta name="twitter:title" content="HASSbian image for Raspberry Pi">
-    <meta name="twitter:description" content="Instructions to flash the Home Assistant HASSbian image on a Raspberry Pi.">
+    <meta name="twitter:title" content="Common tasks on Hassbian">
+    <meta name="twitter:description" content="Instructions how to do common tasks on Hassbian.">
     <meta name="twitter:image" content="https://home-assistant.io/images/default-social.png">
 
     <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet">
@@ -84,72 +84,13 @@
   
   <header>
     <h1 class="title indent">
-      HASSbian Image for Raspberry Pi
+      Common Tasks on Hassbian
     </h1>
   </header>
   <hr class="divider">
   
 
-  <p>The easiest way to install Home Assistant on your Raspberry Pi is by using HASSbian: a Raspberry Pi image with Home Assistant built-in. The image will install the latest version of Home Assistant on initial boot (~10 minutes).</p>
-
-<ol>
-  <li><a href="https://github.com/home-assistant/pi-gen/releases">Download the latest image</a></li>
-  <li>Flash the image to an SD card:
-    <ul>
-      <li><a href="https://www.raspberrypi.org/documentation/installation/installing-images/windows.md">Windows</a></li>
-      <li><a href="https://www.raspberrypi.org/documentation/installation/installing-images/linux.md">Linux</a></li>
-      <li><a href="https://www.raspberrypi.org/documentation/installation/installing-images/mac.md">Mac OS</a></li>
-    </ul>
-  </li>
-  <li>Ensure your Raspberry Pi has access to the internet.</li>
-  <li>Insert SD card to Raspberry Pi and turn it on. Initial installation of Home Assistant will take about 5 minutes.</li>
-</ol>
-
-<p>These instructions are also available as a <a href="https://www.youtube.com/watch?v=iIz6XqDwHEk">video</a>.</p>
-
-<p>Home Assistant will now be available by navigating with a browser to <code class="highlighter-rouge">http://ip-address-of-pi:8123</code>. The default username is <code class="highlighter-rouge">pi</code> and password is <code class="highlighter-rouge">raspberry</code> (please change this by running <code class="highlighter-rouge">passwd</code>). The Home Assistant configuration is located at <code class="highlighter-rouge">/home/homeassistant/.homeassistant/</code>.</p>
-
-<p>The following extras are included on the image:</p>
-
-<ul>
-  <li>GPIO pins are ready to use.</li>
-  <li>Bluetooth is ready to use (supported models only, no Bluetooth LE).</li>
-  <li>Hassbian-scripts. A set of script written to add extra functionality to your Raspberry Pi installation.<br />
- Currently includes:
-    <ul>
-      <li>Install Libcec. Adds local <a href="/components/hdmi_cec/">HDMI CEC support</a>.</li>
-      <li>Install Mossquitto. Installs the latest Mosquitto package and client tools from the Mosquitto projects offical repository. Now includes websocket support.</li>
-      <li>Install OpenZWave. Installs OpenZWave and prepares for using a USB or GPIO ZWave controller.</li>
-      <li>Install Samba. Installs the Samba packages and shares you configuration over smb to be available to edit on any computer without the need for separate file transfer software. This share is unsecured and it’s usage is not recommended if your installation is publicly available.</li>
-    </ul>
-  </li>
-</ul>
-
-<p>All of these scripts are available in the directory <code class="highlighter-rouge">/home/pi/hassbian-scripts/</code>. This directory is actually a cloned git repository that’s clone on first boot and can be updated to the latest release with ease after.
-To update the hassbian-scripts directory execute the following command as the <code class="highlighter-rouge">pi</code> user.</p>
-<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span><span class="nb">cd </span>hassbian-scripts
-<span class="gp">$ </span>git pull
-</code></pre>
-</div>
-<p>For more information about these scripts have a look at the <a href="https://github.com/home-assistant/hassbian-scripts">hassbian-scripts repository</a>.</p>
-
-<p>Some extra tips:</p>
-
-<ul>
-  <li>Check out the list of <a href="/getting-started/installation-raspberry-pi/#raspberry-pi-hardware-specific-components">Raspberry Pi hardware specific components</a>.</li>
-  <li>Run <code class="highlighter-rouge">sudo raspi-config</code> to change the locale, timezone and keyboard layout.</li>
-</ul>
-
-<h3><a class="title-link" name="technical-details" href="#technical-details"></a> Technical Details</h3>
-
-<ul>
-  <li>Home Assistant is installed in a virtual Python environment at <code class="highlighter-rouge">/srv/homeassistant/</code></li>
-  <li>Home Assistant will be started as a service run by the user <code class="highlighter-rouge">homeassistant</code></li>
-  <li>The configuration is located at <code class="highlighter-rouge">/home/homeassistant/.homeassistant</code></li>
-</ul>
-
-<h3><a class="title-link" name="managing-your-hassbian-installation" href="#managing-your-hassbian-installation"></a> Managing your HASSbian installation</h3>
-<h4><a class="title-link" name="login-to-hassbian-on-the-raspberry-pi" href="#login-to-hassbian-on-the-raspberry-pi"></a> Login to HASSbian on the Raspberry Pi</h4>
+  <h3><a class="title-link" name="login-to-the-raspberry-pi" href="#login-to-the-raspberry-pi"></a> Login to the Raspberry Pi</h3>
 <p>To login to your Raspberry Pi running HASSbian your going to be using a ssh client. Depending on your platform there are several alternatives for doing this. Linux and Max OS generally have a ssh client installed. Windows users are recommended to download and install the ssh client <a href="http://www.chiark.greenend.org.uk/~sgtatham/putty/download.html">Putty</a>.</p>
 
 <p>Connect to the Raspberry Pi over ssh. Default user name is <code class="highlighter-rouge">pi</code> and password is <code class="highlighter-rouge">raspberry</code>.<br />
@@ -163,7 +104,7 @@ Linux and Mac OS users execute the following command in a terminal.</p>
 
 <p>Optionally, starting with Windows 10 anniversary update, you can use the built-in ‘<a href="https://msdn.microsoft.com/en-us/commandline/wsl/about">Bash on Windows</a>’ to use SSH if you have enabled Developer mode and have installed the “Windows Subsystem for Linux (beta)” feature.</p>
 
-<h4><a class="title-link" name="startstoprestart-home-assistant-on-hassbian" href="#startstoprestart-home-assistant-on-hassbian"></a> Start/Stop/Restart Home Assistant on HaSSbian</h4>
+<h3><a class="title-link" name="startstoprestart-home-assistant" href="#startstoprestart-home-assistant"></a> Start/Stop/Restart Home Assistant</h3>
 <p>Log in as the <code class="highlighter-rouge">pi</code> account account and execute the following commands:</p>
 
 <div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo systemctl stop home-assistant@homeassistant.service 
@@ -173,7 +114,7 @@ Linux and Mac OS users execute the following command in a terminal.</p>
 <p>Replace <code class="highlighter-rouge">stop</code> with <code class="highlighter-rouge">start</code> or <code class="highlighter-rouge">restart</code> to get the desired functionality.
 To get the current state of the <code class="highlighter-rouge">homeassistant.service</code> replace <code class="highlighter-rouge">stop</code> with <code class="highlighter-rouge">status</code>.</p>
 
-<h4><a class="title-link" name="update-home-assistant-on-hassbian" href="#update-home-assistant-on-hassbian"></a> Update Home Assistant on HASSbian</h4>
+<h3><a class="title-link" name="update-home-assistant" href="#update-home-assistant"></a> Update Home Assistant</h3>
 
 <p>Log in as the <code class="highlighter-rouge">pi</code> account and execute the following commands:</p>
 
@@ -197,7 +138,7 @@ To get the current state of the <code class="highlighter-rouge">homeassistant.se
   <li>Restart the Home Assistant service.</li>
 </ul>
 
-<h4><a class="title-link" name="manually-launch-home-assistant-on-hassbian" href="#manually-launch-home-assistant-on-hassbian"></a> Manually launch Home Assistant on HASSbian</h4>
+<h3><a class="title-link" name="manually-launch-home-assistant" href="#manually-launch-home-assistant"></a> Manually launch Home Assistant</h3>
 <p>Log in as the <code class="highlighter-rouge">pi</code> account and execute the following commands:</p>
 
 <div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo su -s /bin/bash homeassistant
@@ -208,7 +149,7 @@ To get the current state of the <code class="highlighter-rouge">homeassistant.se
 
 <p>This will start Home Assistant in your shell and output anything that ends up in the log and more into the console. This will fail if the Home Assistant service is already running so don’t forget to <a href="/getting-started/installation-raspberry-pi-image/#startstoprestart-home-assistant-on-hassbian">stop</a> it first.</p>
 
-<h4><a class="title-link" name="check-your-configuration-on-hassbian" href="#check-your-configuration-on-hassbian"></a> Check your configuration on HASSbian</h4>
+<h3><a class="title-link" name="check-your-configuration" href="#check-your-configuration"></a> Check your configuration</h3>
 <p>Log in as the <code class="highlighter-rouge">pi</code> account and execute the following commands:</p>
 
 <div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo su -s /bin/bash homeassistant
@@ -219,7 +160,7 @@ To get the current state of the <code class="highlighter-rouge">homeassistant.se
 
 <p>This will output any errors in your configuration files to console.</p>
 
-<h4><a class="title-link" name="read-the-home-assistant-log-file-on-hassbian" href="#read-the-home-assistant-log-file-on-hassbian"></a> Read the Home Assistant log file on HASSbian</h4>
+<h3><a class="title-link" name="read-the-home-assistant-log-file" href="#read-the-home-assistant-log-file"></a> Read the Home Assistant log file</h3>
 <p>Log in as the <code class="highlighter-rouge">pi</code> account and execute the following commands:</p>
 
 <div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo su -s /bin/bash homeassistant
@@ -243,7 +184,8 @@ Log in as the <code class="highlighter-rouge">pi</code> account and execute the
 </code></pre>
 </div>
 
-<h4><a class="title-link" name="edit-the-home-assistant-configuration-on-hassbian" href="#edit-the-home-assistant-configuration-on-hassbian"></a> Edit the Home Assistant configuration on HASSbian</h4>
+<h3><a class="title-link" name="edit-the-home-assistant-configuration" href="#edit-the-home-assistant-configuration"></a> Edit the Home Assistant configuration</h3>
+
 <p>Log in as the <code class="highlighter-rouge">pi</code> account and execute the following commands:</p>
 
 <div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo su -s /bin/bash homeassistant
@@ -262,31 +204,12 @@ Log in as the <code class="highlighter-rouge">pi</code> account and execute the
 
 <p>It’s generally recommended that you read the <a href="/getting-started/configuration/">Getting started</a> guide for how to configure Home Assistant.</p>
 
-<h4><a class="title-link" name="upgrade-and-update-hassbian" href="#upgrade-and-update-hassbian"></a> Upgrade and update HASSbian</h4>
-<p>HASSbian is based on Raspbian and uses the same repositories. Any changes to Raspbian will be reflected in HASSbian. To update and upgrade system packages and installed software (excluding Home Assistant) do the following.
-Log in as the <code class="highlighter-rouge">pi</code> account and execute the following commands:</p>
+<h3><a class="title-link" name="change-locale-timezone-and-keyboard-layout" href="#change-locale-timezone-and-keyboard-layout"></a> Change locale, timezone and keyboard layout</h3>
 
-<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo apt-get update
-<span class="gp">$ </span>sudo apt-get upgrade
+<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo raspi-config
 </code></pre>
 </div>
 
-<p>Press <code class="highlighter-rouge">Y</code> to confirm that you would like to continue.</p>
-
-<h3><a class="title-link" name="troubleshooting" href="#troubleshooting"></a> Troubleshooting</h3>
-
-<p>If you run into any issues, please see <a href="/getting-started/troubleshooting/">the troubleshooting page</a>. It contains solutions to many of the more commonly encountered issues.</p>
-
-<p>In addition to this site, check out these sources for additional help:</p>
-
-<ul>
-  <li><a href="https://community.home-assistant.io">Forum</a> for Home Assistant discussions and questions.</li>
-  <li><a href="https://gitter.im/home-assistant/home-assistant">Gitter Chat Room</a> for real-time chat about Home Assistant.</li>
-  <li><a href="https://github.com/home-assistant/home-assistant/issues">GitHub Page</a> for issue reporting.</li>
-</ul>
-
-<h3><a href="/getting-started/configuration/">Next step: Configuring Home Assistant »</a></h3>
-
 
 
 </article>
@@ -300,24 +223,28 @@ Log in as the <code class="highlighter-rouge">pi</code> account and execute the
   
   
     <section class="aside-module grid__item one-whole lap-one-half">
-  <div class='edit-github'><a href='https://github.com/home-assistant/home-assistant.github.io/tree/current/source/getting-started/installation-raspberry-pi-image.markdown'>Edit this page on GitHub</a></div>
+  <div class='edit-github'><a href='https://github.com/home-assistant/home-assistant.github.io/tree/current/source/getting-started/hassbian-common-tasks.markdown'>Edit this page on GitHub</a></div>
   <div class='section'>
     <h1 class="title delta">Getting Started Guide</h1>
     <ul class='divided sidebar-menu'>
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a class='active' href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a class='active' href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/hassbian-customization/index.html b/getting-started/hassbian-customization/index.html
new file mode 100644
index 0000000000..1ac0c8da61
--- /dev/null
+++ b/getting-started/hassbian-customization/index.html
@@ -0,0 +1,229 @@
+<!doctype html>
+  <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+  <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+  <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+  <!--[if gt IE 8]><!--> <html> <!--<![endif]-->
+
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>Customization - Home Assistant</title>
+    <meta name="author" content="Home Assistant">
+    <meta name="description" content="Instructions to flash the Home Assistant HASSbian image on a Raspberry Pi.">
+    
+    <meta name="viewport" content="width=device-width">
+    <link rel="canonical" href="https://home-assistant.io/getting-started/hassbian-customization/">
+
+    <meta property="fb:app_id" content="338291289691179">
+    <meta property="og:title" content="Customization">
+    <meta property="og:site_name" content="Home Assistant">
+    <meta property="og:url" content="https://home-assistant.io/getting-started/hassbian-customization/">
+    <meta property="og:type" content="website">
+    <meta property="og:description" content="Instructions to flash the Home Assistant HASSbian image on a Raspberry Pi.">
+    <meta property="og:image" content="https://home-assistant.io/images/default-social.png">
+    
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:site" content="@home_assistant">
+    
+    <meta name="twitter:title" content="Customization">
+    <meta name="twitter:description" content="Instructions to flash the Home Assistant HASSbian image on a Raspberry Pi.">
+    <meta name="twitter:image" content="https://home-assistant.io/images/default-social.png">
+
+    <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet">
+    <link href="/atom.xml" rel="alternate" title="Home Assistant" type="application/atom+xml">
+    <link rel='shortcut icon' href='/images/favicon.ico' />
+    <link rel='icon' type='image/png' href='/images/favicon-192x192.png' sizes='192x192' />
+  </head>
+
+  <body >
+
+    <header>
+      <div class="grid-wrapper">
+  <div class="grid">
+
+    <div class="grid__item three-tenths lap-two-sixths palm-one-whole ha-title">
+  <a href="/" class="site-title">
+    <img width='40' src='/demo/favicon-192x192.png'>
+    <span>Home Assistant</span>
+  </a>
+</div>
+
+<div class="grid__item seven-tenths lap-four-sixths palm-one-whole">
+  <nav>
+    <input type="checkbox" id="toggle">
+<label for="toggle" class="toggle" data-open="Main Menu" data-close="Close Menu"></label>
+<ul class="menu pull-right">
+  
+  <li><a href="/getting-started/">Getting started</a></li>
+  <li><a href="/components/">Components</a></li>
+  <li><a href="/ecosystem/">Ecosystem</a></li>
+  <li><a href="/cookbook/">Examples</a></li>
+  <li><a href="/developers/">Developers</a></li>
+  <li><a href="/blog/">Blog</a></li>
+  <li><a href="/help/">Need help?</a></li>
+</ul>
+  </nav>
+</div>
+
+  </div>
+</div>
+    </header>
+
+    
+
+    <div class="grid-wrapper">
+      <div class="grid grid-center">
+        
+        <div class="grid__item two-thirds lap-one-whole palm-one-whole">
+        
+
+          <article class="page">
+  
+  
+
+  
+  <header>
+    <h1 class="title indent">
+      Customization
+    </h1>
+  </header>
+  <hr class="divider">
+  
+
+  <p>To allow you to customize your installation further, we have included a set of Hassbian scripts.</p>
+
+<ul>
+  <li>Install Samba. Allows anyone on your network to edit your configuration from any computer. This share is unsecured and it’s usage is not recommended if you share your network with others.</li>
+  <li>Install Libcec. Adds local <a href="/components/hdmi_cec/">HDMI CEC support</a>.</li>
+  <li>Install Mossquitto MQTT server. Installs the latest Mosquitto package and client tools from the Mosquitto projects offical repository. Now includes websocket support.</li>
+  <li>Install Open Z-Wave. Installs Open Z-Wave and prepares for using a USB or GPIO ZWave controller.</li>
+</ul>
+
+<p>All of these scripts are available in the directory <code class="highlighter-rouge">/home/pi/hassbian-scripts/</code>. For more information about these scripts have a look at the <a href="https://github.com/home-assistant/hassbian-scripts#the-included-scripts">hassbian-scripts repository</a>.</p>
+
+
+
+</article>
+
+
+        </div>
+
+        
+        <aside id="sidebar" class="grid__item one-third lap-one-whole palm-one-whole">
+          <div class="grid">
+  
+  
+    <section class="aside-module grid__item one-whole lap-one-half">
+  <div class='edit-github'><a href='https://github.com/home-assistant/home-assistant.github.io/tree/current/source/getting-started/hassbian-customization.markdown'>Edit this page on GitHub</a></div>
+  <div class='section'>
+    <h1 class="title delta">Getting Started Guide</h1>
+    <ul class='divided sidebar-menu'>
+      <li>
+        <a  href='/getting-started/'>Installation </a>
+        <ul>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
+          <li><a  href='/getting-started/updating/'>Updating </a></li>
+          <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a class='active' href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/configuration/'>Configuration  </a>
+        <ul>
+          <li><a  href='/getting-started/yaml/'>YAML </a></li>
+          <li><a  href='/getting-started/basic/'>Basic information </a></li>
+          <li><a  href='/getting-started/devices/'>Setting up devices </a></li>
+          <li><a  href='/getting-started/customizing-devices/'>Customizing devices and services </a></li>
+          <li><a  href='/getting-started/presence-detection/'>Presence Detection </a></li>
+          <li><a  href='/getting-started/troubleshooting-configuration/'>Troubleshooting </a></li>
+          <li><a  href='/getting-started/securing/'>Security Check Points </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/automation/'>Automation </a>
+        <ul>
+          <li><a  href='/getting-started/automation-create-first/'>Tutorial </a></li>
+          <li><a  href='/getting-started/automation-trigger/'>Triggers </a></li>
+          <li><a  href='/getting-started/automation-condition/'>Conditions </a></li>
+          <li><a  href='/getting-started/automation-action/'>Actions </a></li>
+          <li><a  href='/getting-started/automation-templating/'>Templates </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/scripts/'>Scripts </a>
+        <ul>
+          <li><a  href='/getting-started/scripts-service-calls/'>Service Calls </a></li>
+          <li><a  href='/getting-started/scripts-conditions/'>Conditions </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/z-wave/'>Z-Wave </a>
+        <ul>
+          <li><a  href='/getting-started/z-wave-controllers/'>Controllers </a></li>
+          <li><a  href='/getting-started/z-wave-settings/'>Modifying Settings </a></li>
+          <li><a  href='/getting-started/z-wave-device-specific/'>Device Specific </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/autostart/'>Autostart </a>
+        <ul>
+          <li><a  href='/getting-started/autostart-systemd/'>Linux - systemd </a></li>
+          <li><a  href='/getting-started/autostart-upstart/'>Linux - Upstart </a></li>
+          <li><a  href='/getting-started/autostart-init.d/'>Linux - init.d </a></li>
+          <li><a  href='/getting-started/autostart-macos/'>macOS </a></li>
+          <li><a  href='/getting-started/autostart-synology/'>Synology NAS </a></li>
+        </ul>
+      </li>
+      <li><a  href='/topics/'>Advanced Topics </a></li>
+      <li><a  href='/details/'>Details </a></li>
+      <li><a  href='/getting-started/mobile/'>Add to Android/iOS Homescreen </a></li>
+      <li><a  href='/getting-started/browsers/'>Browser Compatibility List </a></li>
+    </ul>
+  </div>
+</section>
+  
+</div>
+        </aside>
+        
+      </div>
+    </div>
+
+    <footer>
+      <div class="grid-wrapper">
+  <div class="grid">
+    <div class="grid__item">
+      <div class="copyright">
+  <a rel="me" href='https://twitter.com/home_assistant'><i class="icon-twitter"></i></a>
+  <a rel="me" href='https://facebook.com/homeassistantio'><i class="icon-facebook"></i></a>
+  <a rel="me" href='https://plus.google.com/110560654828510104551'><i class="icon-google-plus"></i></a>
+  <a rel="me" href='https://github.com/home-assistant/home-assistant'><i class="icon-github"></i></a>
+
+  <div class="credit">
+    Contact us at <a href='mailto:hello@home-assistant.io'>hello@home-assistant.io</a>.<br>
+    Website powered by <a href='http://jekyllrb.com/'>Jekyll</a> and the <a href='https://github.com/coogie/oscailte'>Oscalite theme</a>.<br />
+    Hosted by <a href='https://pages.github.com/'>GitHub</a> and served by <a href='https://cloudflare.com'>CloudFlare</a>.
+  </div>
+  <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">home-assistant.io</span> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
+</div>
+    </div>
+  </div>
+</div>
+    </footer>
+
+    <script>
+  var _gaq=[['_setAccount','UA-57927901-1'],['_trackPageview']];
+  (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
+  g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
+  s.parentNode.insertBefore(g,s)}(document,'script'));
+</script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/getting-started/hassbian-installation/index.html b/getting-started/hassbian-installation/index.html
new file mode 100644
index 0000000000..78ce5c69c0
--- /dev/null
+++ b/getting-started/hassbian-installation/index.html
@@ -0,0 +1,261 @@
+<!doctype html>
+  <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+  <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+  <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+  <!--[if gt IE 8]><!--> <html> <!--<![endif]-->
+
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>Installing Hassbian - Home Assistant</title>
+    <meta name="author" content="Home Assistant">
+    <meta name="description" content="Instructions to flash the Home Assistant HASSbian image on a Raspberry Pi.">
+    
+    <meta name="viewport" content="width=device-width">
+    <link rel="canonical" href="https://home-assistant.io/getting-started/hassbian-installation/">
+
+    <meta property="fb:app_id" content="338291289691179">
+    <meta property="og:title" content="Installing Hassbian">
+    <meta property="og:site_name" content="Home Assistant">
+    <meta property="og:url" content="https://home-assistant.io/getting-started/hassbian-installation/">
+    <meta property="og:type" content="website">
+    <meta property="og:description" content="Instructions to flash the Home Assistant HASSbian image on a Raspberry Pi.">
+    <meta property="og:image" content="https://home-assistant.io/images/default-social.png">
+    
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:site" content="@home_assistant">
+    
+    <meta name="twitter:title" content="Installing Hassbian">
+    <meta name="twitter:description" content="Instructions to flash the Home Assistant HASSbian image on a Raspberry Pi.">
+    <meta name="twitter:image" content="https://home-assistant.io/images/default-social.png">
+
+    <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet">
+    <link href="/atom.xml" rel="alternate" title="Home Assistant" type="application/atom+xml">
+    <link rel='shortcut icon' href='/images/favicon.ico' />
+    <link rel='icon' type='image/png' href='/images/favicon-192x192.png' sizes='192x192' />
+  </head>
+
+  <body >
+
+    <header>
+      <div class="grid-wrapper">
+  <div class="grid">
+
+    <div class="grid__item three-tenths lap-two-sixths palm-one-whole ha-title">
+  <a href="/" class="site-title">
+    <img width='40' src='/demo/favicon-192x192.png'>
+    <span>Home Assistant</span>
+  </a>
+</div>
+
+<div class="grid__item seven-tenths lap-four-sixths palm-one-whole">
+  <nav>
+    <input type="checkbox" id="toggle">
+<label for="toggle" class="toggle" data-open="Main Menu" data-close="Close Menu"></label>
+<ul class="menu pull-right">
+  
+  <li><a href="/getting-started/">Getting started</a></li>
+  <li><a href="/components/">Components</a></li>
+  <li><a href="/ecosystem/">Ecosystem</a></li>
+  <li><a href="/cookbook/">Examples</a></li>
+  <li><a href="/developers/">Developers</a></li>
+  <li><a href="/blog/">Blog</a></li>
+  <li><a href="/help/">Need help?</a></li>
+</ul>
+  </nav>
+</div>
+
+  </div>
+</div>
+    </header>
+
+    
+
+    <div class="grid-wrapper">
+      <div class="grid grid-center">
+        
+        <div class="grid__item two-thirds lap-one-whole palm-one-whole">
+        
+
+          <article class="page">
+  
+  
+
+  
+  <header>
+    <h1 class="title indent">
+      Installing Hassbian
+    </h1>
+  </header>
+  <hr class="divider">
+  
+
+  <p>The easiest way to install Home Assistant on your Raspberry Pi is by using HASSbian: a Raspberry Pi image with Home Assistant built-in. The image will install the latest version of Home Assistant on initial boot (~10 minutes).</p>
+
+<ol>
+  <li><a href="https://github.com/home-assistant/pi-gen/releases/download/v1.1/image_2017-02-03-HASSbian.zip">Download the Hassbian 1.1 image</a> (359MB)</li>
+  <li>Use <a href="https://etcher.io/">Etcher</a> to flash the image to your SD card</li>
+  <li>Ensure your Raspberry Pi has access to the internet.</li>
+  <li>Insert SD card to Raspberry Pi and turn it on. Initial installation of Home Assistant will take about 5 minutes.</li>
+</ol>
+
+<p>These instructions are also available as a <a href="https://www.youtube.com/watch?v=iIz6XqDwHEk">video</a>.</p>
+
+<p>After initial boot, you can reach Home Assistant in your browser at <a href="http://hassbian.local:8123">http://hassbian.local:8123</a>. If you want to login via SSH, the default username is <code class="highlighter-rouge">pi</code> and password is <code class="highlighter-rouge">raspberry</code> (please change this by running <code class="highlighter-rouge">passwd</code>). The Home Assistant configuration is located at <code class="highlighter-rouge">/home/homeassistant/.homeassistant/</code>.</p>
+
+<p>The following extras are included on the image:</p>
+
+<ul>
+  <li>GPIO pins are ready to use.</li>
+  <li>Bluetooth is ready to use (supported models only, no Bluetooth LE).</li>
+</ul>
+
+<h3><a class="title-link" name="technical-details" href="#technical-details"></a> Technical Details</h3>
+
+<ul>
+  <li>Home Assistant is installed in a virtual Python environment at <code class="highlighter-rouge">/srv/homeassistant/</code></li>
+  <li>Home Assistant will be started as a service run by the user <code class="highlighter-rouge">homeassistant</code></li>
+  <li>The configuration is located at <code class="highlighter-rouge">/home/homeassistant/.homeassistant</code></li>
+</ul>
+
+<h3><a class="title-link" name="troubleshooting" href="#troubleshooting"></a> Troubleshooting</h3>
+
+<p>If you run into any issues, please see <a href="/getting-started/troubleshooting/">the troubleshooting page</a>. It contains solutions to many of the more commonly encountered issues.</p>
+
+<p>In addition to this site, check out these sources for additional help:</p>
+
+<ul>
+  <li><a href="https://community.home-assistant.io">Forum</a> for Home Assistant discussions and questions.</li>
+  <li><a href="https://gitter.im/home-assistant/home-assistant">Gitter Chat Room</a> for real-time chat about Home Assistant.</li>
+  <li><a href="https://github.com/home-assistant/home-assistant/issues">GitHub Page</a> for issue reporting.</li>
+</ul>
+
+<h3><a href="/getting-started/configuration/">Learn how to configure Home Assistant »</a></h3>
+<h3><a href="/getting-started/hassbian-common-tasks/">Learn common tasks in Hassbian »</a></h3>
+
+
+
+</article>
+
+
+        </div>
+
+        
+        <aside id="sidebar" class="grid__item one-third lap-one-whole palm-one-whole">
+          <div class="grid">
+  
+  
+    <section class="aside-module grid__item one-whole lap-one-half">
+  <div class='edit-github'><a href='https://github.com/home-assistant/home-assistant.github.io/tree/current/source/getting-started/hassbian-installation.markdown'>Edit this page on GitHub</a></div>
+  <div class='section'>
+    <h1 class="title delta">Getting Started Guide</h1>
+    <ul class='divided sidebar-menu'>
+      <li>
+        <a  href='/getting-started/'>Installation </a>
+        <ul>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
+          <li><a  href='/getting-started/updating/'>Updating </a></li>
+          <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a class='active' href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/configuration/'>Configuration  </a>
+        <ul>
+          <li><a  href='/getting-started/yaml/'>YAML </a></li>
+          <li><a  href='/getting-started/basic/'>Basic information </a></li>
+          <li><a  href='/getting-started/devices/'>Setting up devices </a></li>
+          <li><a  href='/getting-started/customizing-devices/'>Customizing devices and services </a></li>
+          <li><a  href='/getting-started/presence-detection/'>Presence Detection </a></li>
+          <li><a  href='/getting-started/troubleshooting-configuration/'>Troubleshooting </a></li>
+          <li><a  href='/getting-started/securing/'>Security Check Points </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/automation/'>Automation </a>
+        <ul>
+          <li><a  href='/getting-started/automation-create-first/'>Tutorial </a></li>
+          <li><a  href='/getting-started/automation-trigger/'>Triggers </a></li>
+          <li><a  href='/getting-started/automation-condition/'>Conditions </a></li>
+          <li><a  href='/getting-started/automation-action/'>Actions </a></li>
+          <li><a  href='/getting-started/automation-templating/'>Templates </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/scripts/'>Scripts </a>
+        <ul>
+          <li><a  href='/getting-started/scripts-service-calls/'>Service Calls </a></li>
+          <li><a  href='/getting-started/scripts-conditions/'>Conditions </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/z-wave/'>Z-Wave </a>
+        <ul>
+          <li><a  href='/getting-started/z-wave-controllers/'>Controllers </a></li>
+          <li><a  href='/getting-started/z-wave-settings/'>Modifying Settings </a></li>
+          <li><a  href='/getting-started/z-wave-device-specific/'>Device Specific </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/autostart/'>Autostart </a>
+        <ul>
+          <li><a  href='/getting-started/autostart-systemd/'>Linux - systemd </a></li>
+          <li><a  href='/getting-started/autostart-upstart/'>Linux - Upstart </a></li>
+          <li><a  href='/getting-started/autostart-init.d/'>Linux - init.d </a></li>
+          <li><a  href='/getting-started/autostart-macos/'>macOS </a></li>
+          <li><a  href='/getting-started/autostart-synology/'>Synology NAS </a></li>
+        </ul>
+      </li>
+      <li><a  href='/topics/'>Advanced Topics </a></li>
+      <li><a  href='/details/'>Details </a></li>
+      <li><a  href='/getting-started/mobile/'>Add to Android/iOS Homescreen </a></li>
+      <li><a  href='/getting-started/browsers/'>Browser Compatibility List </a></li>
+    </ul>
+  </div>
+</section>
+  
+</div>
+        </aside>
+        
+      </div>
+    </div>
+
+    <footer>
+      <div class="grid-wrapper">
+  <div class="grid">
+    <div class="grid__item">
+      <div class="copyright">
+  <a rel="me" href='https://twitter.com/home_assistant'><i class="icon-twitter"></i></a>
+  <a rel="me" href='https://facebook.com/homeassistantio'><i class="icon-facebook"></i></a>
+  <a rel="me" href='https://plus.google.com/110560654828510104551'><i class="icon-google-plus"></i></a>
+  <a rel="me" href='https://github.com/home-assistant/home-assistant'><i class="icon-github"></i></a>
+
+  <div class="credit">
+    Contact us at <a href='mailto:hello@home-assistant.io'>hello@home-assistant.io</a>.<br>
+    Website powered by <a href='http://jekyllrb.com/'>Jekyll</a> and the <a href='https://github.com/coogie/oscailte'>Oscalite theme</a>.<br />
+    Hosted by <a href='https://pages.github.com/'>GitHub</a> and served by <a href='https://cloudflare.com'>CloudFlare</a>.
+  </div>
+  <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">home-assistant.io</span> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
+</div>
+    </div>
+  </div>
+</div>
+    </footer>
+
+    <script>
+  var _gaq=[['_setAccount','UA-57927901-1'],['_trackPageview']];
+  (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
+  g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
+  s.parentNode.insertBefore(g,s)}(document,'script'));
+</script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/getting-started/hassbian-integrations/index.html b/getting-started/hassbian-integrations/index.html
new file mode 100644
index 0000000000..4061c8f6a7
--- /dev/null
+++ b/getting-started/hassbian-integrations/index.html
@@ -0,0 +1,306 @@
+<!doctype html>
+  <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+  <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+  <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+  <!--[if gt IE 8]><!--> <html> <!--<![endif]-->
+
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>Raspberry Pi integrations - Home Assistant</title>
+    <meta name="author" content="Home Assistant">
+    <meta name="description" content="Home Assistant integrations specific to the Raspberry Pi.">
+    
+    <meta name="viewport" content="width=device-width">
+    <link rel="canonical" href="https://home-assistant.io/getting-started/hassbian-integrations/">
+
+    <meta property="fb:app_id" content="338291289691179">
+    <meta property="og:title" content="Raspberry Pi integrations">
+    <meta property="og:site_name" content="Home Assistant">
+    <meta property="og:url" content="https://home-assistant.io/getting-started/hassbian-integrations/">
+    <meta property="og:type" content="website">
+    <meta property="og:description" content="Home Assistant integrations specific to the Raspberry Pi.">
+    <meta property="og:image" content="https://home-assistant.io/images/default-social.png">
+    
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:site" content="@home_assistant">
+    
+    <meta name="twitter:title" content="Raspberry Pi integrations">
+    <meta name="twitter:description" content="Home Assistant integrations specific to the Raspberry Pi.">
+    <meta name="twitter:image" content="https://home-assistant.io/images/default-social.png">
+
+    <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet">
+    <link href="/atom.xml" rel="alternate" title="Home Assistant" type="application/atom+xml">
+    <link rel='shortcut icon' href='/images/favicon.ico' />
+    <link rel='icon' type='image/png' href='/images/favicon-192x192.png' sizes='192x192' />
+  </head>
+
+  <body >
+
+    <header>
+      <div class="grid-wrapper">
+  <div class="grid">
+
+    <div class="grid__item three-tenths lap-two-sixths palm-one-whole ha-title">
+  <a href="/" class="site-title">
+    <img width='40' src='/demo/favicon-192x192.png'>
+    <span>Home Assistant</span>
+  </a>
+</div>
+
+<div class="grid__item seven-tenths lap-four-sixths palm-one-whole">
+  <nav>
+    <input type="checkbox" id="toggle">
+<label for="toggle" class="toggle" data-open="Main Menu" data-close="Close Menu"></label>
+<ul class="menu pull-right">
+  
+  <li><a href="/getting-started/">Getting started</a></li>
+  <li><a href="/components/">Components</a></li>
+  <li><a href="/ecosystem/">Ecosystem</a></li>
+  <li><a href="/cookbook/">Examples</a></li>
+  <li><a href="/developers/">Developers</a></li>
+  <li><a href="/blog/">Blog</a></li>
+  <li><a href="/help/">Need help?</a></li>
+</ul>
+  </nav>
+</div>
+
+  </div>
+</div>
+    </header>
+
+    
+
+    <div class="grid-wrapper">
+      <div class="grid grid-center">
+        
+        <div class="grid__item two-thirds lap-one-whole palm-one-whole">
+        
+
+          <article class="page">
+  
+  
+
+  
+  <header>
+    <h1 class="title indent">
+      Raspberry Pi Integrations
+    </h1>
+  </header>
+  <hr class="divider">
+  
+
+  <p>Some components that are specific for the Raspberry Pi can require some further configuration outside of Home Assistant. All commands below are assumed to be executed with the <code class="highlighter-rouge">pi</code> account. For full documentation of these components refer to the <a href="/components">components</a> page.</p>
+
+<h3><a class="title-link" name="bluetooth-tracker" href="#bluetooth-tracker"></a> Bluetooth Tracker</h3>
+
+<p>The Bluetooth tracker will work on a Raspberry Pi 3 with the built-in Bluetooth module or with a USB Bluetooth device on any of the other Raspberry Pi’s.</p>
+
+<p>Install the following external dependencies.</p>
+<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo apt-get install bluetooth libbluetooth-dev
+</code></pre>
+</div>
+<p>After this follow the <a href="/components/device_tracker.bluetooth_tracker/">Bluetooth Tracker component</a> and <a href="/components/device_tracker/">Device Tracker page</a> pages.</p>
+
+<h3><a class="title-link" name="raspberry-pi-camera" href="#raspberry-pi-camera"></a> Raspberry Pi Camera</h3>
+
+<p>The Raspberry Pi Camera is a specific camera for the Raspberry Pi boards. For more information about the camera I suggest reading the <a href="https://www.raspberrypi.org/documentation/usage/camera/">documentation</a> from the Raspberry Pi foundation.</p>
+
+<p>To use the camera it needs to be enabled with the <code class="highlighter-rouge">raspi-config</code> utility.</p>
+
+<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo raspi-config
+</code></pre>
+</div>
+
+<p>Select <code class="highlighter-rouge">Enable camera</code> choose <code class="highlighter-rouge">&lt;Yes&gt;</code> and hit <code class="highlighter-rouge">Enter</code>, then go to <code class="highlighter-rouge">Finish</code> and you’ll be prompted to reboot.</p>
+
+<p>After reboot add your <code class="highlighter-rouge">homeassistant</code> account to the <code class="highlighter-rouge">video</code> group.</p>
+
+<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo adduser homeassistant video
+</code></pre>
+</div>
+
+<p>After this follow the <a href="/components/camera.rpi_camera/">Raspberry Pi Camera component</a> page.</p>
+
+<h3><a class="title-link" name="raspberry-pi-gpio" href="#raspberry-pi-gpio"></a> Raspberry Pi GPIO</h3>
+
+<p>Each of the following devices are connected to the GPIO pins on the Raspberry Pi.
+For more details about the GPIO layout, visit the <a href="https://www.raspberrypi.org/documentation/usage/gpio/">documentation</a> from the Raspberry Pi foundation.</p>
+
+<p>Since these are not normally used some extra permission will need to be added.
+In general the permission that is needed is granted by adding the <code class="highlighter-rouge">homeassistant</code> account to the <code class="highlighter-rouge">gpio</code> group.</p>
+
+<h3><a class="title-link" name="raspberry-pi-cover" href="#raspberry-pi-cover"></a> Raspberry Pi Cover</h3>
+
+<p>Add your <code class="highlighter-rouge">homeassistant</code> account to the <code class="highlighter-rouge">gpio</code> group</p>
+<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo adduser homeassistant gpio
+</code></pre>
+</div>
+<p>After this follow the <a href="/components/cover.rpi_gpio/">Raspberry Pi Cover component</a> page.</p>
+
+<h3><a class="title-link" name="dht-sensor" href="#dht-sensor"></a> DHT Sensor</h3>
+
+<p>Add your <code class="highlighter-rouge">homeassistant</code> account to the <code class="highlighter-rouge">gpio</code> group</p>
+<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo adduser homeassistant gpio
+</code></pre>
+</div>
+<p>After this follow the <a href="/components/sensor.dht/">DHT Sensor component</a> page.</p>
+
+<h3><a class="title-link" name="raspberry-pi-gpio-binary-sensor" href="#raspberry-pi-gpio-binary-sensor"></a> Raspberry PI GPIO Binary Sensor</h3>
+
+<p>Add your <code class="highlighter-rouge">homeassistant</code> account to the <code class="highlighter-rouge">gpio</code> group</p>
+<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo adduser homeassistant gpio
+</code></pre>
+</div>
+<p>After this follow the <a href="/components/binary_sensor.rpi_gpio/">Raspberry PI GPIO Binary Sensor component</a> page.</p>
+
+<h3><a class="title-link" name="raspberry-pi-gpio-switch" href="#raspberry-pi-gpio-switch"></a> Raspberry PI GPIO Switch</h3>
+
+<p>Add your <code class="highlighter-rouge">homeassistant</code> account to the <code class="highlighter-rouge">gpio</code> group.</p>
+<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo adduser homeassistant gpio
+</code></pre>
+</div>
+<p>After this follow the <a href="/components/switch.rpi_gpio/">Raspberry PI GPIO Switch component</a> page.</p>
+
+<h3><a class="title-link" name="raspberry-pi-rf-switch" href="#raspberry-pi-rf-switch"></a> Raspberry Pi RF Switch</h3>
+
+<p>Add your <code class="highlighter-rouge">homeassistant</code> account to the <code class="highlighter-rouge">gpio</code> group</p>
+<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo adduser homeassistant gpio
+</code></pre>
+</div>
+<p>After this follow the <a href="/components/switch.rpi_rf/">Raspberry Pi RF Switch component</a> page.</p>
+
+<h3><a class="title-link" name="one-wire-sensor" href="#one-wire-sensor"></a> One wire Sensor</h3>
+
+<p>The One wire sensor requires that support for it is enabled on the Raspberry Pi and that the One Wire device is connected to GPIO pin 4.
+To enable One Wire support add the following line to the end of <code class="highlighter-rouge">/boot/config.txt</code></p>
+<div class="language-yaml highlighter-rouge"><pre class="highlight"><code><span class="s">dtoverlay=w1-gpio</span>
+</code></pre>
+</div>
+<p>After this follow the <a href="/components/sensor.onewire/">One Wire Sensor component</a> page.</p>
+
+
+</article>
+
+
+        </div>
+
+        
+        <aside id="sidebar" class="grid__item one-third lap-one-whole palm-one-whole">
+          <div class="grid">
+  
+  
+    <section class="aside-module grid__item one-whole lap-one-half">
+  <div class='edit-github'><a href='https://github.com/home-assistant/home-assistant.github.io/tree/current/source/getting-started/hassbian-integrations.markdown'>Edit this page on GitHub</a></div>
+  <div class='section'>
+    <h1 class="title delta">Getting Started Guide</h1>
+    <ul class='divided sidebar-menu'>
+      <li>
+        <a  href='/getting-started/'>Installation </a>
+        <ul>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
+          <li><a  href='/getting-started/updating/'>Updating </a></li>
+          <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a class='active' href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/configuration/'>Configuration  </a>
+        <ul>
+          <li><a  href='/getting-started/yaml/'>YAML </a></li>
+          <li><a  href='/getting-started/basic/'>Basic information </a></li>
+          <li><a  href='/getting-started/devices/'>Setting up devices </a></li>
+          <li><a  href='/getting-started/customizing-devices/'>Customizing devices and services </a></li>
+          <li><a  href='/getting-started/presence-detection/'>Presence Detection </a></li>
+          <li><a  href='/getting-started/troubleshooting-configuration/'>Troubleshooting </a></li>
+          <li><a  href='/getting-started/securing/'>Security Check Points </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/automation/'>Automation </a>
+        <ul>
+          <li><a  href='/getting-started/automation-create-first/'>Tutorial </a></li>
+          <li><a  href='/getting-started/automation-trigger/'>Triggers </a></li>
+          <li><a  href='/getting-started/automation-condition/'>Conditions </a></li>
+          <li><a  href='/getting-started/automation-action/'>Actions </a></li>
+          <li><a  href='/getting-started/automation-templating/'>Templates </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/scripts/'>Scripts </a>
+        <ul>
+          <li><a  href='/getting-started/scripts-service-calls/'>Service Calls </a></li>
+          <li><a  href='/getting-started/scripts-conditions/'>Conditions </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/z-wave/'>Z-Wave </a>
+        <ul>
+          <li><a  href='/getting-started/z-wave-controllers/'>Controllers </a></li>
+          <li><a  href='/getting-started/z-wave-settings/'>Modifying Settings </a></li>
+          <li><a  href='/getting-started/z-wave-device-specific/'>Device Specific </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/autostart/'>Autostart </a>
+        <ul>
+          <li><a  href='/getting-started/autostart-systemd/'>Linux - systemd </a></li>
+          <li><a  href='/getting-started/autostart-upstart/'>Linux - Upstart </a></li>
+          <li><a  href='/getting-started/autostart-init.d/'>Linux - init.d </a></li>
+          <li><a  href='/getting-started/autostart-macos/'>macOS </a></li>
+          <li><a  href='/getting-started/autostart-synology/'>Synology NAS </a></li>
+        </ul>
+      </li>
+      <li><a  href='/topics/'>Advanced Topics </a></li>
+      <li><a  href='/details/'>Details </a></li>
+      <li><a  href='/getting-started/mobile/'>Add to Android/iOS Homescreen </a></li>
+      <li><a  href='/getting-started/browsers/'>Browser Compatibility List </a></li>
+    </ul>
+  </div>
+</section>
+  
+</div>
+        </aside>
+        
+      </div>
+    </div>
+
+    <footer>
+      <div class="grid-wrapper">
+  <div class="grid">
+    <div class="grid__item">
+      <div class="copyright">
+  <a rel="me" href='https://twitter.com/home_assistant'><i class="icon-twitter"></i></a>
+  <a rel="me" href='https://facebook.com/homeassistantio'><i class="icon-facebook"></i></a>
+  <a rel="me" href='https://plus.google.com/110560654828510104551'><i class="icon-google-plus"></i></a>
+  <a rel="me" href='https://github.com/home-assistant/home-assistant'><i class="icon-github"></i></a>
+
+  <div class="credit">
+    Contact us at <a href='mailto:hello@home-assistant.io'>hello@home-assistant.io</a>.<br>
+    Website powered by <a href='http://jekyllrb.com/'>Jekyll</a> and the <a href='https://github.com/coogie/oscailte'>Oscalite theme</a>.<br />
+    Hosted by <a href='https://pages.github.com/'>GitHub</a> and served by <a href='https://cloudflare.com'>CloudFlare</a>.
+  </div>
+  <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">home-assistant.io</span> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
+</div>
+    </div>
+  </div>
+</div>
+    </footer>
+
+    <script>
+  var _gaq=[['_setAccount','UA-57927901-1'],['_trackPageview']];
+  (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
+  g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
+  s.parentNode.insertBefore(g,s)}(document,'script'));
+</script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/getting-started/hassbian-upgrading/index.html b/getting-started/hassbian-upgrading/index.html
new file mode 100644
index 0000000000..52cbc52347
--- /dev/null
+++ b/getting-started/hassbian-upgrading/index.html
@@ -0,0 +1,236 @@
+<!doctype html>
+  <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+  <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+  <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+  <!--[if gt IE 8]><!--> <html> <!--<![endif]-->
+
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>Upgrading Hassbian - Home Assistant</title>
+    <meta name="author" content="Home Assistant">
+    <meta name="description" content="Instructions how to upgrade Hasbian to the latest version.">
+    
+    <meta name="viewport" content="width=device-width">
+    <link rel="canonical" href="https://home-assistant.io/getting-started/hassbian-upgrading/">
+
+    <meta property="fb:app_id" content="338291289691179">
+    <meta property="og:title" content="Upgrading Hassbian">
+    <meta property="og:site_name" content="Home Assistant">
+    <meta property="og:url" content="https://home-assistant.io/getting-started/hassbian-upgrading/">
+    <meta property="og:type" content="website">
+    <meta property="og:description" content="Instructions how to upgrade Hasbian to the latest version.">
+    <meta property="og:image" content="https://home-assistant.io/images/default-social.png">
+    
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:site" content="@home_assistant">
+    
+    <meta name="twitter:title" content="Upgrading Hassbian">
+    <meta name="twitter:description" content="Instructions how to upgrade Hasbian to the latest version.">
+    <meta name="twitter:image" content="https://home-assistant.io/images/default-social.png">
+
+    <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet">
+    <link href="/atom.xml" rel="alternate" title="Home Assistant" type="application/atom+xml">
+    <link rel='shortcut icon' href='/images/favicon.ico' />
+    <link rel='icon' type='image/png' href='/images/favicon-192x192.png' sizes='192x192' />
+  </head>
+
+  <body >
+
+    <header>
+      <div class="grid-wrapper">
+  <div class="grid">
+
+    <div class="grid__item three-tenths lap-two-sixths palm-one-whole ha-title">
+  <a href="/" class="site-title">
+    <img width='40' src='/demo/favicon-192x192.png'>
+    <span>Home Assistant</span>
+  </a>
+</div>
+
+<div class="grid__item seven-tenths lap-four-sixths palm-one-whole">
+  <nav>
+    <input type="checkbox" id="toggle">
+<label for="toggle" class="toggle" data-open="Main Menu" data-close="Close Menu"></label>
+<ul class="menu pull-right">
+  
+  <li><a href="/getting-started/">Getting started</a></li>
+  <li><a href="/components/">Components</a></li>
+  <li><a href="/ecosystem/">Ecosystem</a></li>
+  <li><a href="/cookbook/">Examples</a></li>
+  <li><a href="/developers/">Developers</a></li>
+  <li><a href="/blog/">Blog</a></li>
+  <li><a href="/help/">Need help?</a></li>
+</ul>
+  </nav>
+</div>
+
+  </div>
+</div>
+    </header>
+
+    
+
+    <div class="grid-wrapper">
+      <div class="grid grid-center">
+        
+        <div class="grid__item two-thirds lap-one-whole palm-one-whole">
+        
+
+          <article class="page">
+  
+  
+
+  
+  <header>
+    <h1 class="title indent">
+      Upgrading Hassbian
+    </h1>
+  </header>
+  <hr class="divider">
+  
+
+  <p>HASSbian is based on Raspbian and uses the same repositories. Any changes to Raspbian will be reflected in HASSbian. To update and upgrade system packages and installed software (excluding Home Assistant) do the following.
+Log in as the <code class="highlighter-rouge">pi</code> account and execute the following commands:</p>
+
+<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo apt-get update
+<span class="gp">$ </span>sudo apt-get upgrade
+</code></pre>
+</div>
+
+<p>Press <code class="highlighter-rouge">Y</code> to confirm that you would like to continue.</p>
+
+<h4><a class="title-link" name="upgrading-the-hassbian-scripts" href="#upgrading-the-hassbian-scripts"></a> Upgrading the hassbian-scripts</h4>
+
+<p>To update the hassbian-scripts directory execute the following command as the <code class="highlighter-rouge">pi</code> user.</p>
+
+<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span><span class="nb">cd </span>hassbian-scripts
+<span class="gp">$ </span>git pull
+</code></pre>
+</div>
+
+
+</article>
+
+
+        </div>
+
+        
+        <aside id="sidebar" class="grid__item one-third lap-one-whole palm-one-whole">
+          <div class="grid">
+  
+  
+    <section class="aside-module grid__item one-whole lap-one-half">
+  <div class='edit-github'><a href='https://github.com/home-assistant/home-assistant.github.io/tree/current/source/getting-started/hassbian-upgrading.markdown'>Edit this page on GitHub</a></div>
+  <div class='section'>
+    <h1 class="title delta">Getting Started Guide</h1>
+    <ul class='divided sidebar-menu'>
+      <li>
+        <a  href='/getting-started/'>Installation </a>
+        <ul>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
+          <li><a  href='/getting-started/updating/'>Updating </a></li>
+          <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a class='active' href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/configuration/'>Configuration  </a>
+        <ul>
+          <li><a  href='/getting-started/yaml/'>YAML </a></li>
+          <li><a  href='/getting-started/basic/'>Basic information </a></li>
+          <li><a  href='/getting-started/devices/'>Setting up devices </a></li>
+          <li><a  href='/getting-started/customizing-devices/'>Customizing devices and services </a></li>
+          <li><a  href='/getting-started/presence-detection/'>Presence Detection </a></li>
+          <li><a  href='/getting-started/troubleshooting-configuration/'>Troubleshooting </a></li>
+          <li><a  href='/getting-started/securing/'>Security Check Points </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/automation/'>Automation </a>
+        <ul>
+          <li><a  href='/getting-started/automation-create-first/'>Tutorial </a></li>
+          <li><a  href='/getting-started/automation-trigger/'>Triggers </a></li>
+          <li><a  href='/getting-started/automation-condition/'>Conditions </a></li>
+          <li><a  href='/getting-started/automation-action/'>Actions </a></li>
+          <li><a  href='/getting-started/automation-templating/'>Templates </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/scripts/'>Scripts </a>
+        <ul>
+          <li><a  href='/getting-started/scripts-service-calls/'>Service Calls </a></li>
+          <li><a  href='/getting-started/scripts-conditions/'>Conditions </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/z-wave/'>Z-Wave </a>
+        <ul>
+          <li><a  href='/getting-started/z-wave-controllers/'>Controllers </a></li>
+          <li><a  href='/getting-started/z-wave-settings/'>Modifying Settings </a></li>
+          <li><a  href='/getting-started/z-wave-device-specific/'>Device Specific </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/autostart/'>Autostart </a>
+        <ul>
+          <li><a  href='/getting-started/autostart-systemd/'>Linux - systemd </a></li>
+          <li><a  href='/getting-started/autostart-upstart/'>Linux - Upstart </a></li>
+          <li><a  href='/getting-started/autostart-init.d/'>Linux - init.d </a></li>
+          <li><a  href='/getting-started/autostart-macos/'>macOS </a></li>
+          <li><a  href='/getting-started/autostart-synology/'>Synology NAS </a></li>
+        </ul>
+      </li>
+      <li><a  href='/topics/'>Advanced Topics </a></li>
+      <li><a  href='/details/'>Details </a></li>
+      <li><a  href='/getting-started/mobile/'>Add to Android/iOS Homescreen </a></li>
+      <li><a  href='/getting-started/browsers/'>Browser Compatibility List </a></li>
+    </ul>
+  </div>
+</section>
+  
+</div>
+        </aside>
+        
+      </div>
+    </div>
+
+    <footer>
+      <div class="grid-wrapper">
+  <div class="grid">
+    <div class="grid__item">
+      <div class="copyright">
+  <a rel="me" href='https://twitter.com/home_assistant'><i class="icon-twitter"></i></a>
+  <a rel="me" href='https://facebook.com/homeassistantio'><i class="icon-facebook"></i></a>
+  <a rel="me" href='https://plus.google.com/110560654828510104551'><i class="icon-google-plus"></i></a>
+  <a rel="me" href='https://github.com/home-assistant/home-assistant'><i class="icon-github"></i></a>
+
+  <div class="credit">
+    Contact us at <a href='mailto:hello@home-assistant.io'>hello@home-assistant.io</a>.<br>
+    Website powered by <a href='http://jekyllrb.com/'>Jekyll</a> and the <a href='https://github.com/coogie/oscailte'>Oscalite theme</a>.<br />
+    Hosted by <a href='https://pages.github.com/'>GitHub</a> and served by <a href='https://cloudflare.com'>CloudFlare</a>.
+  </div>
+  <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">home-assistant.io</span> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
+</div>
+    </div>
+  </div>
+</div>
+    </footer>
+
+    <script>
+  var _gaq=[['_setAccount','UA-57927901-1'],['_trackPageview']];
+  (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
+  g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
+  s.parentNode.insertBefore(g,s)}(document,'script'));
+</script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/getting-started/hassbian/index.html b/getting-started/hassbian/index.html
new file mode 100644
index 0000000000..955b632037
--- /dev/null
+++ b/getting-started/hassbian/index.html
@@ -0,0 +1,227 @@
+<!doctype html>
+  <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+  <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+  <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+  <!--[if gt IE 8]><!--> <html> <!--<![endif]-->
+
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>Hassbian - Home Assistant</title>
+    <meta name="author" content="Home Assistant">
+    <meta name="description" content="Instructions to flash the Home Assistant HASSbian image on a Raspberry Pi.">
+    
+    <meta name="viewport" content="width=device-width">
+    <link rel="canonical" href="https://home-assistant.io/getting-started/hassbian/">
+
+    <meta property="fb:app_id" content="338291289691179">
+    <meta property="og:title" content="Hassbian">
+    <meta property="og:site_name" content="Home Assistant">
+    <meta property="og:url" content="https://home-assistant.io/getting-started/hassbian/">
+    <meta property="og:type" content="website">
+    <meta property="og:description" content="Instructions to flash the Home Assistant HASSbian image on a Raspberry Pi.">
+    <meta property="og:image" content="https://home-assistant.io/images/default-social.png">
+    
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:site" content="@home_assistant">
+    
+    <meta name="twitter:title" content="Hassbian">
+    <meta name="twitter:description" content="Instructions to flash the Home Assistant HASSbian image on a Raspberry Pi.">
+    <meta name="twitter:image" content="https://home-assistant.io/images/default-social.png">
+
+    <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet">
+    <link href="/atom.xml" rel="alternate" title="Home Assistant" type="application/atom+xml">
+    <link rel='shortcut icon' href='/images/favicon.ico' />
+    <link rel='icon' type='image/png' href='/images/favicon-192x192.png' sizes='192x192' />
+  </head>
+
+  <body >
+
+    <header>
+      <div class="grid-wrapper">
+  <div class="grid">
+
+    <div class="grid__item three-tenths lap-two-sixths palm-one-whole ha-title">
+  <a href="/" class="site-title">
+    <img width='40' src='/demo/favicon-192x192.png'>
+    <span>Home Assistant</span>
+  </a>
+</div>
+
+<div class="grid__item seven-tenths lap-four-sixths palm-one-whole">
+  <nav>
+    <input type="checkbox" id="toggle">
+<label for="toggle" class="toggle" data-open="Main Menu" data-close="Close Menu"></label>
+<ul class="menu pull-right">
+  
+  <li><a href="/getting-started/">Getting started</a></li>
+  <li><a href="/components/">Components</a></li>
+  <li><a href="/ecosystem/">Ecosystem</a></li>
+  <li><a href="/cookbook/">Examples</a></li>
+  <li><a href="/developers/">Developers</a></li>
+  <li><a href="/blog/">Blog</a></li>
+  <li><a href="/help/">Need help?</a></li>
+</ul>
+  </nav>
+</div>
+
+  </div>
+</div>
+    </header>
+
+    
+
+    <div class="grid-wrapper">
+      <div class="grid grid-center">
+        
+        <div class="grid__item two-thirds lap-one-whole palm-one-whole">
+        
+
+          <article class="page">
+  
+  
+
+  
+  <header>
+    <h1 class="title indent">
+      Hassbian
+    </h1>
+  </header>
+  <hr class="divider">
+  
+
+  <p>Hassbian is our customized operating system for the Raspberry Pi 3. It is the easiest way of installing Home Assistant.</p>
+
+<ul>
+  <li><a href="/getting-started/hassbian-installatino/">Install Hassbian</a></li>
+  <li><a href="/getting-started/hassbian-customization/">Customize your installation</a></li>
+  <li><a href="/getting-started/hassbian-integrations/">Pi specific integrations</a></li>
+  <li><a href="/getting-started/hassbian-common-tasks/">Learn how to perform common tasks</a></li>
+</ul>
+
+
+
+</article>
+
+
+        </div>
+
+        
+        <aside id="sidebar" class="grid__item one-third lap-one-whole palm-one-whole">
+          <div class="grid">
+  
+  
+    <section class="aside-module grid__item one-whole lap-one-half">
+  <div class='edit-github'><a href='https://github.com/home-assistant/home-assistant.github.io/tree/current/source/getting-started/hassbian.markdown'>Edit this page on GitHub</a></div>
+  <div class='section'>
+    <h1 class="title delta">Getting Started Guide</h1>
+    <ul class='divided sidebar-menu'>
+      <li>
+        <a  href='/getting-started/'>Installation </a>
+        <ul>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
+          <li><a  href='/getting-started/updating/'>Updating </a></li>
+          <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
+        </ul>
+      </li>
+      <li>
+        <a class='active' href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/configuration/'>Configuration  </a>
+        <ul>
+          <li><a  href='/getting-started/yaml/'>YAML </a></li>
+          <li><a  href='/getting-started/basic/'>Basic information </a></li>
+          <li><a  href='/getting-started/devices/'>Setting up devices </a></li>
+          <li><a  href='/getting-started/customizing-devices/'>Customizing devices and services </a></li>
+          <li><a  href='/getting-started/presence-detection/'>Presence Detection </a></li>
+          <li><a  href='/getting-started/troubleshooting-configuration/'>Troubleshooting </a></li>
+          <li><a  href='/getting-started/securing/'>Security Check Points </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/automation/'>Automation </a>
+        <ul>
+          <li><a  href='/getting-started/automation-create-first/'>Tutorial </a></li>
+          <li><a  href='/getting-started/automation-trigger/'>Triggers </a></li>
+          <li><a  href='/getting-started/automation-condition/'>Conditions </a></li>
+          <li><a  href='/getting-started/automation-action/'>Actions </a></li>
+          <li><a  href='/getting-started/automation-templating/'>Templates </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/scripts/'>Scripts </a>
+        <ul>
+          <li><a  href='/getting-started/scripts-service-calls/'>Service Calls </a></li>
+          <li><a  href='/getting-started/scripts-conditions/'>Conditions </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/z-wave/'>Z-Wave </a>
+        <ul>
+          <li><a  href='/getting-started/z-wave-controllers/'>Controllers </a></li>
+          <li><a  href='/getting-started/z-wave-settings/'>Modifying Settings </a></li>
+          <li><a  href='/getting-started/z-wave-device-specific/'>Device Specific </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/autostart/'>Autostart </a>
+        <ul>
+          <li><a  href='/getting-started/autostart-systemd/'>Linux - systemd </a></li>
+          <li><a  href='/getting-started/autostart-upstart/'>Linux - Upstart </a></li>
+          <li><a  href='/getting-started/autostart-init.d/'>Linux - init.d </a></li>
+          <li><a  href='/getting-started/autostart-macos/'>macOS </a></li>
+          <li><a  href='/getting-started/autostart-synology/'>Synology NAS </a></li>
+        </ul>
+      </li>
+      <li><a  href='/topics/'>Advanced Topics </a></li>
+      <li><a  href='/details/'>Details </a></li>
+      <li><a  href='/getting-started/mobile/'>Add to Android/iOS Homescreen </a></li>
+      <li><a  href='/getting-started/browsers/'>Browser Compatibility List </a></li>
+    </ul>
+  </div>
+</section>
+  
+</div>
+        </aside>
+        
+      </div>
+    </div>
+
+    <footer>
+      <div class="grid-wrapper">
+  <div class="grid">
+    <div class="grid__item">
+      <div class="copyright">
+  <a rel="me" href='https://twitter.com/home_assistant'><i class="icon-twitter"></i></a>
+  <a rel="me" href='https://facebook.com/homeassistantio'><i class="icon-facebook"></i></a>
+  <a rel="me" href='https://plus.google.com/110560654828510104551'><i class="icon-google-plus"></i></a>
+  <a rel="me" href='https://github.com/home-assistant/home-assistant'><i class="icon-github"></i></a>
+
+  <div class="credit">
+    Contact us at <a href='mailto:hello@home-assistant.io'>hello@home-assistant.io</a>.<br>
+    Website powered by <a href='http://jekyllrb.com/'>Jekyll</a> and the <a href='https://github.com/coogie/oscailte'>Oscalite theme</a>.<br />
+    Hosted by <a href='https://pages.github.com/'>GitHub</a> and served by <a href='https://cloudflare.com'>CloudFlare</a>.
+  </div>
+  <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">home-assistant.io</span> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
+</div>
+    </div>
+  </div>
+</div>
+    </footer>
+
+    <script>
+  var _gaq=[['_setAccount','UA-57927901-1'],['_trackPageview']];
+  (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
+  g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
+  s.parentNode.insertBefore(g,s)}(document,'script'));
+</script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/getting-started/index.html b/getting-started/index.html
index c46317744e..d96bbfd8de 100644
--- a/getting-started/index.html
+++ b/getting-started/index.html
@@ -7,26 +7,26 @@
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <title>Getting Started - Home Assistant</title>
+    <title>Installing Home Assistant - Home Assistant</title>
     <meta name="author" content="Home Assistant">
-    <meta name="description" content="Step by step guide to get started with Home Assistant.">
+    <meta name="description" content="Instructions to get started using Home Assistant.">
     
     <meta name="viewport" content="width=device-width">
     <link rel="canonical" href="https://home-assistant.io/getting-started/">
 
     <meta property="fb:app_id" content="338291289691179">
-    <meta property="og:title" content="Getting Started">
+    <meta property="og:title" content="Installing Home Assistant">
     <meta property="og:site_name" content="Home Assistant">
     <meta property="og:url" content="https://home-assistant.io/getting-started/">
     <meta property="og:type" content="website">
-    <meta property="og:description" content="Step by step guide to get started with Home Assistant.">
+    <meta property="og:description" content="Instructions to get started using Home Assistant.">
     <meta property="og:image" content="https://home-assistant.io/images/default-social.png">
     
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:site" content="@home_assistant">
     
-    <meta name="twitter:title" content="Getting Started">
-    <meta name="twitter:description" content="Step by step guide to get started with Home Assistant.">
+    <meta name="twitter:title" content="Installing Home Assistant">
+    <meta name="twitter:description" content="Instructions to get started using Home Assistant.">
     <meta name="twitter:image" content="https://home-assistant.io/images/default-social.png">
 
     <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet">
@@ -84,57 +84,42 @@
   
   <header>
     <h1 class="title indent">
-      Getting Started
+      Installing Home Assistant
     </h1>
   </header>
   <hr class="divider">
   
 
-  <p>Below you can find the standard instructions. See the sidebar for installation instructions for specific platforms. If you’re running a Linux-based platform, we suggest you follow the <a href="/getting-started/installation-virtualenv/">VirtualEnv Linux instructions</a> to avoid using root.</p>
+  <p>You will need to install Home Assistant before we can get started. You can install Home Assistant on your computer or you can turn a Raspberry Pi into a dedicated Home Assistant hub.</p>
 
-<p>Installing and running Home Assistant on your local machine is easy. The only requirement is that you have <a href="https://www.python.org/downloads/">Python</a> installed. For Windows we require at least Python 3.5 and for other operating systems at least Python 3.4.2. Once installed, execute the following code in a console:</p>
-
-<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>pip3 install homeassistant
-<span class="gp">$ </span>hass --open-ui
-</code></pre>
+<div class="text-center hass-option-cards">
+  <a class="option-card" href="/getting-started/hassbian-installation/">
+    <div class="img-container">
+      <img src="/images/supported_brands/raspberry-pi.png" />
+    </div>
+    <div class="title">Install Hassbian on your Raspberry Pi 3</div>
+  </a>
+  <a class="option-card" href="/getting-started/installation-python/">
+    <div class="img-container">
+      <img src="/images/supported_brands/python.svg" />
+    </div>
+    <div class="title">Install Home Assistant on your computer</div>
+  </a>
 </div>
 
-<p>Running these commands will:</p>
+<h3><a class="title-link" name="alternative-methods" href="#alternative-methods"></a> Alternative methods</h3>
+
+<p>For advanced users we have several alternative guides for installing Home Assistant.</p>
 
 <ul>
-  <li>Install Home Assistant</li>
-  <li>Launch Home Assistant and serve the web interface on <a href="http://localhost:8123">http://localhost:8123</a></li>
+  <li><a href="/getting-started/installation-docker/">Docker</a></li>
+  <li><a href="/getting-started/installation-raspberry-pi/">Manual Raspberry Pi installtion</a> (requires existing Raspbian installation)</li>
+  <li><a href="/getting-started/installation-raspberry-pi-all-in-one/">Raspberry Pi All-In-One Installer Script</a> (requires existing Raspbian installation)</li>
+  <li><a href="/getting-started/installation-vagrant/">Vagrant</a></li>
+  <li><a href="/getting-started/installation-synology/">Synology NAS</a></li>
+  <li><a href="/getting-started/installation-virtualenv/">Virtualenv Linux</a></li>
 </ul>
 
-<p>If you prefer to watch a video tutorial, <a href="https://github.com/tktino">tktino</a> has made some great ones:</p>
-
-<ul>
-  <li><a href="https://www.youtube.com/watch?v=X27eVvuqwnY">Windows 10</a></li>
-  <li><a href="https://www.youtube.com/watch?v=hej6ipN86ls">Mac OS X</a></li>
-  <li><a href="https://www.youtube.com/watch?v=SXaAG1lGNH0">Ubuntu 14.04</a></li>
-</ul>
-
-<h3><a class="title-link" name="updating" href="#updating"></a> Updating</h3>
-
-<p>To update Home Assistant to the latest release check the <a href="/getting-started/updating/">Updating section</a>.</p>
-
-<h3><a class="title-link" name="troubleshooting" href="#troubleshooting"></a> Troubleshooting</h3>
-
-<p>If you run into any issues, please see <a href="/getting-started/troubleshooting/">the troubleshooting page</a>. It contains solutions to many commonly encountered issues.</p>
-
-<p>In addition to this site, check out these sources for additional help:</p>
-
-<ul>
-  <li><a href="https://community.home-assistant.io">Forum</a> for Home Assistant discussions and questions</li>
-  <li><a href="https://gitter.im/home-assistant/home-assistant">Gitter Chat Room</a> for real-time chat about Home Assistant</li>
-  <li><a href="https://github.com/home-assistant/home-assistant/issues">GitHub Page</a> for issue reporting</li>
-</ul>
-
-<h3><a class="title-link" name="whats-next" href="#whats-next"></a> What’s next?</h3>
-
-<p>To see what Home Assistant can do, launch demo mode: <code class="highlighter-rouge">hass --demo-mode</code> or visit the <a href="/demo">demo page</a>.</p>
-
-<h3><a href="/getting-started/configuration/">Next step: Configuring Home Assistant »</a></h3>
 
 
 </article>
@@ -155,17 +140,21 @@
       <li>
         <a class='active' href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/installation-docker/index.html b/getting-started/installation-docker/index.html
index 0da5cd6a37..a0a09dc457 100644
--- a/getting-started/installation-docker/index.html
+++ b/getting-started/installation-docker/index.html
@@ -143,17 +143,21 @@ To do that you have 2 options.</p>
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a class='active' href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/installation-python/index.html b/getting-started/installation-python/index.html
new file mode 100644
index 0000000000..2695bafb2e
--- /dev/null
+++ b/getting-started/installation-python/index.html
@@ -0,0 +1,266 @@
+<!doctype html>
+  <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+  <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+  <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+  <!--[if gt IE 8]><!--> <html> <!--<![endif]-->
+
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>Installation on your computer - Home Assistant</title>
+    <meta name="author" content="Home Assistant">
+    <meta name="description" content="Step by step guide to install Home Assistant on your computer.">
+    
+    <meta name="viewport" content="width=device-width">
+    <link rel="canonical" href="https://home-assistant.io/getting-started/installation-python/">
+
+    <meta property="fb:app_id" content="338291289691179">
+    <meta property="og:title" content="Installation on your computer">
+    <meta property="og:site_name" content="Home Assistant">
+    <meta property="og:url" content="https://home-assistant.io/getting-started/installation-python/">
+    <meta property="og:type" content="website">
+    <meta property="og:description" content="Step by step guide to install Home Assistant on your computer.">
+    <meta property="og:image" content="https://home-assistant.io/images/default-social.png">
+    
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:site" content="@home_assistant">
+    
+    <meta name="twitter:title" content="Installation on your computer">
+    <meta name="twitter:description" content="Step by step guide to install Home Assistant on your computer.">
+    <meta name="twitter:image" content="https://home-assistant.io/images/default-social.png">
+
+    <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet">
+    <link href="/atom.xml" rel="alternate" title="Home Assistant" type="application/atom+xml">
+    <link rel='shortcut icon' href='/images/favicon.ico' />
+    <link rel='icon' type='image/png' href='/images/favicon-192x192.png' sizes='192x192' />
+  </head>
+
+  <body >
+
+    <header>
+      <div class="grid-wrapper">
+  <div class="grid">
+
+    <div class="grid__item three-tenths lap-two-sixths palm-one-whole ha-title">
+  <a href="/" class="site-title">
+    <img width='40' src='/demo/favicon-192x192.png'>
+    <span>Home Assistant</span>
+  </a>
+</div>
+
+<div class="grid__item seven-tenths lap-four-sixths palm-one-whole">
+  <nav>
+    <input type="checkbox" id="toggle">
+<label for="toggle" class="toggle" data-open="Main Menu" data-close="Close Menu"></label>
+<ul class="menu pull-right">
+  
+  <li><a href="/getting-started/">Getting started</a></li>
+  <li><a href="/components/">Components</a></li>
+  <li><a href="/ecosystem/">Ecosystem</a></li>
+  <li><a href="/cookbook/">Examples</a></li>
+  <li><a href="/developers/">Developers</a></li>
+  <li><a href="/blog/">Blog</a></li>
+  <li><a href="/help/">Need help?</a></li>
+</ul>
+  </nav>
+</div>
+
+  </div>
+</div>
+    </header>
+
+    
+
+    <div class="grid-wrapper">
+      <div class="grid grid-center">
+        
+        <div class="grid__item two-thirds lap-one-whole palm-one-whole">
+        
+
+          <article class="page">
+  
+  
+
+  
+  <header>
+    <h1 class="title indent">
+      Installation on Your Computer
+    </h1>
+  </header>
+  <hr class="divider">
+  
+
+  <p>Installing and running Home Assistant on your local machine is easy. The only requirement is that you have <a href="https://www.python.org/downloads/">Python</a> installed. For Windows we require at least Python 3.5 and for other operating systems at least Python 3.4.2.</p>
+
+<p>Once installed, execute the following code in a console:</p>
+
+<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>pip3 install homeassistant
+<span class="gp">$ </span>hass --open-ui
+</code></pre>
+</div>
+
+<p>Running these commands will:</p>
+
+<ul>
+  <li>Install Home Assistant</li>
+  <li>Launch Home Assistant and serve the web interface on <a href="http://localhost:8123">http://localhost:8123</a></li>
+</ul>
+
+<p>If you’re running a Linux-based platform, we suggest you follow the <a href="/getting-started/installation-virtualenv/">VirtualEnv Linux instructions</a> to avoid using root.</p>
+
+<p>Video tutorials of this process for various operating systems are available here:</p>
+
+<ul>
+  <li><a href="https://www.youtube.com/watch?v=X27eVvuqwnY">Windows 10</a></li>
+  <li><a href="https://www.youtube.com/watch?v=hej6ipN86ls">Mac OS X</a></li>
+  <li><a href="https://www.youtube.com/watch?v=SXaAG1lGNH0">Ubuntu 14.04</a></li>
+</ul>
+
+<h3><a class="title-link" name="updating" href="#updating"></a> Updating</h3>
+
+<p>To update Home Assistant to the latest release check the <a href="/getting-started/updating/">Updating section</a>.</p>
+
+<h3><a class="title-link" name="troubleshooting" href="#troubleshooting"></a> Troubleshooting</h3>
+
+<p>If you run into any issues, please see <a href="/getting-started/troubleshooting/">the troubleshooting page</a>. It contains solutions to many commonly encountered issues.</p>
+
+<p>In addition to this site, check out these sources for additional help:</p>
+
+<ul>
+  <li><a href="https://community.home-assistant.io">Forum</a> for Home Assistant discussions and questions</li>
+  <li><a href="https://gitter.im/home-assistant/home-assistant">Gitter Chat Room</a> for real-time chat about Home Assistant</li>
+  <li><a href="https://github.com/home-assistant/home-assistant/issues">GitHub Page</a> for issue reporting</li>
+</ul>
+
+<h3><a class="title-link" name="whats-next" href="#whats-next"></a> What’s next?</h3>
+
+<p>To see what Home Assistant can do, launch demo mode: <code class="highlighter-rouge">hass --demo-mode</code> or visit the <a href="/demo">demo page</a>.</p>
+
+<h3><a href="/getting-started/configuration/">Next step: Configuring Home Assistant »</a></h3>
+
+
+
+</article>
+
+
+        </div>
+
+        
+        <aside id="sidebar" class="grid__item one-third lap-one-whole palm-one-whole">
+          <div class="grid">
+  
+  
+    <section class="aside-module grid__item one-whole lap-one-half">
+  <div class='edit-github'><a href='https://github.com/home-assistant/home-assistant.github.io/tree/current/source/getting-started/installation-python.markdown'>Edit this page on GitHub</a></div>
+  <div class='section'>
+    <h1 class="title delta">Getting Started Guide</h1>
+    <ul class='divided sidebar-menu'>
+      <li>
+        <a  href='/getting-started/'>Installation </a>
+        <ul>
+          <li><a class='active' href='/getting-started/installation-python/'>Python </a></li>
+          <li><a  href='/getting-started/updating/'>Updating </a></li>
+          <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/configuration/'>Configuration  </a>
+        <ul>
+          <li><a  href='/getting-started/yaml/'>YAML </a></li>
+          <li><a  href='/getting-started/basic/'>Basic information </a></li>
+          <li><a  href='/getting-started/devices/'>Setting up devices </a></li>
+          <li><a  href='/getting-started/customizing-devices/'>Customizing devices and services </a></li>
+          <li><a  href='/getting-started/presence-detection/'>Presence Detection </a></li>
+          <li><a  href='/getting-started/troubleshooting-configuration/'>Troubleshooting </a></li>
+          <li><a  href='/getting-started/securing/'>Security Check Points </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/automation/'>Automation </a>
+        <ul>
+          <li><a  href='/getting-started/automation-create-first/'>Tutorial </a></li>
+          <li><a  href='/getting-started/automation-trigger/'>Triggers </a></li>
+          <li><a  href='/getting-started/automation-condition/'>Conditions </a></li>
+          <li><a  href='/getting-started/automation-action/'>Actions </a></li>
+          <li><a  href='/getting-started/automation-templating/'>Templates </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/scripts/'>Scripts </a>
+        <ul>
+          <li><a  href='/getting-started/scripts-service-calls/'>Service Calls </a></li>
+          <li><a  href='/getting-started/scripts-conditions/'>Conditions </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/z-wave/'>Z-Wave </a>
+        <ul>
+          <li><a  href='/getting-started/z-wave-controllers/'>Controllers </a></li>
+          <li><a  href='/getting-started/z-wave-settings/'>Modifying Settings </a></li>
+          <li><a  href='/getting-started/z-wave-device-specific/'>Device Specific </a></li>
+        </ul>
+      </li>
+      <li>
+        <a  href='/getting-started/autostart/'>Autostart </a>
+        <ul>
+          <li><a  href='/getting-started/autostart-systemd/'>Linux - systemd </a></li>
+          <li><a  href='/getting-started/autostart-upstart/'>Linux - Upstart </a></li>
+          <li><a  href='/getting-started/autostart-init.d/'>Linux - init.d </a></li>
+          <li><a  href='/getting-started/autostart-macos/'>macOS </a></li>
+          <li><a  href='/getting-started/autostart-synology/'>Synology NAS </a></li>
+        </ul>
+      </li>
+      <li><a  href='/topics/'>Advanced Topics </a></li>
+      <li><a  href='/details/'>Details </a></li>
+      <li><a  href='/getting-started/mobile/'>Add to Android/iOS Homescreen </a></li>
+      <li><a  href='/getting-started/browsers/'>Browser Compatibility List </a></li>
+    </ul>
+  </div>
+</section>
+  
+</div>
+        </aside>
+        
+      </div>
+    </div>
+
+    <footer>
+      <div class="grid-wrapper">
+  <div class="grid">
+    <div class="grid__item">
+      <div class="copyright">
+  <a rel="me" href='https://twitter.com/home_assistant'><i class="icon-twitter"></i></a>
+  <a rel="me" href='https://facebook.com/homeassistantio'><i class="icon-facebook"></i></a>
+  <a rel="me" href='https://plus.google.com/110560654828510104551'><i class="icon-google-plus"></i></a>
+  <a rel="me" href='https://github.com/home-assistant/home-assistant'><i class="icon-github"></i></a>
+
+  <div class="credit">
+    Contact us at <a href='mailto:hello@home-assistant.io'>hello@home-assistant.io</a>.<br>
+    Website powered by <a href='http://jekyllrb.com/'>Jekyll</a> and the <a href='https://github.com/coogie/oscailte'>Oscalite theme</a>.<br />
+    Hosted by <a href='https://pages.github.com/'>GitHub</a> and served by <a href='https://cloudflare.com'>CloudFlare</a>.
+  </div>
+  <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">home-assistant.io</span> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
+</div>
+    </div>
+  </div>
+</div>
+    </footer>
+
+    <script>
+  var _gaq=[['_setAccount','UA-57927901-1'],['_trackPageview']];
+  (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
+  g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
+  s.parentNode.insertBefore(g,s)}(document,'script'));
+</script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/getting-started/installation-raspberry-pi-all-in-one/index.html b/getting-started/installation-raspberry-pi-all-in-one/index.html
index c30bdc17bc..55dcc2d6ae 100644
--- a/getting-started/installation-raspberry-pi-all-in-one/index.html
+++ b/getting-started/installation-raspberry-pi-all-in-one/index.html
@@ -228,17 +228,21 @@ If you deployed Home Assistant via the AiO installer prior to December 2016, rep
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a class='active' href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/installation-raspberry-pi/index.html b/getting-started/installation-raspberry-pi/index.html
index bf854d34d4..9001366c0d 100644
--- a/getting-started/installation-raspberry-pi/index.html
+++ b/getting-started/installation-raspberry-pi/index.html
@@ -144,7 +144,7 @@ Since this account is only for running Home Assistant the extra arguments of <co
 </div>
 
 <p>Next up is to create and change to a virtual environment for Home Assistant. This will be done as the <code class="highlighter-rouge">homeassistant</code> account.</p>
-<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo su -s /bin/bash homeassistant 
+<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo su -s /bin/bash homeassistant
 <span class="gp">$ </span><span class="nb">cd</span> /srv/homeassistant
 <span class="gp">$ </span>python3 -m venv homeassistant_venv
 <span class="gp">$ </span><span class="nb">source</span> /srv/homeassistant/homeassistant_venv/bin/activate
@@ -160,85 +160,9 @@ Since this account is only for running Home Assistant the extra arguments of <co
 </code></pre>
 </div>
 
-<p>You can now reach your installation on your raspberry pi over the web interface on <a href="http://ipaddress:8123">http://ipaddress:8123</a>. 
-For instruction on how to configure Home Assistant continue on with <a href="/getting-started/configuration/">Configuring Home Assistant</a>.</p>
+<p>You can now reach your installation on your raspberry pi over the web interface on <a href="http://ipaddress:8123">http://ipaddress:8123</a>.</p>
 
-<h3><a class="title-link" name="raspberry-pi-hardware-specific-components" href="#raspberry-pi-hardware-specific-components"></a> Raspberry Pi Hardware Specific Components</h3>
-
-<p>Some components that are specific for the Raspberry Pi can require some further configuration outside of Home Assistant. All commands below are assumed to be executed with the <code class="highlighter-rouge">pi</code> account. For full documentation of these components refer to the <a href="/components">components</a> page.</p>
-
-<h3><a class="title-link" name="bluetooth-tracker" href="#bluetooth-tracker"></a> Bluetooth Tracker</h3>
-<p>The Bluetooth tracker will work on a Raspberry Pi 3 with the built-in Bluetooth module or with a USB Bluetooth device on any of the other Raspberry Pi’s.</p>
-
-<p>Install the following external dependencies.</p>
-<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo apt-get install bluetooth libbluetooth-dev
-</code></pre>
-</div>
-<p>After this follow the <a href="/components/device_tracker.bluetooth_tracker/">Bluetooth Tracker component</a> and <a href="/components/device_tracker/">Device Tracker page</a> pages.</p>
-
-<h3><a class="title-link" name="raspberry-pi-camera" href="#raspberry-pi-camera"></a> Raspberry Pi Camera</h3>
-<p>The Raspberry Pi Camera is a specific camera for the Raspberry Pi boards. For more information about the camera I suggest reading the <a href="https://www.raspberrypi.org/documentation/usage/camera/">documentation</a> from the Raspberry Pi foundation.</p>
-
-<p>To use the camera it needs to be enabled with the <code class="highlighter-rouge">raspi-config</code> utility.</p>
-<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo raspi-config
-</code></pre>
-</div>
-<p>Select <code class="highlighter-rouge">Enable camera</code> choose <code class="highlighter-rouge">&lt;Yes&gt;</code> and hit <code class="highlighter-rouge">Enter</code>, then go to <code class="highlighter-rouge">Finish</code> and you’ll be prompted to reboot.<br />
-After reboot add your <code class="highlighter-rouge">homeassistant</code> account to the <code class="highlighter-rouge">video</code> group.</p>
-<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo adduser homeassistant video
-</code></pre>
-</div>
-<p>After this follow the <a href="/components/camera.rpi_camera/">Raspberry Pi Camera component</a> page.</p>
-
-<h3><a class="title-link" name="raspberry-pi-gpio" href="#raspberry-pi-gpio"></a> Raspberry Pi GPIO</h3>
-<p>Each of the following devices are connected to the GPIO pins on the Raspberry Pi.
-For more details about the GPIO layout, visit the <a href="https://www.raspberrypi.org/documentation/usage/gpio/">documentation</a> from the Raspberry 
-Pi foundation.<br />
-Since these are not normally used some extra permission will need to be added.
-In general the permission that is needed is granted by adding the <code class="highlighter-rouge">homeassistant</code> account to the <code class="highlighter-rouge">gpio</code> group.</p>
-
-<h4><a class="title-link" name="raspberry-pi-cover" href="#raspberry-pi-cover"></a> Raspberry Pi Cover</h4>
-<p>Add your <code class="highlighter-rouge">homeassistant</code> account to the <code class="highlighter-rouge">gpio</code> group</p>
-<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo adduser homeassistant gpio
-</code></pre>
-</div>
-<p>After this follow the <a href="/components/cover.rpi_gpio/">Raspberry Pi Cover component</a> page.</p>
-
-<h4><a class="title-link" name="dht-sensor" href="#dht-sensor"></a> DHT Sensor</h4>
-<p>Add your <code class="highlighter-rouge">homeassistant</code> account to the <code class="highlighter-rouge">gpio</code> group</p>
-<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo adduser homeassistant gpio
-</code></pre>
-</div>
-<p>After this follow the <a href="/components/sensor.dht/">DHT Sensor component</a> page.</p>
-
-<h4><a class="title-link" name="raspberry-pi-gpio-binary-sensor" href="#raspberry-pi-gpio-binary-sensor"></a> Raspberry PI GPIO Binary Sensor</h4>
-<p>Add your <code class="highlighter-rouge">homeassistant</code> account to the <code class="highlighter-rouge">gpio</code> group</p>
-<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo adduser homeassistant gpio
-</code></pre>
-</div>
-<p>After this follow the <a href="/components/binary_sensor.rpi_gpio/">Raspberry PI GPIO Binary Sensor component</a> page.</p>
-
-<h4><a class="title-link" name="raspberry-pi-gpio-switch" href="#raspberry-pi-gpio-switch"></a> Raspberry PI GPIO Switch</h4>
-<p>Add your <code class="highlighter-rouge">homeassistant</code> account to the <code class="highlighter-rouge">gpio</code> group.</p>
-<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo adduser homeassistant gpio
-</code></pre>
-</div>
-<p>After this follow the <a href="/components/switch.rpi_gpio/">Raspberry PI GPIO Switch component</a> page.</p>
-
-<h4><a class="title-link" name="raspberry-pi-rf-switch" href="#raspberry-pi-rf-switch"></a> Raspberry Pi RF Switch</h4>
-<p>Add your <code class="highlighter-rouge">homeassistant</code> account to the <code class="highlighter-rouge">gpio</code> group</p>
-<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo adduser homeassistant gpio
-</code></pre>
-</div>
-<p>After this follow the <a href="/components/switch.rpi_rf/">Raspberry Pi RF Switch component</a> page.</p>
-
-<h4><a class="title-link" name="one-wire-sensor" href="#one-wire-sensor"></a> One wire Sensor</h4>
-<p>The One wire sensor requires that support for it is enabled on the Raspberry Pi and that the One Wire device is connected to GPIO pin 4.
-To enable One Wire support add the following line to the end of <code class="highlighter-rouge">/boot/config.txt</code></p>
-<div class="language-yaml highlighter-rouge"><pre class="highlight"><code><span class="s">dtoverlay=w1-gpio</span>
-</code></pre>
-</div>
-<p>After this follow the <a href="/components/sensor.onewire/">One Wire Sensor component</a> page.</p>
+<p>For instruction on how to configure Home Assistant continue on with <a href="/getting-started/configuration/">Configuring Home Assistant</a>.</p>
 
 <h3><a class="title-link" name="troubleshooting" href="#troubleshooting"></a> Troubleshooting</h3>
 
@@ -279,17 +203,21 @@ To enable One Wire support add the following line to the end of <code class="hig
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a class='active' href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/installation-synology/index.html b/getting-started/installation-synology/index.html
index 877a738a9a..39bb42fb84 100644
--- a/getting-started/installation-synology/index.html
+++ b/getting-started/installation-synology/index.html
@@ -359,17 +359,21 @@ That’s it… you’re all set to go</p>
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a class='active' href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/installation-vagrant/index.html b/getting-started/installation-vagrant/index.html
index 6e15c3cbe9..d9dc3bb79c 100644
--- a/getting-started/installation-vagrant/index.html
+++ b/getting-started/installation-vagrant/index.html
@@ -200,17 +200,21 @@ When using Vagrant on Windows, change git’s <code class="highlighter-rouge">au
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a class='active' href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/installation-virtualenv/index.html b/getting-started/installation-virtualenv/index.html
index bfec172fce..d25f3bf7dc 100644
--- a/getting-started/installation-virtualenv/index.html
+++ b/getting-started/installation-virtualenv/index.html
@@ -231,17 +231,21 @@
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a class='active' href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/mobile/index.html b/getting-started/mobile/index.html
index 9d5eb07170..52fdb1600c 100644
--- a/getting-started/mobile/index.html
+++ b/getting-started/mobile/index.html
@@ -135,17 +135,21 @@
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/presence-detection/index.html b/getting-started/presence-detection/index.html
index c09e80370a..7f8ee4f053 100644
--- a/getting-started/presence-detection/index.html
+++ b/getting-started/presence-detection/index.html
@@ -146,17 +146,21 @@ OwnTracks communicates directly with your MQTT broker; no data will pass through
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/scripts-conditions/index.html b/getting-started/scripts-conditions/index.html
index 0f7e9d5d2e..ac11e2bb88 100644
--- a/getting-started/scripts-conditions/index.html
+++ b/getting-started/scripts-conditions/index.html
@@ -272,17 +272,21 @@ Time condition windows can span across the midnight threshold. In the example ab
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/scripts-service-calls/index.html b/getting-started/scripts-service-calls/index.html
index be39dbd498..a1e9cf4c40 100644
--- a/getting-started/scripts-service-calls/index.html
+++ b/getting-started/scripts-service-calls/index.html
@@ -181,17 +181,21 @@ Service Data: <code class="highlighter-rouge"><span class="p">{</span><span clas
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/scripts/index.html b/getting-started/scripts/index.html
index 684d59ea56..063d206024 100644
--- a/getting-started/scripts/index.html
+++ b/getting-started/scripts/index.html
@@ -189,17 +189,21 @@
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/securing/index.html b/getting-started/securing/index.html
index be7883284b..21ab16440f 100644
--- a/getting-started/securing/index.html
+++ b/getting-started/securing/index.html
@@ -131,17 +131,21 @@
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/troubleshooting-configuration/index.html b/getting-started/troubleshooting-configuration/index.html
index 42fcccaa07..c3d796ff11 100644
--- a/getting-started/troubleshooting-configuration/index.html
+++ b/getting-started/troubleshooting-configuration/index.html
@@ -189,17 +189,21 @@ Whenever you report an issue, be aware that we are volunteers who do not have ac
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/troubleshooting/index.html b/getting-started/troubleshooting/index.html
index b77fe52ab8..0399716d47 100644
--- a/getting-started/troubleshooting/index.html
+++ b/getting-started/troubleshooting/index.html
@@ -177,17 +177,21 @@ chrome -&gt; settings -&gt; site settings -&gt; storage -&gt; search for your UR
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a class='active' href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/updating/index.html b/getting-started/updating/index.html
index 1b60681889..dfe2d90433 100644
--- a/getting-started/updating/index.html
+++ b/getting-started/updating/index.html
@@ -100,7 +100,7 @@
 
 <p>After updating, you must restart Home Assistant for the changes to take effect. This means that you will have to restart <code class="highlighter-rouge">hass</code> itself or the <a href="/getting-started/autostart/">autostarting</a> daemon (if applicable)</p>
 
-<p class="note note">
+<p class="note">
   To avoid permission errors, the upgrade must be run as the same user as the installation was completed, again review the documentation specific to your install <a href="/getting-started/installation-raspberry-pi-image/">HASSbian</a>, <a href="/getting-started/installation-raspberry-pi-all-in-one/">Raspberry Pi All-In-One Installer</a>, <a href="/getting-started/installation-vagrant/">Vagrant</a>, or <a href="/getting-started/installation-virtualenv">Virtualenv</a>t.
 </p>
 
@@ -145,17 +145,21 @@
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a class='active' href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/yaml/index.html b/getting-started/yaml/index.html
index 57def403c4..6ef7a26298 100644
--- a/getting-started/yaml/index.html
+++ b/getting-started/yaml/index.html
@@ -163,17 +163,21 @@ The other properties (like name) are specified using mappings. Note that the sec
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/z-wave-controllers/index.html b/getting-started/z-wave-controllers/index.html
index 2ab16eeb81..a3c7435c62 100644
--- a/getting-started/z-wave-controllers/index.html
+++ b/getting-started/z-wave-controllers/index.html
@@ -169,17 +169,21 @@ Upon first run, the <code class="highlighter-rouge">zwave</code> component will
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/z-wave-device-specific/index.html b/getting-started/z-wave-device-specific/index.html
index df40a9aa38..046f36049f 100644
--- a/getting-started/z-wave-device-specific/index.html
+++ b/getting-started/z-wave-device-specific/index.html
@@ -213,17 +213,21 @@ Make sure you copy the newly saved <code class="highlighter-rouge">zwcfg_[home_i
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/z-wave-settings/index.html b/getting-started/z-wave-settings/index.html
index 79637655eb..75ac10dc56 100644
--- a/getting-started/z-wave-settings/index.html
+++ b/getting-started/z-wave-settings/index.html
@@ -129,17 +129,21 @@
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/getting-started/z-wave/index.html b/getting-started/z-wave/index.html
index 00c07c92f9..16bc638bd0 100644
--- a/getting-started/z-wave/index.html
+++ b/getting-started/z-wave/index.html
@@ -413,17 +413,21 @@ You can use this for automations.</p>
       <li>
         <a  href='/getting-started/'>Installation </a>
         <ul>
-          <li><a  href='/getting-started/installation-raspberry-pi/'>Raspberry Pi </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-all-in-one/'>Raspberry Pi All-In-One Installer </a></li>
-          <li><a  href='/getting-started/installation-raspberry-pi-image/'>Raspberry Pi Image </a></li>
-          <li><a  href='/getting-started/installation-docker/'>Docker </a></li>
-          <li><a  href='/getting-started/installation-vagrant/'>Vagrant </a></li>
-          <li><a  href='/getting-started/installation-synology/'>Synology NAS </a></li>
-          <li><a  href='/getting-started/installation-virtualenv/'>Virtualenv Linux </a></li>
+          <li><a  href='/getting-started/installation-python/'>Python </a></li>
           <li><a  href='/getting-started/updating/'>Updating </a></li>
           <li><a  href='/getting-started/troubleshooting/'>Troubleshooting </a></li>
         </ul>
       </li>
+      <li>
+        <a  href='/getting-started/hassbian/'>Hassbian </a>
+        <ul>
+          <li><a  href='/getting-started/hassbian-installation/'>Installation </a></li>
+          <li><a  href='/getting-started/hassbian-customization/'>Customization </a></li>
+          <li><a  href='/getting-started/hassbian-common-tasks/'>Common tasks </a></li>
+          <li><a  href='/getting-started/hassbian-integrations/'>Integrations </a></li>
+          <li><a  href='/getting-started/hassbian-upgrading/'>Upgrading </a></li>
+        </ul>
+      </li>
       <li>
         <a  href='/getting-started/configuration/'>Configuration  </a>
         <ul>
diff --git a/images/supported_brands/python.svg b/images/supported_brands/python.svg
new file mode 100644
index 0000000000..938831f7ed
--- /dev/null
+++ b/images/supported_brands/python.svg
@@ -0,0 +1,288 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://inkscape.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.0"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.43"
+   sodipodi:docname="logo-python-inkscape.svg"
+   width="388.84pt"
+   height="115.02pt"
+   sodipodi:docbase="/home/sdeibel">
+  <metadata
+     id="metadata371">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     inkscape:window-height="882"
+     inkscape:window-width="1233"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     guidetolerance="10.0"
+     gridtolerance="10.0"
+     objecttolerance="10.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     inkscape:zoom="2.1461642"
+     inkscape:cx="250.73166"
+     inkscape:cy="67.50975"
+     inkscape:window-x="0"
+     inkscape:window-y="6"
+     inkscape:current-layer="svg2"
+     width="210mm"
+     height="40mm"
+     units="mm" />
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient2795">
+      <stop
+         style="stop-color:#b8b8b8;stop-opacity:0.49803922;"
+         offset="0"
+         id="stop2797" />
+      <stop
+         style="stop-color:#7f7f7f;stop-opacity:0;"
+         offset="1"
+         id="stop2799" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2787">
+      <stop
+         style="stop-color:#7f7f7f;stop-opacity:0.5;"
+         offset="0"
+         id="stop2789" />
+      <stop
+         style="stop-color:#7f7f7f;stop-opacity:0;"
+         offset="1"
+         id="stop2791" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3676">
+      <stop
+         style="stop-color:#b2b2b2;stop-opacity:0.5;"
+         offset="0"
+         id="stop3678" />
+      <stop
+         style="stop-color:#b3b3b3;stop-opacity:0;"
+         offset="1"
+         id="stop3680" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3236">
+      <stop
+         style="stop-color:#f4f4f4;stop-opacity:1"
+         offset="0"
+         id="stop3244" />
+      <stop
+         style="stop-color:white;stop-opacity:1"
+         offset="1"
+         id="stop3240" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4671">
+      <stop
+         style="stop-color:#ffd43b;stop-opacity:1;"
+         offset="0"
+         id="stop4673" />
+      <stop
+         style="stop-color:#ffe873;stop-opacity:1"
+         offset="1"
+         id="stop4675" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4689">
+      <stop
+         style="stop-color:#5a9fd4;stop-opacity:1;"
+         offset="0"
+         id="stop4691" />
+      <stop
+         style="stop-color:#306998;stop-opacity:1;"
+         offset="1"
+         id="stop4693" />
+    </linearGradient>
+    <linearGradient
+       x1="224.23996"
+       y1="144.75717"
+       x2="-65.308502"
+       y2="144.75717"
+       id="linearGradient2987"
+       xlink:href="#linearGradient4671"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(100.2702,99.61116)" />
+    <linearGradient
+       x1="172.94208"
+       y1="77.475983"
+       x2="26.670298"
+       y2="76.313133"
+       id="linearGradient2990"
+       xlink:href="#linearGradient4689"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(100.2702,99.61116)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4689"
+       id="linearGradient2587"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(100.2702,99.61116)"
+       x1="172.94208"
+       y1="77.475983"
+       x2="26.670298"
+       y2="76.313133" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4671"
+       id="linearGradient2589"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(100.2702,99.61116)"
+       x1="224.23996"
+       y1="144.75717"
+       x2="-65.308502"
+       y2="144.75717" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4689"
+       id="linearGradient2248"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(100.2702,99.61116)"
+       x1="172.94208"
+       y1="77.475983"
+       x2="26.670298"
+       y2="76.313133" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4671"
+       id="linearGradient2250"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(100.2702,99.61116)"
+       x1="224.23996"
+       y1="144.75717"
+       x2="-65.308502"
+       y2="144.75717" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4671"
+       id="linearGradient2255"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.562541,0,0,0.567972,-11.5974,-7.60954)"
+       x1="224.23996"
+       y1="144.75717"
+       x2="-65.308502"
+       y2="144.75717" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4689"
+       id="linearGradient2258"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.562541,0,0,0.567972,-11.5974,-7.60954)"
+       x1="172.94208"
+       y1="76.176224"
+       x2="26.670298"
+       y2="76.313133" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2795"
+       id="radialGradient2801"
+       cx="61.518883"
+       cy="132.28575"
+       fx="61.518883"
+       fy="132.28575"
+       r="29.036913"
+       gradientTransform="matrix(1,0,0,0.177966,0,108.7434)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4671"
+       id="linearGradient1475"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.562541,0,0,0.567972,-9.399749,-5.305317)"
+       x1="150.96111"
+       y1="192.35176"
+       x2="112.03144"
+       y2="137.27299" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4689"
+       id="linearGradient1478"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.562541,0,0,0.567972,-9.399749,-5.305317)"
+       x1="26.648937"
+       y1="20.603781"
+       x2="135.66525"
+       y2="114.39767" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2795"
+       id="radialGradient1480"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.382716e-8,-0.296405,1.43676,4.683673e-7,-128.544,150.5202)"
+       cx="61.518883"
+       cy="132.28575"
+       fx="61.518883"
+       fy="132.28575"
+       r="29.036913" />
+  </defs>
+  <path
+     id="path46"
+     style="fill:#646464;fill-opacity:1"
+     d="M 184.61344,61.929363 C 184.61344,47.367213 180.46118,39.891193 172.15666,39.481813 C 168.85239,39.325863 165.62611,39.852203 162.48754,41.070593 C 159.98254,41.967323 158.2963,42.854313 157.40931,43.751043 L 157.40931,78.509163 C 162.72147,81.842673 167.43907,83.392453 171.55234,83.148783 C 180.25649,82.573703 184.61344,75.507063 184.61344,61.929363 z M 194.85763,62.533683 C 194.85763,69.931723 193.12265,76.072393 189.63319,80.955683 C 185.7441,86.482283 180.35396,89.328433 173.46277,89.484393 C 168.26757,89.650093 162.91642,88.022323 157.40931,84.610843 L 157.40931,116.20116 L 148.50047,113.02361 L 148.50047,42.903043 C 149.96253,41.109583 151.84372,39.569543 154.12454,38.263433 C 159.42696,35.173603 165.86978,33.584823 173.45302,33.506853 L 173.57973,33.633563 C 180.50991,33.545833 185.85132,36.391993 189.60395,42.162263 C 193.10315,47.454933 194.85763,54.238913 194.85763,62.533683 z " />
+  <path
+     id="path48"
+     style="fill:#646464;fill-opacity:1"
+     d="M 249.30487,83.265743 C 249.30487,93.188283 248.31067,100.05998 246.32227,103.88084 C 244.32411,107.7017 240.52275,110.75254 234.90842,113.02361 C 230.35653,114.81707 225.43425,115.79178 220.15133,115.95748 L 218.67952,110.34316 C 224.05016,109.61213 227.83204,108.88109 230.02513,108.15006 C 234.34309,106.688 237.30621,104.44617 238.93397,101.44406 C 240.24008,98.997543 240.88339,94.328693 240.88339,87.418003 L 240.88339,85.098203 C 234.79146,87.866373 228.40711,89.240713 221.73036,89.240713 C 217.34417,89.240713 213.47457,87.866373 210.14107,85.098203 C 206.39818,82.086343 204.52674,78.265483 204.52674,73.635623 L 204.52674,36.557693 L 213.43558,33.506853 L 213.43558,70.828453 C 213.43558,74.815013 214.7222,77.885353 217.29543,80.039463 C 219.86866,82.193563 223.20217,83.226753 227.2862,83.148783 C 231.37023,83.061053 235.74667,81.482023 240.39603,78.392203 L 240.39603,34.851953 L 249.30487,34.851953 L 249.30487,83.265743 z " />
+  <path
+     id="path50"
+     style="fill:#646464;fill-opacity:1"
+     d="M 284.08249,88.997033 C 283.02006,89.084753 282.04535,89.123743 281.14862,89.123743 C 276.10937,89.123743 272.18129,87.924853 269.37413,85.517323 C 266.57671,83.109793 265.17314,79.786033 265.17314,75.546053 L 265.17314,40.456523 L 259.07146,40.456523 L 259.07146,34.851953 L 265.17314,34.851953 L 265.17314,19.968143 L 274.07223,16.800333 L 274.07223,34.851953 L 284.08249,34.851953 L 284.08249,40.456523 L 274.07223,40.456523 L 274.07223,75.302373 C 274.07223,78.645623 274.96896,81.014163 276.76243,82.398253 C 278.30247,83.538663 280.74899,84.191723 284.08249,84.357423 L 284.08249,88.997033 z " />
+  <path
+     id="path52"
+     style="fill:#646464;fill-opacity:1"
+     d="M 338.02288,88.266003 L 329.11404,88.266003 L 329.11404,53.878273 C 329.11404,50.379063 328.29528,47.367213 326.66753,44.852463 C 324.78634,42.006313 322.17411,40.583233 318.82112,40.583233 C 314.73708,40.583233 309.6296,42.737343 303.4987,47.045563 L 303.4987,88.266003 L 294.58985,88.266003 L 294.58985,6.0687929 L 303.4987,3.2616329 L 303.4987,40.700203 C 309.191,36.557693 315.40963,34.481563 322.16436,34.481563 C 326.88196,34.481563 330.70282,36.070333 333.62694,39.238143 C 336.56082,42.405943 338.02288,46.353513 338.02288,51.071103 L 338.02288,88.266003 L 338.02288,88.266003 z " />
+  <path
+     id="path54"
+     style="fill:#646464;fill-opacity:1"
+     d="M 385.37424,60.525783 C 385.37424,54.930953 384.31182,50.310833 382.19669,46.655673 C 379.68195,42.201253 375.77337,39.852203 370.49044,39.608523 C 360.72386,40.173863 355.85032,47.172273 355.85032,60.584263 C 355.85032,66.734683 356.86401,71.871393 358.91089,75.994413 C 361.52312,81.248093 365.44145,83.840823 370.66589,83.753103 C 380.47146,83.675123 385.37424,75.935933 385.37424,60.525783 z M 395.13109,60.584263 C 395.13109,68.547643 393.09395,75.175663 389.02941,80.468333 C 384.5555,86.394563 378.37584,89.367423 370.49044,89.367423 C 362.67328,89.367423 356.58135,86.394563 352.18541,80.468333 C 348.19885,75.175663 346.21044,68.547643 346.21044,60.584263 C 346.21044,53.098503 348.36455,46.801883 352.67276,41.674913 C 357.22466,36.236033 363.20937,33.506853 370.6074,33.506853 C 378.00545,33.506853 384.02914,36.236033 388.66877,41.674913 C 392.97697,46.801883 395.13109,53.098503 395.13109,60.584263 z " />
+  <path
+     id="path56"
+     style="fill:#646464;fill-opacity:1"
+     d="M 446.20583,88.266003 L 437.29699,88.266003 L 437.29699,51.928853 C 437.29699,47.942293 436.0981,44.832973 433.70032,42.591133 C 431.30253,40.359053 428.10549,39.277123 424.11893,39.364853 C 419.8887,39.442833 415.86314,40.826913 412.04229,43.507363 L 412.04229,88.266003 L 403.13345,88.266003 L 403.13345,42.405943 C 408.26042,38.672813 412.97801,36.236033 417.28621,35.095623 C 421.35076,34.033193 424.93769,33.506853 428.02752,33.506853 C 430.14264,33.506853 432.13104,33.711543 434.00248,34.120913 C 437.50169,34.929923 440.34783,36.430973 442.54093,38.633823 C 444.98744,41.070593 446.20583,43.994723 446.20583,47.415943 L 446.20583,88.266003 z " />
+  <path
+     style="fill:url(#linearGradient1478);fill-opacity:1"
+     d="M 60.510156,6.3979729 C 55.926503,6.4192712 51.549217,6.8101906 47.697656,7.4917229 C 36.35144,9.4962267 34.291407,13.691825 34.291406,21.429223 L 34.291406,31.647973 L 61.103906,31.647973 L 61.103906,35.054223 L 34.291406,35.054223 L 24.228906,35.054223 C 16.436447,35.054223 9.6131468,39.73794 7.4789058,48.647973 C 5.0170858,58.860939 4.9078907,65.233996 7.4789058,75.897973 C 9.3848341,83.835825 13.936449,89.491721 21.728906,89.491723 L 30.947656,89.491723 L 30.947656,77.241723 C 30.947656,68.391821 38.6048,60.585475 47.697656,60.585473 L 74.478906,60.585473 C 81.933857,60.585473 87.885159,54.447309 87.885156,46.960473 L 87.885156,21.429223 C 87.885156,14.162884 81.755176,8.7044455 74.478906,7.4917229 C 69.872919,6.7249976 65.093809,6.3766746 60.510156,6.3979729 z M 46.010156,14.616723 C 48.779703,14.616723 51.041406,16.915369 51.041406,19.741723 C 51.041404,22.558059 48.779703,24.835473 46.010156,24.835473 C 43.23068,24.835472 40.978906,22.558058 40.978906,19.741723 C 40.978905,16.91537 43.23068,14.616723 46.010156,14.616723 z "
+     id="path1948" />
+  <path
+     style="fill:url(#linearGradient1475);fill-opacity:1"
+     d="M 91.228906,35.054223 L 91.228906,46.960473 C 91.228906,56.191228 83.403011,63.960472 74.478906,63.960473 L 47.697656,63.960473 C 40.361823,63.960473 34.291407,70.238956 34.291406,77.585473 L 34.291406,103.11672 C 34.291406,110.38306 40.609994,114.65704 47.697656,116.74172 C 56.184987,119.23733 64.323893,119.68835 74.478906,116.74172 C 81.229061,114.78733 87.885159,110.85411 87.885156,103.11672 L 87.885156,92.897973 L 61.103906,92.897973 L 61.103906,89.491723 L 87.885156,89.491723 L 101.29141,89.491723 C 109.08387,89.491723 111.98766,84.056315 114.69765,75.897973 C 117.49698,67.499087 117.37787,59.422197 114.69765,48.647973 C 112.77187,40.890532 109.09378,35.054223 101.29141,35.054223 L 91.228906,35.054223 z M 76.166406,99.710473 C 78.945884,99.710476 81.197656,101.98789 81.197656,104.80422 C 81.197654,107.63057 78.945881,109.92922 76.166406,109.92922 C 73.396856,109.92922 71.135156,107.63057 71.135156,104.80422 C 71.135158,101.98789 73.396853,99.710473 76.166406,99.710473 z "
+     id="path1950" />
+  <path
+     d="M 463.5544,26.909383 L 465.11635,26.909383 L 465.11635,17.113143 L 468.81648,17.113143 L 468.81648,15.945483 L 459.85427,15.945483 L 459.85427,17.113143 L 463.5544,17.113143 L 463.5544,26.909383 M 470.20142,26.909383 L 471.53589,26.909383 L 471.53589,17.962353 L 474.4323,26.908259 L 475.91799,26.908259 L 478.93615,17.992683 L 478.93615,26.909383 L 480.39194,26.909383 L 480.39194,15.945483 L 478.46605,15.945483 L 475.16774,25.33834 L 472.35477,15.945483 L 470.20142,15.945483 L 470.20142,26.909383"
+     style="font-size:15.16445827px;font-style:normal;font-weight:normal;line-height:125%;fill:#646464;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
+     id="text3004"
+     sodipodi:nodetypes="ccccccccccccccccccccccc" />
+  <path
+     sodipodi:type="arc"
+     style="opacity:0.44382022;fill:url(#radialGradient1480);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path1894"
+     sodipodi:cx="61.518883"
+     sodipodi:cy="132.28575"
+     sodipodi:rx="48.948284"
+     sodipodi:ry="8.6066771"
+     d="M 110.46717 132.28575 A 48.948284 8.6066771 0 1 1  12.570599,132.28575 A 48.948284 8.6066771 0 1 1  110.46717 132.28575 z"
+     transform="matrix(0.73406,0,0,0.809524,16.24958,27.00935)" />
+</svg>
diff --git a/index.html b/index.html
index 354dcbf0c4..314d1eab95 100644
--- a/index.html
+++ b/index.html
@@ -81,12 +81,9 @@
       <div class="grid__item flex__item three-fifths palm-one-whole">
       <h1>Awaken your home</h1>
  <p class="lead">
-Home Assistant is an open-source home automation platform running on Python 3. Track and control all devices at home and automate control. Installation in less than a minute.
+Home Assistant is an open-source home automation platform running on Python 3. Track and control all devices at home and automate control. Perfect to run on a Raspberry Pi.
 </p>
-<code class='front-install'>
-<div>pip3 install homeassistant</div>
-<div>hass --open-ui</div>
-</code>
+
 <p class='hero-buttons'>
   <a href='/getting-started/'>Get started</a>
   <a href='/demo/' target='_blank'>View demo</a>
diff --git a/sitemap.xml b/sitemap.xml
index 673c5c06f0..d4b16ccaf6 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -564,6 +564,27 @@
 <loc>https://home-assistant.io/developers/frontend_creating_custom_panels/</loc>
 </url>
 <url>
+<loc>https://home-assistant.io/getting-started/getting-started-alternatives/</loc>
+</url>
+<url>
+<loc>https://home-assistant.io/getting-started/hassbian-common-tasks/</loc>
+</url>
+<url>
+<loc>https://home-assistant.io/getting-started/hassbian-customization/</loc>
+</url>
+<url>
+<loc>https://home-assistant.io/getting-started/hassbian-installation/</loc>
+</url>
+<url>
+<loc>https://home-assistant.io/getting-started/hassbian-integrations/</loc>
+</url>
+<url>
+<loc>https://home-assistant.io/getting-started/hassbian-upgrading/</loc>
+</url>
+<url>
+<loc>https://home-assistant.io/getting-started/hassbian/</loc>
+</url>
+<url>
 <loc>https://home-assistant.io/developers/helpers/</loc>
 </url>
 <url>
@@ -603,10 +624,10 @@
 <loc>https://home-assistant.io/getting-started/installation-docker/</loc>
 </url>
 <url>
-<loc>https://home-assistant.io/getting-started/installation-raspberry-pi-all-in-one/</loc>
+<loc>https://home-assistant.io/getting-started/installation-python/</loc>
 </url>
 <url>
-<loc>https://home-assistant.io/getting-started/installation-raspberry-pi-image/</loc>
+<loc>https://home-assistant.io/getting-started/installation-raspberry-pi-all-in-one/</loc>
 </url>
 <url>
 <loc>https://home-assistant.io/getting-started/installation-raspberry-pi/</loc>
@@ -2716,62 +2737,62 @@
 </url>
 <url>
 <loc>https://home-assistant.io/demo/frontend.html</loc>
-<lastmod>2017-02-04T22:32:52+00:00</lastmod>
+<lastmod>2017-02-05T04:47:31+00:00</lastmod>
 </url>
 <url>
 <loc>https://home-assistant.io/demo/index.html</loc>
-<lastmod>2017-02-04T22:32:52+00:00</lastmod>
+<lastmod>2017-02-05T04:47:31+00:00</lastmod>
 </url>
 <url>
 <loc>https://home-assistant.io/demo/panels/ha-panel-dev-event.html</loc>
-<lastmod>2017-02-04T22:32:52+00:00</lastmod>
+<lastmod>2017-02-05T04:47:31+00:00</lastmod>
 </url>
 <url>
 <loc>https://home-assistant.io/demo/panels/ha-panel-dev-info.html</loc>
-<lastmod>2017-02-04T22:32:52+00:00</lastmod>
+<lastmod>2017-02-05T04:47:31+00:00</lastmod>
 </url>
 <url>
 <loc>https://home-assistant.io/demo/panels/ha-panel-dev-service.html</loc>
-<lastmod>2017-02-04T22:32:52+00:00</lastmod>
+<lastmod>2017-02-05T04:47:31+00:00</lastmod>
 </url>
 <url>
 <loc>https://home-assistant.io/demo/panels/ha-panel-dev-state.html</loc>
-<lastmod>2017-02-04T22:32:52+00:00</lastmod>
+<lastmod>2017-02-05T04:47:31+00:00</lastmod>
 </url>
 <url>
 <loc>https://home-assistant.io/demo/panels/ha-panel-dev-template.html</loc>
-<lastmod>2017-02-04T22:32:52+00:00</lastmod>
+<lastmod>2017-02-05T04:47:31+00:00</lastmod>
 </url>
 <url>
 <loc>https://home-assistant.io/demo/panels/ha-panel-history.html</loc>
-<lastmod>2017-02-04T22:32:52+00:00</lastmod>
+<lastmod>2017-02-05T04:47:31+00:00</lastmod>
 </url>
 <url>
 <loc>https://home-assistant.io/demo/panels/ha-panel-iframe.html</loc>
-<lastmod>2017-02-04T22:32:52+00:00</lastmod>
+<lastmod>2017-02-05T04:47:31+00:00</lastmod>
 </url>
 <url>
 <loc>https://home-assistant.io/demo/panels/ha-panel-logbook.html</loc>
-<lastmod>2017-02-04T22:32:52+00:00</lastmod>
+<lastmod>2017-02-05T04:47:31+00:00</lastmod>
 </url>
 <url>
 <loc>https://home-assistant.io/demo/panels/ha-panel-map.html</loc>
-<lastmod>2017-02-04T22:32:52+00:00</lastmod>
+<lastmod>2017-02-05T04:47:31+00:00</lastmod>
 </url>
 <url>
 <loc>https://home-assistant.io/googlef4f3693c209fe788.html</loc>
-<lastmod>2017-02-04T22:32:52+00:00</lastmod>
+<lastmod>2017-02-05T04:47:31+00:00</lastmod>
 </url>
 <url>
 <loc>https://home-assistant.io/static/fonts/roboto/DESCRIPTION.en_us.html</loc>
-<lastmod>2017-02-04T22:32:52+00:00</lastmod>
+<lastmod>2017-02-05T04:47:31+00:00</lastmod>
 </url>
 <url>
 <loc>https://home-assistant.io/static/fonts/robotomono/DESCRIPTION.en_us.html</loc>
-<lastmod>2017-02-04T22:32:52+00:00</lastmod>
+<lastmod>2017-02-05T04:47:31+00:00</lastmod>
 </url>
 <url>
 <loc>https://home-assistant.io/static/mdi-demo.html</loc>
-<lastmod>2017-02-04T22:32:52+00:00</lastmod>
+<lastmod>2017-02-05T04:47:31+00:00</lastmod>
 </url>
 </urlset>
diff --git a/stylesheets/screen.css b/stylesheets/screen.css
index 2c89526db6..951bfdae18 100644
--- a/stylesheets/screen.css
+++ b/stylesheets/screen.css
@@ -26,4 +26,4 @@
  *  Email: dave@fontawesome.io
  *  Twitter: http://twitter.com/davegandy
  *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
- */@font-face{font-family:'FontAwesome';src:url("../font/fontawesome-webfont.eot?v=3.2.1");src:url("../font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"),url("../font/fontawesome-webfont.woff?v=3.2.1") format("woff"),url("../font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"),url("../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}.icon-large:before{vertical-align:-10%;font-size:1.33333em}a [class^="icon-"],a [class*=" icon-"]{display:inline}[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.14286em;text-align:right;padding-right:0.28571em}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.42857em}.icons-ul{margin-left:2.14286em;list-style-type:none}.icons-ul>li{position:relative}.icons-ul .icon-li{position:absolute;left:-2.14286em;width:2.14286em;text-align:center;line-height:inherit}[class^="icon-"].hide,[class*=" icon-"].hide{display:none}.icon-muted{color:#eee}.icon-light{color:#fff}.icon-dark{color:#333}.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.icon-5x{font-size:5em}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.pull-right{float:right}.pull-left{float:left}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em}.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em}.icon-stack .icon-stack-base{font-size:2em;*line-height:1em}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)}.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope-alt:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-power-off:before,.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-gear:before,.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file-alt:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-rotate-right:before,.icon-repeat:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-mail-forward:before,.icon-share-alt:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-gears:before,.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up-alt:before{content:"\f087"}.icon-thumbs-down-alt:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-unchecked:before,.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-rotate-left:before,.icon-undo:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-lightbulb:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-alt:before{content:"\f0f3"}.icon-coffee:before{content:"\f0f4"}.icon-food:before{content:"\f0f5"}.icon-file-text-alt:before{content:"\f0f6"}.icon-building:before{content:"\f0f7"}.icon-hospital:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0fa"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-sign:before{content:"\f0fd"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-double-angle-left:before{content:"\f100"}.icon-double-angle-right:before{content:"\f101"}.icon-double-angle-up:before{content:"\f102"}.icon-double-angle-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before{content:"\f10b"}.icon-circle-blank:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-mail-reply:before,.icon-reply:before{content:"\f112"}.icon-github-alt:before{content:"\f113"}.icon-folder-close-alt:before{content:"\f114"}.icon-folder-open-alt:before{content:"\f115"}.icon-expand-alt:before{content:"\f116"}.icon-collapse-alt:before{content:"\f117"}.icon-smile:before{content:"\f118"}.icon-frown:before{content:"\f119"}.icon-meh:before{content:"\f11a"}.icon-gamepad:before{content:"\f11b"}.icon-keyboard:before{content:"\f11c"}.icon-flag-alt:before{content:"\f11d"}.icon-flag-checkered:before{content:"\f11e"}.icon-terminal:before{content:"\f120"}.icon-code:before{content:"\f121"}.icon-reply-all:before{content:"\f122"}.icon-mail-reply-all:before{content:"\f122"}.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123"}.icon-location-arrow:before{content:"\f124"}.icon-crop:before{content:"\f125"}.icon-code-fork:before{content:"\f126"}.icon-unlink:before{content:"\f127"}.icon-question:before{content:"\f128"}.icon-info:before{content:"\f129"}.icon-exclamation:before{content:"\f12a"}.icon-superscript:before{content:"\f12b"}.icon-subscript:before{content:"\f12c"}.icon-eraser:before{content:"\f12d"}.icon-puzzle-piece:before{content:"\f12e"}.icon-microphone:before{content:"\f130"}.icon-microphone-off:before{content:"\f131"}.icon-shield:before{content:"\f132"}.icon-calendar-empty:before{content:"\f133"}.icon-fire-extinguisher:before{content:"\f134"}.icon-rocket:before{content:"\f135"}.icon-maxcdn:before{content:"\f136"}.icon-chevron-sign-left:before{content:"\f137"}.icon-chevron-sign-right:before{content:"\f138"}.icon-chevron-sign-up:before{content:"\f139"}.icon-chevron-sign-down:before{content:"\f13a"}.icon-html5:before{content:"\f13b"}.icon-css3:before{content:"\f13c"}.icon-anchor:before{content:"\f13d"}.icon-unlock-alt:before{content:"\f13e"}.icon-bullseye:before{content:"\f140"}.icon-ellipsis-horizontal:before{content:"\f141"}.icon-ellipsis-vertical:before{content:"\f142"}.icon-rss-sign:before{content:"\f143"}.icon-play-sign:before{content:"\f144"}.icon-ticket:before{content:"\f145"}.icon-minus-sign-alt:before{content:"\f146"}.icon-check-minus:before{content:"\f147"}.icon-level-up:before{content:"\f148"}.icon-level-down:before{content:"\f149"}.icon-check-sign:before{content:"\f14a"}.icon-edit-sign:before{content:"\f14b"}.icon-external-link-sign:before{content:"\f14c"}.icon-share-sign:before{content:"\f14d"}.icon-compass:before{content:"\f14e"}.icon-collapse:before{content:"\f150"}.icon-collapse-top:before{content:"\f151"}.icon-expand:before{content:"\f152"}.icon-euro:before,.icon-eur:before{content:"\f153"}.icon-gbp:before{content:"\f154"}.icon-dollar:before,.icon-usd:before{content:"\f155"}.icon-rupee:before,.icon-inr:before{content:"\f156"}.icon-yen:before,.icon-jpy:before{content:"\f157"}.icon-renminbi:before,.icon-cny:before{content:"\f158"}.icon-won:before,.icon-krw:before{content:"\f159"}.icon-bitcoin:before,.icon-btc:before{content:"\f15a"}.icon-file:before{content:"\f15b"}.icon-file-text:before{content:"\f15c"}.icon-sort-by-alphabet:before{content:"\f15d"}.icon-sort-by-alphabet-alt:before{content:"\f15e"}.icon-sort-by-attributes:before{content:"\f160"}.icon-sort-by-attributes-alt:before{content:"\f161"}.icon-sort-by-order:before{content:"\f162"}.icon-sort-by-order-alt:before{content:"\f163"}.icon-thumbs-up:before{content:"\f164"}.icon-thumbs-down:before{content:"\f165"}.icon-youtube-sign:before{content:"\f166"}.icon-youtube:before{content:"\f167"}.icon-xing:before{content:"\f168"}.icon-xing-sign:before{content:"\f169"}.icon-youtube-play:before{content:"\f16a"}.icon-dropbox:before{content:"\f16b"}.icon-stackexchange:before{content:"\f16c"}.icon-instagram:before{content:"\f16d"}.icon-flickr:before{content:"\f16e"}.icon-adn:before{content:"\f170"}.icon-bitbucket:before{content:"\f171"}.icon-bitbucket-sign:before{content:"\f172"}.icon-tumblr:before{content:"\f173"}.icon-tumblr-sign:before{content:"\f174"}.icon-long-arrow-down:before{content:"\f175"}.icon-long-arrow-up:before{content:"\f176"}.icon-long-arrow-left:before{content:"\f177"}.icon-long-arrow-right:before{content:"\f178"}.icon-apple:before{content:"\f179"}.icon-windows:before{content:"\f17a"}.icon-android:before{content:"\f17b"}.icon-linux:before{content:"\f17c"}.icon-dribbble:before{content:"\f17d"}.icon-skype:before{content:"\f17e"}.icon-foursquare:before{content:"\f180"}.icon-trello:before{content:"\f181"}.icon-female:before{content:"\f182"}.icon-male:before{content:"\f183"}.icon-gittip:before{content:"\f184"}.icon-sun:before{content:"\f185"}.icon-moon:before{content:"\f186"}.icon-archive:before{content:"\f187"}.icon-bug:before{content:"\f188"}.icon-vk:before{content:"\f189"}.icon-weibo:before{content:"\f18a"}.icon-renren:before{content:"\f18b"}body,html{background-color:#f5f5f5;color:#222;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;height:100%}a{color:#049cdb;text-decoration:none}a:visited{color:#0378a9}.menu a{color:#049cdb}.gist{font-size:0.75em}@media only screen and (max-width: 480px){.title.indent::before{display:none}}.title.indent::before{content:"// ";color:#049cdb}.divider,.usp hr,.hero hr{border:none;border-bottom:2px solid #049cdb;clear:both;margin:2em 0}article.post img,article.page img,article.listing img{border:5px solid #fff;border-radius:3px;box-shadow:0 0 3px rgba(0,0,0,0.25)}article.post img.right,article.page img.right,article.listing img.right{float:right;margin:0 0 10px 20px}article.post img.left,article.page img.left,article.listing img.left{float:left;margin:0 20px 10px 0}.grid-wrapper{margin:auto;max-width:1100px;padding:0 25px}.grid-center{text-align:center}.grid-center>.grid__item{text-align:left}body>header{-webkit-box-shadow:0 0 3px rgba(0,0,0,0.25);-moz-box-shadow:0 0 3px rgba(0,0,0,0.25);-ms-box-shadow:0 0 3px rgba(0,0,0,0.25);-o-box-shadow:0 0 3px rgba(0,0,0,0.25);box-shadow:0 0 3px rgba(0,0,0,0.25);background-color:#fff;margin-bottom:2em}body>header .site-title{color:#222;font-size:1.7em;font-weight:bold;line-height:2.5em}body{-webkit-animation:bugfix infinite 1s}@-webkit-keyframes bugfix{from{padding:0}to{padding:0}}.header{position:relative}#toggle,.toggle{display:none}.menu li{list-style:none;float:left}@media only screen and (max-width: 944px){.menu{display:none;opacity:0;width:100%;position:absolute;right:0}.menu li{display:block;width:100%;margin:0}.menu li a{display:block;width:100%;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.menu li a .icon{display:none}.toggle{display:block;position:relative;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#toggle:checked ~ .menu{display:block;opacity:1;z-index:999}}ul.menu li{position:relative}ul.menu li:hover ul{display:block}ul.menu li ul{display:none;z-index:10;position:absolute;top:68px;margin-left:0;background-color:white}ul.menu li ul li{white-space:nowrap;float:none}ul.menu li ul li a{display:block;padding:20px 10px}ul.menu li ul li a:hover,ul.menu li ul li a:focus{background:#eee}header .grid{height:68px}.menu{margin:0;top:68px}.menu li a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.25s linear;-moz-transition:all 0.25s linear;-o-transition:all 0.25s linear;transition:all 0.25s linear;display:block;padding:32px 12px;text-decoration:none;font-weight:normal;font-size:14px;line-height:1}.menu>li>a:hover,.menu>li>a:focus{background:#f5f5f5;box-shadow:inset 0px 5px #049cdb;color:#049cdb;padding:40px 12px 24px}.toggle{z-index:20}@media only screen and (max-width: 944px){.menu{background:#fff;border-top:1px solid #049cdb;border-bottom:4px solid #049cdb}.menu,.menu li,.menu li a{height:auto}.menu li a{padding:15px 15px !important}.menu li a:hover,.menu li a:focus{background:#eee;box-shadow:inset 5px 0px #049cdb;padding:15px 15px 15px 25px}.toggle{position:absolute;top:17px;right:10px}.toggle::after{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;font-family:"FontAwesome";content:"\f0c9";display:inline-block;width:100%;padding:10px 15px;background:#049cdb;text-align:center;font-size:12px;color:#fff;white-space:nowrap}.toggle:hover::after{background:#0383b8}#toggle:checked+.toggle::after{content:attr(data-close)}ul.menu li ul{display:block;position:relative;top:0}}#page-wrap{min-height:100%;margin-bottom:-100px}#page-wrap::after{content:"";display:block;height:100px}body>footer{-webkit-box-shadow:0 0 3px rgba(0,0,0,0.25);-moz-box-shadow:0 0 3px rgba(0,0,0,0.25);-ms-box-shadow:0 0 3px rgba(0,0,0,0.25);-o-box-shadow:0 0 3px rgba(0,0,0,0.25);box-shadow:0 0 3px rgba(0,0,0,0.25);background-color:#fff;margin-top:3em}.copyright{margin:0;padding:20px 0;text-align:center}article blockquote{border-left:2px solid #049cdb;color:#484848;font-family:Georgia,"Times New Roman",Times,serif;font-size:1.25em;font-style:italic;padding-left:15px}article blockquote footer{float:right;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.8em}article blockquote footer strong::after{content:" \2014 "}article blockquote footer a{text-decoration:underline}article .pullquote-left::before,article .pullquote-right::before{border:medium none;color:#049cdb;content:"\201C" attr(data-pullquote) "\201D";float:right;font-family:Georgia,"Times New Roman",Times,serif;font-size:1.4em;font-style:italic;line-height:1.45em;margin:0.3em 0 1em 1.5em;padding:0;position:relative;top:7px;width:45%}@media only screen and (max-width: 480px){article .pullquote-left::before,article .pullquote-right::before{border-top:1px dotted #049cdb;border-bottom:1px dotted #049cdb;padding:0 10px;width:100%}}article .tags{display:inline}article .tags li{margin-right:2px}article .tags li::after{content:","}article .tags li:last-child::after{content:""}article .tags li a{color:#555;text-decoration:none}article .tags li a:hover{text-decoration:underline}article .meta{font-size:12px;padding:0 0 5px}article .meta>*{margin-right:15px;white-space:nowrap}article .meta>*:last-child{margin-right:0}article .meta .comments::before{content:"\f075";font-family:"FontAwesome";padding-right:3px}article.listing{margin-bottom:20px}article.listing h1{margin-bottom:0}article.listing h1 a{color:#049cdb;text-decoration:none}article.listing .entry-content{margin:10px 0}article.listing+hr{border:none;border-bottom:1px solid #049cdb}@media only screen and (max-width: 480px){article.post .tags{clear:both;margin-top:7px}}article.post h1{margin-bottom:0}article.post .meta{border-bottom:1px solid #049cdb;margin-bottom:20px}#archive-list article h1{margin-bottom:0}@media only screen and (min-width: 1024px){.aside-module:first-child .title{margin-top:0}}.aside-module .title{border-bottom:1px solid #049cdb;color:#333;margin:1em 0 0.5em;padding-bottom:5px}.aside-module .title .btn{border-bottom-left-radius:0;border-bottom-right-radius:0;padding:5px 10px;text-decoration:none}.aside-module .loading{display:block;font-size:2em;text-align:center}#github-repos li p{font-size:0.6em;margin-bottom:0}#pinboard .pin-item>p{margin-bottom:0}#pinboard .pin-item>p a:hover{text-decoration:underline}#pinboard .pin-item>p a::after{content:","}#pinboard .pin-item>p a:last-child::after{content:""}@media only screen and (min-width: 481px){.social ul{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}}.social a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#e8e8e8;border:1px solid #dcdcdc;border-radius:4px;color:#222;display:inline-block;font-size:0.8em;margin-bottom:7px;padding:1em;padding-right:0.5em;position:relative;text-decoration:none;width:100%;z-index:5;-webkit-transition:box-shadow 200ms,color 400ms,transform 400ms;-moz-transition:box-shadow 200ms,color 400ms,transform 400ms;-o-transition:box-shadow 200ms,color 400ms,transform 400ms;transition:box-shadow 200ms,color 400ms,transform 400ms}.social a:hover{color:#fff !important;text-decoration:none;text-shadow:1px 1px 0 rgba(0,0,0,0.25);z-index:7}.social a:hover::before{border:1px solid #000;height:100%;top:0;width:100%}.social a::before{background-color:#222;border-radius:4px;content:"";height:1px;position:absolute;top:50%;left:0%;width:0;z-index:-1;-webkit-transition:border 200ms,height 200ms 200ms,top 200ms 200ms,width 200ms;-moz-transition:border 200ms,height 200ms 200ms,top 200ms 200ms,width 200ms;-o-transition:border 200ms,height 200ms 200ms,top 200ms 200ms,width 200ms;transition:border 200ms,height 200ms 200ms,top 200ms 200ms,width 200ms}.social a i{font-size:2em;line-height:0.8em;margin-right:0.35em}.social a.adn{color:#4a484c}.social a.adn::before{background-color:#4a484c;border-color:#3d3c3f}.social a.dribbble{color:#ea4c89}.social a.dribbble::before{background-color:#ea4c89;border-color:#e7357a}.social a.facebook{color:#3b5998}.social a.facebook::before{background-color:#3b5998;border-color:#344e86}.social a.github{color:#333}.social a.github::before{background-color:#333;border-color:#262626}.social a.gplus{color:#db4a39}.social a.gplus::before{background-color:#db4a39;border-color:#d43927}.social a.linkedin{color:#4875b4}.social a.linkedin::before{background-color:#4875b4;border-color:#4169a2}.social a.pinterest{color:#cc2127}.social a.pinterest::before{background-color:#cc2127;border-color:#b61d23}.social a.stackoverflow{color:#fe7a15}.social a.stackoverflow::before{background-color:#fe7a15;border-color:#f86c01}.social a.twitter{color:#00a0d1}.social a.twitter::before{background-color:#00a0d1;border-color:#008cb7}.social a.youtube{color:#cc181e}.social a.youtube::before{background-color:#cc181e;border-color:#b5151b}.usp{text-align:center}@media only screen and (min-width: 481px) and (max-width: 1023px){.usp{margin-bottom:25px}}.usp .icon i{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:10px solid #049cdb;color:#222;display:inline-block;font-size:6em;height:1.85em;line-height:normal;padding:0.3em;width:1.85em}.usp .title{color:#222;font-size:1.1em;line-height:3em;margin:0;text-align:center;text-transform:capitalize}.usp .title+hr{margin:0;margin-bottom:1em}.usp hr{margin-bottom:1em}.usp p{text-align:left}.hero{background-color:#0b6b94;background-position:0 50%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border-bottom:1px solid #fff;color:#fff;margin-top:-2em;margin-bottom:1.5em;padding:50px 0;position:relative}.hero>.grid-wrapper{position:relative;z-index:7}.hero .credit{font-size:0.75em;font-style:italic;position:absolute;bottom:0;right:10px;z-index:7}.hero .credit a{border-bottom:1px solid;color:#fff;text-decoration:none}.hero .credit .licence{border:none}.hero .avatar{text-align:center}@media only screen and (max-width: 1023px){.hero .avatar{margin-bottom:30px}}.hero .avatar img{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:10px solid #049cdb}.hero h1{font-size:3.5em;line-height:1em;text-shadow:2px 2px 0 rgba(0,0,0,0.75)}.hero hr{box-shadow:1px 1px 0 rgba(0,0,0,0.75)}.hero p{text-shadow:1px 1px 0 rgba(0,0,0,0.75)}.hero p small{color:#eee;font-size:.65em}.pull-left{float:left}.pull-right{float:right}.clearfix,article blockquote{*zoom:1}.clearfix::before,article blockquote::before,.clearfix::after,article blockquote::after{display:table;content:"";line-height:0}.clearfix::after,article blockquote::after{clear:both}ul.unstyled,ul.inline,article ul.tags,ul.divided,ol.unstyled,ol.inline,article ol.tags,ol.divided{list-style-type:none;margin:0}ul.inline,article ul.tags,ol.inline,article ol.tags{list-style-type:none}ul.inline>li,article ul.tags>li,ol.inline>li,article ol.tags>li{display:inline}ul.divided>li,ol.divided>li{border-top:1px solid #fff;border-bottom:1px solid #e8e8e8;padding:0.5em 0}ul.divided>li:first-child,ol.divided>li:first-child{border-top:none;padding-top:0}ul.divided>li:last-child,ol.divided>li:last-child{border-bottom:none}.btn{background-color:#0494d1;background-image:-moz-linear-gradient(top, #049cdb, #048ac2);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#049cdb), to(#048ac2));background-image:-webkit-linear-gradient(top, #049cdb, #048ac2);background-image:-o-linear-gradient(top, #049cdb, #048ac2);background-image:linear-gradient(to bottom, #049cdb,#048ac2);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF049CDB', endColorstr='#FF048AC2', GradientType=0);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.25);-moz-box-shadow:0 0 3px rgba(0,0,0,0.25);-ms-box-shadow:0 0 3px rgba(0,0,0,0.25);-o-box-shadow:0 0 3px rgba(0,0,0,0.25);box-shadow:0 0 3px rgba(0,0,0,0.25);border-radius:3px;color:#fff;display:inline-block;padding:7px 15px;text-decoration:none;text-shadow:1px 1px 0 rgba(0,0,0,0.25)}.btn:hover{text-decoration:underline}.btn:visited{color:#fff}.grid{letter-spacing:-1rem}.opera:-o-prefocus,.grid{word-spacing:-1rem}.grid__item{letter-spacing:normal;word-spacing:normal}@media only screen and (min-width: 481px){.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-box-align:start;-moz-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.flex__item{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0;-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}}.hero{background-color:#038FC7;padding-bottom:0}.hero .lead{margin-bottom:16px}.hero .hero-buttons a{color:white;text-transform:uppercase;white-space:nowrap;display:inline-block;font-weight:500}.hero .front-install{border:none;font-size:1em;background-color:#333;margin-bottom:16px;display:inline-block;padding:8px;color:#DDD}.hero .front-install div:before{content:'$';color:#c82829;margin-right:6px}.material-card{background-color:#fefefe;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2)}.material-card h1{font-family:Roboto, Noto, sans-serif;-webkit-font-smoothing:antialiased;font-size:24px;font-weight:400;letter-spacing:-.012em;line-height:40px;color:#212121;padding:20px 16px 12px;text-transform:capitalize;margin:0}.material-card.text{padding:16px}.material-card.text h1{padding:4px 0px 12px}.material-card .links{margin-top:8px;margin-left:-8px}.material-card .links a{text-decoration:none;font-weight:500;text-transform:uppercase;display:inline-block;margin:0 8px}.frontpage .current-version{margin-bottom:16px}.frontpage .current-version .release-date{white-space:nowrap}.frontpage .recent-posts{margin-bottom:16px}.frontpage .recent-posts .blog-date{white-space:nowrap}.frontpage .supported-brands{text-align:center}.frontpage .supported-brands a{text-decoration:none}.frontpage .supported-brands img{border:none !important;box-shadow:none !important;max-height:50px;max-width:140px;margin:10px;vertical-align:middle}h1:hover a.title-link,h2:hover a.title-link,h3:hover a.title-link,h4:hover a.title-link,h5:hover a.title-link,h6:hover a.title-link{position:relative}h1:hover a.title-link::before,h2:hover a.title-link::before,h3:hover a.title-link::before,h4:hover a.title-link::before,h5:hover a.title-link::before,h6:hover a.title-link::before{position:absolute;top:2px;left:-25px;padding-right:40px;font-family:"FontAwesome";font-size:15px;color:#999;content:"\f0c1"}.ha-title{white-space:nowrap}.ha-title img{width:40px}.ha-title a>*{vertical-align:middle}.usp ul{text-align:left;margin-left:27px;margin-top:-18px}.usp .icon i{border:none !important}.hero-buttons a{margin:0 30px 10px 0}.hero-buttons a:last-child{margin:0}article.post,article.page,article.listing{font-size:1.125em;line-height:1.6}article.post img,article.post table,article.page img,article.page table,article.listing img,article.listing table{border-radius:3px;box-shadow:rgba(0,0,0,0.06) 0 0 10px;vertical-align:middle}article.post img.no-shadow,article.page img.no-shadow,article.listing img.no-shadow{border:0;box-shadow:none}article.post>table,article.post>.entry-content>table,article.page>table,article.page>.entry-content>table,article.listing>table,article.listing>.entry-content>table{background-color:#F3FCF5}article.post p.img,article.page p.img,article.listing p.img{background-color:#FFF;border-radius:5px;text-align:center;padding-bottom:3px;font-size:.9rem;box-shadow:rgba(0,0,0,0.06) 0 0 10px}article.post p.img img,article.page p.img img,article.listing p.img img{display:block;box-shadow:none;margin:0 auto}article.post li,article.page li,article.listing li{margin-bottom:10px}article.post li>p,article.page li>p,article.listing li>p{margin-bottom:0}article.post li:last-child,article.page li:last-child,article.listing li:last-child{margin-bottom:0}article.post a,article.page a,article.listing a{text-decoration:underline}article.post a.btn,article.page a.btn,article.listing a.btn{text-decoration:none}article.post h2,article.page h2,article.listing h2{font-size:1.5em;margin-top:2em}article.post h3,article.page h3,article.listing h3{text-transform:uppercase;letter-spacing:0.125rem;font-size:1.2rem;margin-top:2em}article.post h4,article.page h4,article.listing h4{font-size:1.1rem;margin-top:2em}p.note{position:relative;background:#e7f2fa;padding:40px 12px 6px 12px;box-shadow:rgba(0,0,0,0.06) 0 0 10px}p.note::before{font-family:"FontAwesome", sans-serif;content:"\f05a" " Note " attr(data-title);background-color:#6ab0de;color:white;font-weight:bold;border-top-left-radius:3px;border-top-right-radius:3px;padding:6px 14px;line-height:1.5em;position:absolute;top:0;left:0;right:0}p.note.warning{background-color:#F7F9E1}p.note.warning::before{background-color:#bbb90d;content:"\f071" " Warning " attr(data-title)}.copyright{text-align:center}.copyright i{font-size:3em;margin-right:8px;position:relative;top:-5px}.copyright .credit{text-align:left;display:inline-block;font-size:.8em}#components-page .isotope-item{z-index:2}#components-page .isotope-hidden.isotope-item{pointer-events:none;z-index:1}#components-page .isotope,#components-page .isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;transition-duration:0.8s}#components-page .isotope{-webkit-transition-property:height, width;-moz-transition-property:height, width;transition-property:height, width}#components-page .isotope .isotope-item{-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;transition-property:transform, opacity}#components-page #componentContainer a{display:inline-block;width:202px;height:142px;background-color:#fefefe;margin-right:4px;margin-bottom:8px;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);padding:8px;text-align:center;text-decoration:none}#components-page #componentContainer a .img-container{height:50px;margin:8px 0;font:0/0 a}#components-page #componentContainer a .img-container:before{content:' ';display:inline-block;vertical-align:middle;height:100%}#components-page #componentContainer a .img-container img{max-width:100%;max-height:50px;box-shadow:none;border:none;vertical-align:middle}#components-page #componentContainer a .title{text-decoration:none;font-size:18px;color:#000;line-height:1.3em;height:2.6em}#components-page #componentContainer a .category{font-size:14px;color:#AAA}@media only screen and (max-width: 1023px){#components-page .filter-button-group{margin-bottom:16px}#components-page .filter-button-group .btn{display:inline-block;margin-right:8px;margin-bottom:8px}#components-page .filter-button-group .btn.current{background-color:#3A5561;background-image:linear-gradient(to bottom, #3a5561,#3f6b7d)}}@media only screen and (min-width: 1024px){#components-page .filter-button-group .featured{margin:12px 0}#components-page .filter-button-group .added_in_current_version{margin-top:12px}#components-page .filter-button-group .added_two_versions_ago{margin-bottom:12px}#components-page .filter-button-group .btn{display:block;background:0;color:black;box-shadow:none;text-shadow:none;padding:2px}#components-page .filter-button-group .btn.current{font-weight:bold}}.aside-module .section{margin-bottom:16px}.aside-module .brand-logo-container{text-align:center;height:97px}.aside-module .brand-logo-container img{max-height:97px}.videoWrapper{position:relative;padding-bottom:56.25%;height:0;margin-bottom:25px;background:#000}.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.edit-github{text-align:right;margin-bottom:8px;font-size:.8em}ul.sidebar-menu a.active{color:#000;font-weight:bold}ul.sidebar-menu ul{margin-left:30px}a code{color:#049cdb}twitterwidget{margin-left:auto;margin-right:auto}code.highlighter-rouge{background:#fff;font-size:.8em;line-height:1.5em;color:#555;border:1px solid #ddd;-webkit-border-radius:0.4em;-moz-border-radius:0.4em;border-radius:0.4em;padding:0 .3em}.highlight{background-color:#FFF;border:1px solid #CCC;font-family:"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;color:#000;padding:1em 0px 1em 1em;font-size:15px}.highlight .hll{background-color:#ffc}.highlight .c{color:#999988;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{color:#000000;font-weight:bold}.highlight .o{color:#000000;font-weight:bold}.highlight .cm{color:#999988;font-style:italic}.highlight .cp{color:#999999;font-weight:bold;font-style:italic}.highlight .c1{color:#999988;font-style:italic}.highlight .cs{color:#999999;font-weight:bold;font-style:italic}.highlight .gd{color:#000000;background-color:#fdd}.highlight .ge{color:#000000;font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000000;background-color:#dfd}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{color:#000000;font-weight:bold}.highlight .kd{color:#000000;font-weight:bold}.highlight .kn{color:#000000;font-weight:bold}.highlight .kp{color:#000000;font-weight:bold}.highlight .kr{color:#000000;font-weight:bold}.highlight .kt{color:#445588;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d01040}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:teal}.highlight .nd{color:#3c5d5d;font-weight:bold}.highlight .ni{color:purple}.highlight .ne{color:#990000;font-weight:bold}.highlight .nf{color:#990000;font-weight:bold}.highlight .nl{color:#990000;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{color:#000000;font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d01040}.highlight .sc{color:#d01040}.highlight .sd{color:#d01040}.highlight .s2{color:#d01040}.highlight .se{color:#d01040}.highlight .sh{color:#d01040}.highlight .si{color:#d01040}.highlight .sx{color:#d01040}.highlight .sr{color:#009926}.highlight .s1{color:#d01040}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}
+ */@font-face{font-family:'FontAwesome';src:url("../font/fontawesome-webfont.eot?v=3.2.1");src:url("../font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"),url("../font/fontawesome-webfont.woff?v=3.2.1") format("woff"),url("../font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"),url("../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}.icon-large:before{vertical-align:-10%;font-size:1.33333em}a [class^="icon-"],a [class*=" icon-"]{display:inline}[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.14286em;text-align:right;padding-right:0.28571em}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.42857em}.icons-ul{margin-left:2.14286em;list-style-type:none}.icons-ul>li{position:relative}.icons-ul .icon-li{position:absolute;left:-2.14286em;width:2.14286em;text-align:center;line-height:inherit}[class^="icon-"].hide,[class*=" icon-"].hide{display:none}.icon-muted{color:#eee}.icon-light{color:#fff}.icon-dark{color:#333}.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.icon-5x{font-size:5em}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.pull-right{float:right}.pull-left{float:left}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em}.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em}.icon-stack .icon-stack-base{font-size:2em;*line-height:1em}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)}.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope-alt:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-power-off:before,.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-gear:before,.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file-alt:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-rotate-right:before,.icon-repeat:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-mail-forward:before,.icon-share-alt:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-gears:before,.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up-alt:before{content:"\f087"}.icon-thumbs-down-alt:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-unchecked:before,.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-rotate-left:before,.icon-undo:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-lightbulb:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-alt:before{content:"\f0f3"}.icon-coffee:before{content:"\f0f4"}.icon-food:before{content:"\f0f5"}.icon-file-text-alt:before{content:"\f0f6"}.icon-building:before{content:"\f0f7"}.icon-hospital:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0fa"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-sign:before{content:"\f0fd"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-double-angle-left:before{content:"\f100"}.icon-double-angle-right:before{content:"\f101"}.icon-double-angle-up:before{content:"\f102"}.icon-double-angle-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before{content:"\f10b"}.icon-circle-blank:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-mail-reply:before,.icon-reply:before{content:"\f112"}.icon-github-alt:before{content:"\f113"}.icon-folder-close-alt:before{content:"\f114"}.icon-folder-open-alt:before{content:"\f115"}.icon-expand-alt:before{content:"\f116"}.icon-collapse-alt:before{content:"\f117"}.icon-smile:before{content:"\f118"}.icon-frown:before{content:"\f119"}.icon-meh:before{content:"\f11a"}.icon-gamepad:before{content:"\f11b"}.icon-keyboard:before{content:"\f11c"}.icon-flag-alt:before{content:"\f11d"}.icon-flag-checkered:before{content:"\f11e"}.icon-terminal:before{content:"\f120"}.icon-code:before{content:"\f121"}.icon-reply-all:before{content:"\f122"}.icon-mail-reply-all:before{content:"\f122"}.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123"}.icon-location-arrow:before{content:"\f124"}.icon-crop:before{content:"\f125"}.icon-code-fork:before{content:"\f126"}.icon-unlink:before{content:"\f127"}.icon-question:before{content:"\f128"}.icon-info:before{content:"\f129"}.icon-exclamation:before{content:"\f12a"}.icon-superscript:before{content:"\f12b"}.icon-subscript:before{content:"\f12c"}.icon-eraser:before{content:"\f12d"}.icon-puzzle-piece:before{content:"\f12e"}.icon-microphone:before{content:"\f130"}.icon-microphone-off:before{content:"\f131"}.icon-shield:before{content:"\f132"}.icon-calendar-empty:before{content:"\f133"}.icon-fire-extinguisher:before{content:"\f134"}.icon-rocket:before{content:"\f135"}.icon-maxcdn:before{content:"\f136"}.icon-chevron-sign-left:before{content:"\f137"}.icon-chevron-sign-right:before{content:"\f138"}.icon-chevron-sign-up:before{content:"\f139"}.icon-chevron-sign-down:before{content:"\f13a"}.icon-html5:before{content:"\f13b"}.icon-css3:before{content:"\f13c"}.icon-anchor:before{content:"\f13d"}.icon-unlock-alt:before{content:"\f13e"}.icon-bullseye:before{content:"\f140"}.icon-ellipsis-horizontal:before{content:"\f141"}.icon-ellipsis-vertical:before{content:"\f142"}.icon-rss-sign:before{content:"\f143"}.icon-play-sign:before{content:"\f144"}.icon-ticket:before{content:"\f145"}.icon-minus-sign-alt:before{content:"\f146"}.icon-check-minus:before{content:"\f147"}.icon-level-up:before{content:"\f148"}.icon-level-down:before{content:"\f149"}.icon-check-sign:before{content:"\f14a"}.icon-edit-sign:before{content:"\f14b"}.icon-external-link-sign:before{content:"\f14c"}.icon-share-sign:before{content:"\f14d"}.icon-compass:before{content:"\f14e"}.icon-collapse:before{content:"\f150"}.icon-collapse-top:before{content:"\f151"}.icon-expand:before{content:"\f152"}.icon-euro:before,.icon-eur:before{content:"\f153"}.icon-gbp:before{content:"\f154"}.icon-dollar:before,.icon-usd:before{content:"\f155"}.icon-rupee:before,.icon-inr:before{content:"\f156"}.icon-yen:before,.icon-jpy:before{content:"\f157"}.icon-renminbi:before,.icon-cny:before{content:"\f158"}.icon-won:before,.icon-krw:before{content:"\f159"}.icon-bitcoin:before,.icon-btc:before{content:"\f15a"}.icon-file:before{content:"\f15b"}.icon-file-text:before{content:"\f15c"}.icon-sort-by-alphabet:before{content:"\f15d"}.icon-sort-by-alphabet-alt:before{content:"\f15e"}.icon-sort-by-attributes:before{content:"\f160"}.icon-sort-by-attributes-alt:before{content:"\f161"}.icon-sort-by-order:before{content:"\f162"}.icon-sort-by-order-alt:before{content:"\f163"}.icon-thumbs-up:before{content:"\f164"}.icon-thumbs-down:before{content:"\f165"}.icon-youtube-sign:before{content:"\f166"}.icon-youtube:before{content:"\f167"}.icon-xing:before{content:"\f168"}.icon-xing-sign:before{content:"\f169"}.icon-youtube-play:before{content:"\f16a"}.icon-dropbox:before{content:"\f16b"}.icon-stackexchange:before{content:"\f16c"}.icon-instagram:before{content:"\f16d"}.icon-flickr:before{content:"\f16e"}.icon-adn:before{content:"\f170"}.icon-bitbucket:before{content:"\f171"}.icon-bitbucket-sign:before{content:"\f172"}.icon-tumblr:before{content:"\f173"}.icon-tumblr-sign:before{content:"\f174"}.icon-long-arrow-down:before{content:"\f175"}.icon-long-arrow-up:before{content:"\f176"}.icon-long-arrow-left:before{content:"\f177"}.icon-long-arrow-right:before{content:"\f178"}.icon-apple:before{content:"\f179"}.icon-windows:before{content:"\f17a"}.icon-android:before{content:"\f17b"}.icon-linux:before{content:"\f17c"}.icon-dribbble:before{content:"\f17d"}.icon-skype:before{content:"\f17e"}.icon-foursquare:before{content:"\f180"}.icon-trello:before{content:"\f181"}.icon-female:before{content:"\f182"}.icon-male:before{content:"\f183"}.icon-gittip:before{content:"\f184"}.icon-sun:before{content:"\f185"}.icon-moon:before{content:"\f186"}.icon-archive:before{content:"\f187"}.icon-bug:before{content:"\f188"}.icon-vk:before{content:"\f189"}.icon-weibo:before{content:"\f18a"}.icon-renren:before{content:"\f18b"}body,html{background-color:#f5f5f5;color:#222;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;height:100%}a{color:#049cdb;text-decoration:none}a:visited{color:#0378a9}.menu a{color:#049cdb}.gist{font-size:0.75em}@media only screen and (max-width: 480px){.title.indent::before{display:none}}.title.indent::before{content:"// ";color:#049cdb}.divider,.usp hr,.hero hr{border:none;border-bottom:2px solid #049cdb;clear:both;margin:2em 0}article.post img,article.page img,article.listing img{border:5px solid #fff;border-radius:3px;box-shadow:0 0 3px rgba(0,0,0,0.25)}article.post img.right,article.page img.right,article.listing img.right{float:right;margin:0 0 10px 20px}article.post img.left,article.page img.left,article.listing img.left{float:left;margin:0 20px 10px 0}.grid-wrapper{margin:auto;max-width:1100px;padding:0 25px}.grid-center{text-align:center}.grid-center>.grid__item{text-align:left}body>header{-webkit-box-shadow:0 0 3px rgba(0,0,0,0.25);-moz-box-shadow:0 0 3px rgba(0,0,0,0.25);-ms-box-shadow:0 0 3px rgba(0,0,0,0.25);-o-box-shadow:0 0 3px rgba(0,0,0,0.25);box-shadow:0 0 3px rgba(0,0,0,0.25);background-color:#fff;margin-bottom:2em}body>header .site-title{color:#222;font-size:1.7em;font-weight:bold;line-height:2.5em}body{-webkit-animation:bugfix infinite 1s}@-webkit-keyframes bugfix{from{padding:0}to{padding:0}}.header{position:relative}#toggle,.toggle{display:none}.menu li{list-style:none;float:left}@media only screen and (max-width: 944px){.menu{display:none;opacity:0;width:100%;position:absolute;right:0}.menu li{display:block;width:100%;margin:0}.menu li a{display:block;width:100%;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.menu li a .icon{display:none}.toggle{display:block;position:relative;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#toggle:checked ~ .menu{display:block;opacity:1;z-index:999}}ul.menu li{position:relative}ul.menu li:hover ul{display:block}ul.menu li ul{display:none;z-index:10;position:absolute;top:68px;margin-left:0;background-color:white}ul.menu li ul li{white-space:nowrap;float:none}ul.menu li ul li a{display:block;padding:20px 10px}ul.menu li ul li a:hover,ul.menu li ul li a:focus{background:#eee}header .grid{height:68px}.menu{margin:0;top:68px}.menu li a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.25s linear;-moz-transition:all 0.25s linear;-o-transition:all 0.25s linear;transition:all 0.25s linear;display:block;padding:32px 12px;text-decoration:none;font-weight:normal;font-size:14px;line-height:1}.menu>li>a:hover,.menu>li>a:focus{background:#f5f5f5;box-shadow:inset 0px 5px #049cdb;color:#049cdb;padding:40px 12px 24px}.toggle{z-index:20}@media only screen and (max-width: 944px){.menu{background:#fff;border-top:1px solid #049cdb;border-bottom:4px solid #049cdb}.menu,.menu li,.menu li a{height:auto}.menu li a{padding:15px 15px !important}.menu li a:hover,.menu li a:focus{background:#eee;box-shadow:inset 5px 0px #049cdb;padding:15px 15px 15px 25px}.toggle{position:absolute;top:17px;right:10px}.toggle::after{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;font-family:"FontAwesome";content:"\f0c9";display:inline-block;width:100%;padding:10px 15px;background:#049cdb;text-align:center;font-size:12px;color:#fff;white-space:nowrap}.toggle:hover::after{background:#0383b8}#toggle:checked+.toggle::after{content:attr(data-close)}ul.menu li ul{display:block;position:relative;top:0}}#page-wrap{min-height:100%;margin-bottom:-100px}#page-wrap::after{content:"";display:block;height:100px}body>footer{-webkit-box-shadow:0 0 3px rgba(0,0,0,0.25);-moz-box-shadow:0 0 3px rgba(0,0,0,0.25);-ms-box-shadow:0 0 3px rgba(0,0,0,0.25);-o-box-shadow:0 0 3px rgba(0,0,0,0.25);box-shadow:0 0 3px rgba(0,0,0,0.25);background-color:#fff;margin-top:3em}.copyright{margin:0;padding:20px 0;text-align:center}article blockquote{border-left:2px solid #049cdb;color:#484848;font-family:Georgia,"Times New Roman",Times,serif;font-size:1.25em;font-style:italic;padding-left:15px}article blockquote footer{float:right;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.8em}article blockquote footer strong::after{content:" \2014 "}article blockquote footer a{text-decoration:underline}article .pullquote-left::before,article .pullquote-right::before{border:medium none;color:#049cdb;content:"\201C" attr(data-pullquote) "\201D";float:right;font-family:Georgia,"Times New Roman",Times,serif;font-size:1.4em;font-style:italic;line-height:1.45em;margin:0.3em 0 1em 1.5em;padding:0;position:relative;top:7px;width:45%}@media only screen and (max-width: 480px){article .pullquote-left::before,article .pullquote-right::before{border-top:1px dotted #049cdb;border-bottom:1px dotted #049cdb;padding:0 10px;width:100%}}article .tags{display:inline}article .tags li{margin-right:2px}article .tags li::after{content:","}article .tags li:last-child::after{content:""}article .tags li a{color:#555;text-decoration:none}article .tags li a:hover{text-decoration:underline}article .meta{font-size:12px;padding:0 0 5px}article .meta>*{margin-right:15px;white-space:nowrap}article .meta>*:last-child{margin-right:0}article .meta .comments::before{content:"\f075";font-family:"FontAwesome";padding-right:3px}article.listing{margin-bottom:20px}article.listing h1{margin-bottom:0}article.listing h1 a{color:#049cdb;text-decoration:none}article.listing .entry-content{margin:10px 0}article.listing+hr{border:none;border-bottom:1px solid #049cdb}@media only screen and (max-width: 480px){article.post .tags{clear:both;margin-top:7px}}article.post h1{margin-bottom:0}article.post .meta{border-bottom:1px solid #049cdb;margin-bottom:20px}#archive-list article h1{margin-bottom:0}@media only screen and (min-width: 1024px){.aside-module:first-child .title{margin-top:0}}.aside-module .title{border-bottom:1px solid #049cdb;color:#333;margin:1em 0 0.5em;padding-bottom:5px}.aside-module .title .btn{border-bottom-left-radius:0;border-bottom-right-radius:0;padding:5px 10px;text-decoration:none}.aside-module .loading{display:block;font-size:2em;text-align:center}#github-repos li p{font-size:0.6em;margin-bottom:0}#pinboard .pin-item>p{margin-bottom:0}#pinboard .pin-item>p a:hover{text-decoration:underline}#pinboard .pin-item>p a::after{content:","}#pinboard .pin-item>p a:last-child::after{content:""}@media only screen and (min-width: 481px){.social ul{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}}.social a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#e8e8e8;border:1px solid #dcdcdc;border-radius:4px;color:#222;display:inline-block;font-size:0.8em;margin-bottom:7px;padding:1em;padding-right:0.5em;position:relative;text-decoration:none;width:100%;z-index:5;-webkit-transition:box-shadow 200ms,color 400ms,transform 400ms;-moz-transition:box-shadow 200ms,color 400ms,transform 400ms;-o-transition:box-shadow 200ms,color 400ms,transform 400ms;transition:box-shadow 200ms,color 400ms,transform 400ms}.social a:hover{color:#fff !important;text-decoration:none;text-shadow:1px 1px 0 rgba(0,0,0,0.25);z-index:7}.social a:hover::before{border:1px solid #000;height:100%;top:0;width:100%}.social a::before{background-color:#222;border-radius:4px;content:"";height:1px;position:absolute;top:50%;left:0%;width:0;z-index:-1;-webkit-transition:border 200ms,height 200ms 200ms,top 200ms 200ms,width 200ms;-moz-transition:border 200ms,height 200ms 200ms,top 200ms 200ms,width 200ms;-o-transition:border 200ms,height 200ms 200ms,top 200ms 200ms,width 200ms;transition:border 200ms,height 200ms 200ms,top 200ms 200ms,width 200ms}.social a i{font-size:2em;line-height:0.8em;margin-right:0.35em}.social a.adn{color:#4a484c}.social a.adn::before{background-color:#4a484c;border-color:#3d3c3f}.social a.dribbble{color:#ea4c89}.social a.dribbble::before{background-color:#ea4c89;border-color:#e7357a}.social a.facebook{color:#3b5998}.social a.facebook::before{background-color:#3b5998;border-color:#344e86}.social a.github{color:#333}.social a.github::before{background-color:#333;border-color:#262626}.social a.gplus{color:#db4a39}.social a.gplus::before{background-color:#db4a39;border-color:#d43927}.social a.linkedin{color:#4875b4}.social a.linkedin::before{background-color:#4875b4;border-color:#4169a2}.social a.pinterest{color:#cc2127}.social a.pinterest::before{background-color:#cc2127;border-color:#b61d23}.social a.stackoverflow{color:#fe7a15}.social a.stackoverflow::before{background-color:#fe7a15;border-color:#f86c01}.social a.twitter{color:#00a0d1}.social a.twitter::before{background-color:#00a0d1;border-color:#008cb7}.social a.youtube{color:#cc181e}.social a.youtube::before{background-color:#cc181e;border-color:#b5151b}.usp{text-align:center}@media only screen and (min-width: 481px) and (max-width: 1023px){.usp{margin-bottom:25px}}.usp .icon i{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:10px solid #049cdb;color:#222;display:inline-block;font-size:6em;height:1.85em;line-height:normal;padding:0.3em;width:1.85em}.usp .title{color:#222;font-size:1.1em;line-height:3em;margin:0;text-align:center;text-transform:capitalize}.usp .title+hr{margin:0;margin-bottom:1em}.usp hr{margin-bottom:1em}.usp p{text-align:left}.hero{background-color:#0b6b94;background-position:0 50%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border-bottom:1px solid #fff;color:#fff;margin-top:-2em;margin-bottom:1.5em;padding:50px 0;position:relative}.hero>.grid-wrapper{position:relative;z-index:7}.hero .credit{font-size:0.75em;font-style:italic;position:absolute;bottom:0;right:10px;z-index:7}.hero .credit a{border-bottom:1px solid;color:#fff;text-decoration:none}.hero .credit .licence{border:none}.hero .avatar{text-align:center}@media only screen and (max-width: 1023px){.hero .avatar{margin-bottom:30px}}.hero .avatar img{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:10px solid #049cdb}.hero h1{font-size:3.5em;line-height:1em;text-shadow:2px 2px 0 rgba(0,0,0,0.75)}.hero hr{box-shadow:1px 1px 0 rgba(0,0,0,0.75)}.hero p{text-shadow:1px 1px 0 rgba(0,0,0,0.75)}.hero p small{color:#eee;font-size:.65em}.pull-left{float:left}.pull-right{float:right}.clearfix,article blockquote{*zoom:1}.clearfix::before,article blockquote::before,.clearfix::after,article blockquote::after{display:table;content:"";line-height:0}.clearfix::after,article blockquote::after{clear:both}ul.unstyled,ul.inline,article ul.tags,ul.divided,ol.unstyled,ol.inline,article ol.tags,ol.divided{list-style-type:none;margin:0}ul.inline,article ul.tags,ol.inline,article ol.tags{list-style-type:none}ul.inline>li,article ul.tags>li,ol.inline>li,article ol.tags>li{display:inline}ul.divided>li,ol.divided>li{border-top:1px solid #fff;border-bottom:1px solid #e8e8e8;padding:0.5em 0}ul.divided>li:first-child,ol.divided>li:first-child{border-top:none;padding-top:0}ul.divided>li:last-child,ol.divided>li:last-child{border-bottom:none}.btn{background-color:#0494d1;background-image:-moz-linear-gradient(top, #049cdb, #048ac2);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#049cdb), to(#048ac2));background-image:-webkit-linear-gradient(top, #049cdb, #048ac2);background-image:-o-linear-gradient(top, #049cdb, #048ac2);background-image:linear-gradient(to bottom, #049cdb,#048ac2);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF049CDB', endColorstr='#FF048AC2', GradientType=0);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.25);-moz-box-shadow:0 0 3px rgba(0,0,0,0.25);-ms-box-shadow:0 0 3px rgba(0,0,0,0.25);-o-box-shadow:0 0 3px rgba(0,0,0,0.25);box-shadow:0 0 3px rgba(0,0,0,0.25);border-radius:3px;color:#fff;display:inline-block;padding:7px 15px;text-decoration:none;text-shadow:1px 1px 0 rgba(0,0,0,0.25)}.btn:hover{text-decoration:underline}.btn:visited{color:#fff}.grid{letter-spacing:-1rem}.opera:-o-prefocus,.grid{word-spacing:-1rem}.grid__item{letter-spacing:normal;word-spacing:normal}@media only screen and (min-width: 481px){.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-box-align:start;-moz-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.flex__item{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0;-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}}.hero{background-color:#038FC7;padding-bottom:0}.hero .lead{margin-bottom:16px}.hero .hero-buttons a{color:white;text-transform:uppercase;white-space:nowrap;display:inline-block;font-weight:500}.material-card{background-color:#fefefe;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2)}.material-card h1{font-family:Roboto, Noto, sans-serif;-webkit-font-smoothing:antialiased;font-size:24px;font-weight:400;letter-spacing:-.012em;line-height:40px;color:#212121;padding:20px 16px 12px;text-transform:capitalize;margin:0}.material-card.text{padding:16px}.material-card.text h1{padding:4px 0px 12px}.material-card .links{margin-top:8px;margin-left:-8px}.material-card .links a{text-decoration:none;font-weight:500;text-transform:uppercase;display:inline-block;margin:0 8px}.frontpage .current-version{margin-bottom:16px}.frontpage .current-version .release-date{white-space:nowrap}.frontpage .recent-posts{margin-bottom:16px}.frontpage .recent-posts .blog-date{white-space:nowrap}.frontpage .supported-brands{text-align:center}.frontpage .supported-brands a{text-decoration:none}.frontpage .supported-brands img{border:none !important;box-shadow:none !important;max-height:50px;max-width:140px;margin:10px;vertical-align:middle}h1:hover a.title-link,h2:hover a.title-link,h3:hover a.title-link,h4:hover a.title-link,h5:hover a.title-link,h6:hover a.title-link{position:relative}h1:hover a.title-link::before,h2:hover a.title-link::before,h3:hover a.title-link::before,h4:hover a.title-link::before,h5:hover a.title-link::before,h6:hover a.title-link::before{position:absolute;top:2px;left:-25px;padding-right:40px;font-family:"FontAwesome";font-size:15px;color:#999;content:"\f0c1"}.ha-title{white-space:nowrap}.ha-title img{width:40px}.ha-title a>*{vertical-align:middle}.usp ul{text-align:left;margin-left:27px;margin-top:-18px}.usp .icon i{border:none !important}.hero-buttons a{margin:0 30px 10px 0}.hero-buttons a:last-child{margin:0}article.post,article.page,article.listing{font-size:1.125em;line-height:1.6}article.post img,article.post table,article.page img,article.page table,article.listing img,article.listing table{border-radius:3px;box-shadow:rgba(0,0,0,0.06) 0 0 10px;vertical-align:middle}article.post img.no-shadow,article.page img.no-shadow,article.listing img.no-shadow{border:0;box-shadow:none}article.post>table,article.post>.entry-content>table,article.page>table,article.page>.entry-content>table,article.listing>table,article.listing>.entry-content>table{background-color:#F3FCF5}article.post p.img,article.page p.img,article.listing p.img{background-color:#FFF;border-radius:5px;text-align:center;padding-bottom:3px;font-size:.9rem;box-shadow:rgba(0,0,0,0.06) 0 0 10px}article.post p.img img,article.page p.img img,article.listing p.img img{display:block;box-shadow:none;margin:0 auto}article.post li,article.page li,article.listing li{margin-bottom:10px}article.post li>p,article.page li>p,article.listing li>p{margin-bottom:0}article.post li:last-child,article.page li:last-child,article.listing li:last-child{margin-bottom:0}article.post a,article.page a,article.listing a{text-decoration:underline}article.post a.btn,article.page a.btn,article.listing a.btn{text-decoration:none}article.post h2,article.page h2,article.listing h2{font-size:1.5em;margin-top:2em}article.post h3,article.page h3,article.listing h3{text-transform:uppercase;letter-spacing:0.125rem;font-size:1.2rem;margin-top:2em}article.post h4,article.page h4,article.listing h4{font-size:1.1rem;margin-top:2em}p.note{position:relative;background:#e7f2fa;padding:40px 12px 6px 12px;box-shadow:rgba(0,0,0,0.06) 0 0 10px}p.note::before{font-family:"FontAwesome", sans-serif;content:"\f05a" " Note " attr(data-title);background-color:#6ab0de;color:white;font-weight:bold;border-top-left-radius:3px;border-top-right-radius:3px;padding:6px 14px;line-height:1.5em;position:absolute;top:0;left:0;right:0}p.note.warning{background-color:#F7F9E1}p.note.warning::before{background-color:#bbb90d;content:"\f071" " Warning " attr(data-title)}.copyright{text-align:center}.copyright i{font-size:3em;margin-right:8px;position:relative;top:-5px}.copyright .credit{text-align:left;display:inline-block;font-size:.8em}#components-page .isotope-item{z-index:2}#components-page .isotope-hidden.isotope-item{pointer-events:none;z-index:1}#components-page .isotope,#components-page .isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;transition-duration:0.8s}#components-page .isotope{-webkit-transition-property:height, width;-moz-transition-property:height, width;transition-property:height, width}#components-page .isotope .isotope-item{-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;transition-property:transform, opacity}@media only screen and (max-width: 1023px){#components-page .filter-button-group{margin-bottom:16px}#components-page .filter-button-group .btn{display:inline-block;margin-right:8px;margin-bottom:8px}#components-page .filter-button-group .btn.current{background-color:#3A5561;background-image:linear-gradient(to bottom, #3a5561,#3f6b7d)}}@media only screen and (min-width: 1024px){#components-page .filter-button-group .featured{margin:12px 0}#components-page .filter-button-group .added_in_current_version{margin-top:12px}#components-page .filter-button-group .added_two_versions_ago{margin-bottom:12px}#components-page .filter-button-group .btn{display:block;background:0;color:black;box-shadow:none;text-shadow:none;padding:2px}#components-page .filter-button-group .btn.current{font-weight:bold}}.hass-option-cards .option-card{display:inline-block;width:202px;height:142px;background-color:#fefefe;margin-right:4px;margin-bottom:8px;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);padding:8px;text-align:center;text-decoration:none}.hass-option-cards .option-card .img-container{height:50px;margin:8px 0;font:0/0 a}.hass-option-cards .option-card .img-container:before{content:' ';display:inline-block;vertical-align:middle;height:100%}.hass-option-cards .option-card .img-container img{max-width:100%;max-height:50px;box-shadow:none;border:none;vertical-align:middle}.hass-option-cards .option-card .title{text-decoration:none;font-size:18px;color:#000;line-height:1.3em;height:2.6em}.hass-option-cards .option-card .category{font-size:14px;color:#AAA}.aside-module .section{margin-bottom:16px}.aside-module .brand-logo-container{text-align:center;height:97px}.aside-module .brand-logo-container img{max-height:97px}.videoWrapper{position:relative;padding-bottom:56.25%;height:0;margin-bottom:25px;background:#000}.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.edit-github{text-align:right;margin-bottom:8px;font-size:.8em}ul.sidebar-menu a.active{color:#000;font-weight:bold}ul.sidebar-menu ul{margin-left:30px}a code{color:#049cdb}twitterwidget{margin-left:auto;margin-right:auto}.text-center{text-align:center}code.highlighter-rouge{background:#fff;font-size:.8em;line-height:1.5em;color:#555;border:1px solid #ddd;-webkit-border-radius:0.4em;-moz-border-radius:0.4em;border-radius:0.4em;padding:0 .3em}.highlight{background-color:#FFF;border:1px solid #CCC;font-family:"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;color:#000;padding:1em 0px 1em 1em;font-size:15px}.highlight .hll{background-color:#ffc}.highlight .c{color:#999988;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{color:#000000;font-weight:bold}.highlight .o{color:#000000;font-weight:bold}.highlight .cm{color:#999988;font-style:italic}.highlight .cp{color:#999999;font-weight:bold;font-style:italic}.highlight .c1{color:#999988;font-style:italic}.highlight .cs{color:#999999;font-weight:bold;font-style:italic}.highlight .gd{color:#000000;background-color:#fdd}.highlight .ge{color:#000000;font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000000;background-color:#dfd}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{color:#000000;font-weight:bold}.highlight .kd{color:#000000;font-weight:bold}.highlight .kn{color:#000000;font-weight:bold}.highlight .kp{color:#000000;font-weight:bold}.highlight .kr{color:#000000;font-weight:bold}.highlight .kt{color:#445588;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d01040}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:teal}.highlight .nd{color:#3c5d5d;font-weight:bold}.highlight .ni{color:purple}.highlight .ne{color:#990000;font-weight:bold}.highlight .nf{color:#990000;font-weight:bold}.highlight .nl{color:#990000;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{color:#000000;font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d01040}.highlight .sc{color:#d01040}.highlight .sd{color:#d01040}.highlight .s2{color:#d01040}.highlight .se{color:#d01040}.highlight .sh{color:#d01040}.highlight .si{color:#d01040}.highlight .sx{color:#d01040}.highlight .sr{color:#009926}.highlight .s1{color:#d01040}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}