From 6019a8820a80ef7e3ca2e8174d62e2dbc3329513 Mon Sep 17 00:00:00 2001 From: Travis CI Date: Sun, 24 Apr 2016 07:02:24 +0000 Subject: [PATCH] Site updated at 2016-04-24 07:02:24 UTC --- atom.xml | 10 +- .../index.html | 2 +- .../index.html | 2 +- .../index.html | 2 +- .../index.html | 2 +- .../11/22/survey-november-2015/index.html | 2 +- .../index.html | 2 +- .../index.html | 2 +- .../index.html | 2 +- .../index.html | 2 +- blog/categories/community/atom.xml | 2 +- blog/categories/esp8266/atom.xml | 2 +- blog/categories/how-to/atom.xml | 2 +- blog/categories/internet-of-things/atom.xml | 2 +- blog/categories/mqtt/atom.xml | 2 +- blog/categories/organisation/atom.xml | 2 +- .../public-service-announcement/atom.xml | 2 +- blog/categories/release-notes/atom.xml | 4 +- blog/categories/survey/atom.xml | 4 +- blog/categories/user-stories/atom.xml | 4 +- blog/categories/website/atom.xml | 2 +- blog/index.html | 2 +- blog/posts/2/index.html | 4 +- blog/posts/3/index.html | 2 +- blog/posts/4/index.html | 2 +- components/automation/index.html | 391 +----------------- components/mqtt/index.html | 2 +- components/notify.command_line/index.html | 2 +- components/notify.file/index.html | 2 +- components/notify.instapush/index.html | 2 +- components/notify.nma/index.html | 2 +- components/notify.pushetta/index.html | 2 +- components/notify.rest/index.html | 2 +- components/notify.sendgrid/index.html | 2 +- components/notify.slack/index.html | 2 +- components/notify.smtp/index.html | 2 +- components/notify.syslog/index.html | 2 +- components/notify.telegram/index.html | 2 +- components/notify.twitter/index.html | 2 +- components/notify.xmpp/index.html | 2 +- components/notify/index.html | 2 +- components/proximity/index.html | 2 +- components/sun/index.html | 2 +- components/zone/index.html | 2 +- cookbook/index.html | 2 +- getting-started/android/index.html | 10 +- getting-started/automation-action/index.html | 213 ++++++++++ .../automation-condition/index.html | 309 ++++++++++++++ .../automation-create-first/index.html | 281 +++++++++++++ .../automation-examples/index.html | 239 +++++++++++ getting-started/automation-trigger/index.html | 329 +++++++++++++++ .../automation-troubleshooting/index.html | 199 +++++++++ getting-started/automation/index.html | 116 +----- getting-started/autostart-macos/index.html | 10 +- getting-started/autostart-synology/index.html | 10 +- getting-started/autostart-systemd/index.html | 10 +- getting-started/autostart-upstart/index.html | 10 +- getting-started/autostart/index.html | 10 +- getting-started/configuration/index.html | 10 +- .../customizing-devices/index.html | 10 +- getting-started/devices/index.html | 10 +- getting-started/index.html | 10 +- .../installation-docker/index.html | 10 +- .../installation-raspberry-pi/index.html | 10 +- .../installation-synology/index.html | 10 +- .../installation-virtualenv/index.html | 10 +- getting-started/presence-detection/index.html | 12 +- .../troubleshooting-configuration/index.html | 10 +- getting-started/troubleshooting/index.html | 10 +- sitemap.xml | 26 +- stylesheets/screen.css | 2 +- 71 files changed, 1812 insertions(+), 569 deletions(-) create mode 100644 getting-started/automation-action/index.html create mode 100644 getting-started/automation-condition/index.html create mode 100644 getting-started/automation-create-first/index.html create mode 100644 getting-started/automation-examples/index.html create mode 100644 getting-started/automation-trigger/index.html create mode 100644 getting-started/automation-troubleshooting/index.html diff --git a/atom.xml b/atom.xml index ccc4268a9d..a5578cc501 100644 --- a/atom.xml +++ b/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Home Assistant]]> - 2016-04-23T18:30:58+00:00 + 2016-04-24T07:01:43+00:00 https://home-assistant.io/ @@ -338,7 +338,7 @@ player state attributes. This change affects automations, scripts and scenes.Sensor: Neurio energy sensor now supported (@infamy)
  • Binary Sensor: nx584 support added (@kk7ds)
  • Improve and clarify CI testing (@sdague)
  • -
  • Automation: State triggers and conditions now takes optional for config parameter to only trigger when a state hasn’t changed for a certain period of time (@pavoni, @stefan-jonasson)
  • +
  • Automation: State triggers and conditions now takes optional for config parameter to only trigger when a state hasn’t changed for a certain period of time (@pavoni, @stefan-jonasson)
  • Sensor: Nest weather data added (@w1ll1am23)
  • Device Tracker: Ubiquiti Unifi now supported (@kk7ds)
  • Binary Sensor: MySensors now supported (@MartinHjelmare)
  • @@ -1083,7 +1083,7 @@ Example of the new views in the frontend. Insteon hub support added (@FreekingDean)
  • Statsd component added (@michaelkuty)
  • Light: Rfxtrx platform now supports dimming (@turbokongen)
  • -
  • Time scheduling (including time automation) now works with intervals (ie. /5) (@kennedyshead)
  • +
  • Time scheduling (including time automation) now works with intervals (ie. /5) (@kennedyshead)
  • Sensor: onewire support added (@deisi)
  • Zigbee support added (@flyte)
  • Device Tracker: OwnTracks can now track iBeacons (@pavoni)
  • @@ -1163,7 +1163,7 @@ Example of the new views in the frontend. binary sensor and switch (@sfam)
  • Sensor: YR platform added (@danielhiversen)
  • Device Tracker: Geofancy platform has been renamed to Locative (@philipbl)
  • -
  • Automation: Add sun condition (@philipbl)
  • +
  • Automation: Add sun condition (@philipbl)
  • Switch: command_switch can now poll for state (@happyleavesaoc)
  • Switch: wemo now uses subscription to states instead of polling (@pavoni)
  • Telldus Live support added (@molobrakos)
  • @@ -1249,7 +1249,7 @@ Example of the new views in the frontend. MQTT
  • light: MQTT
  • binary_sensor: MQTT
  • -
  • automation: numeric_state
  • +
  • automation: numeric_state
  • ]]> diff --git a/blog/2015/08/09/mqtt-raspberry-pi-squeezebox-asuswrt-support/index.html b/blog/2015/08/09/mqtt-raspberry-pi-squeezebox-asuswrt-support/index.html index e554b49ca6..f40e5f048e 100644 --- a/blog/2015/08/09/mqtt-raspberry-pi-squeezebox-asuswrt-support/index.html +++ b/blog/2015/08/09/mqtt-raspberry-pi-squeezebox-asuswrt-support/index.html @@ -111,7 +111,7 @@

    It’s time for the August release and there is some serious good stuff this time. The core of Home Assistant has gone some serious clean up and a bump in test coverage thanks to @balloob. If you’re a developer, make sure you read up on the deprecation notices. @fabaff did another great round of documentating all the various components.

    MQTT Support
    - The big new addition in this release is the support for the MQTT protocol by @fabaff with some help from @balloob. It will now be possible to integrate any IoT device that talks via MQTT. For the initial release we support connecting Home Assistant to a broker (no TLS yet). Components can now subscribe and publish to MQTT topics (see the example) and also support for the automation component has been added. For more information, see the MQTT component page.

    + The big new addition in this release is the support for the MQTT protocol by @fabaff with some help from @balloob. It will now be possible to integrate any IoT device that talks via MQTT. For the initial release we support connecting Home Assistant to a broker (no TLS yet). Components can now subscribe and publish to MQTT topics (see the example) and also support for the automation component has been added. For more information, see the MQTT component page.

    # Example configuration.yaml entry
    diff --git a/blog/2015/08/26/laundry-automation-with-moteino-mqtt-and-home-assistant/index.html b/blog/2015/08/26/laundry-automation-with-moteino-mqtt-and-home-assistant/index.html
    index 018845fe3c..61de75ccc4 100644
    --- a/blog/2015/08/26/laundry-automation-with-moteino-mqtt-and-home-assistant/index.html
    +++ b/blog/2015/08/26/laundry-automation-with-moteino-mqtt-and-home-assistant/index.html
    @@ -132,7 +132,7 @@
       Status of the dryer and washer in Home Assistant
     

    -

    Next I wrote scripts that are run whenever the washer or dryer completes a load. This is triggered by the automation component. When the laundry is complete I have the lights in the house turn red and notify me via PushBullet. Once the laundry is taken care of another script runs that sets the lights back to normal. So far it has been very helpful and very reliable.

    +

    Next I wrote scripts that are run whenever the washer or dryer completes a load. This is triggered by the automation component. When the laundry is complete I have the lights in the house turn red and notify me via PushBullet. Once the laundry is taken care of another script runs that sets the lights back to normal. So far it has been very helpful and very reliable.

    diff --git a/blog/2015/10/05/home-assistant-goes-geo-with-owntracks/index.html b/blog/2015/10/05/home-assistant-goes-geo-with-owntracks/index.html index 4551aa5334..6df8e399dd 100644 --- a/blog/2015/10/05/home-assistant-goes-geo-with-owntracks/index.html +++ b/blog/2015/10/05/home-assistant-goes-geo-with-owntracks/index.html @@ -112,7 +112,7 @@

    diff --git a/blog/2015/10/26/firetv-and-radiotherm-now-supported/index.html b/blog/2015/10/26/firetv-and-radiotherm-now-supported/index.html index a2e261e840..61d0615c32 100644 --- a/blog/2015/10/26/firetv-and-radiotherm-now-supported/index.html +++ b/blog/2015/10/26/firetv-and-radiotherm-now-supported/index.html @@ -140,7 +140,7 @@

    As part of this release we did some cleanup which introduced backwards incompatible changes:

    Heat Control thermostat no longer includes scheduling features.
    -This feature has been removed completely. Use the automation component instead to control target temperature.

    +This feature has been removed completely. Use the automation component instead to control target temperature.

    Config changed for calling a service from a script.
    execute_service: has been replaced with service:. See component page for example. The old method will continue working for some time.

    diff --git a/blog/2015/11/22/survey-november-2015/index.html b/blog/2015/11/22/survey-november-2015/index.html index f8dec6ffd9..c96a9691e9 100644 --- a/blog/2015/11/22/survey-november-2015/index.html +++ b/blog/2015/11/22/survey-november-2015/index.html @@ -115,7 +115,7 @@

    Thanks to Python, users are running Home Assistant on the most popular Linux distributions and other operating systems including OS X and Microsoft Windows. One quarter of the operating systems are unknown which leads to the assumption that it is possible to run Home Assistant on most of the available operation systems today. We hope that *BSD users have fun too. The Hardware platform of choice seems to be x86_64 and ARM.

    -

    Of course most users are running with the automation component otherwise it would make much sense to use Home Assistant. The sun component is used a lot too. We hope that this is not because this component is enabled by default.

    +

    Of course most users are running with the automation component otherwise it would make much sense to use Home Assistant. The sun component is used a lot too. We hope that this is not because this component is enabled by default.

    The Alarm control panels and the camera component are both used by around one third of the participants of the survey. It’s safe to say that they cover a niche, but they will gain momentum when people discover how they can build alarm systems with Home Assistant.

    diff --git a/blog/2015/12/22/amazon-echo-icloud-and-templates/index.html b/blog/2015/12/22/amazon-echo-icloud-and-templates/index.html index b90442dc59..4e3cd53609 100644 --- a/blog/2015/12/22/amazon-echo-icloud-and-templates/index.html +++ b/blog/2015/12/22/amazon-echo-icloud-and-templates/index.html @@ -160,7 +160,7 @@
  • rollershutter: MQTT
  • light: MQTT
  • binary_sensor: MQTT
  • -
  • automation: numeric_state
  • +
  • automation: numeric_state
  • diff --git a/blog/2016/01/17/extended-support-for-diy-solutions/index.html b/blog/2016/01/17/extended-support-for-diy-solutions/index.html index 55d1ef8ee4..7ffcf76525 100644 --- a/blog/2016/01/17/extended-support-for-diy-solutions/index.html +++ b/blog/2016/01/17/extended-support-for-diy-solutions/index.html @@ -117,7 +117,7 @@
  • Full refactor of RPi GPIO. Now includes binary sensor and switch (@sfam)
  • Sensor: YR platform added (@danielhiversen)
  • Device Tracker: Geofancy platform has been renamed to Locative (@philipbl)
  • -
  • Automation: Add sun condition (@philipbl)
  • +
  • Automation: Add sun condition (@philipbl)
  • Switch: command_switch can now poll for state (@happyleavesaoc)
  • Switch: wemo now uses subscription to states instead of polling (@pavoni)
  • Telldus Live support added (@molobrakos)
  • diff --git a/blog/2016/01/30/insteon-lifx-twitter-and-zigbee/index.html b/blog/2016/01/30/insteon-lifx-twitter-and-zigbee/index.html index 087612ea2a..5d815b7fe9 100644 --- a/blog/2016/01/30/insteon-lifx-twitter-and-zigbee/index.html +++ b/blog/2016/01/30/insteon-lifx-twitter-and-zigbee/index.html @@ -131,7 +131,7 @@ Example of the new views in the frontend. Learn mor
  • Insteon hub support added (@FreekingDean)
  • Statsd component added (@michaelkuty)
  • Light: Rfxtrx platform now supports dimming (@turbokongen)
  • -
  • Time scheduling (including time automation) now works with intervals (ie. /5) (@kennedyshead)
  • +
  • Time scheduling (including time automation) now works with intervals (ie. /5) (@kennedyshead)
  • Sensor: onewire support added (@deisi)
  • Zigbee support added (@flyte)
  • Device Tracker: OwnTracks can now track iBeacons (@pavoni)
  • diff --git a/blog/2016/02/27/steam-d-link-smart-plugs-and-neurio-energy-sensors/index.html b/blog/2016/02/27/steam-d-link-smart-plugs-and-neurio-energy-sensors/index.html index 9fe54872f0..7b22e9bb00 100644 --- a/blog/2016/02/27/steam-d-link-smart-plugs-and-neurio-energy-sensors/index.html +++ b/blog/2016/02/27/steam-d-link-smart-plugs-and-neurio-energy-sensors/index.html @@ -121,7 +121,7 @@
  • Sensor: Neurio energy sensor now supported (@infamy)
  • Binary Sensor: nx584 support added (@kk7ds)
  • Improve and clarify CI testing (@sdague)
  • -
  • Automation: State triggers and conditions now takes optional for config parameter to only trigger when a state hasn’t changed for a certain period of time (@pavoni, @stefan-jonasson)
  • +
  • Automation: State triggers and conditions now takes optional for config parameter to only trigger when a state hasn’t changed for a certain period of time (@pavoni, @stefan-jonasson)
  • Sensor: Nest weather data added (@w1ll1am23)
  • Device Tracker: Ubiquiti Unifi now supported (@kk7ds)
  • Binary Sensor: MySensors now supported (@MartinHjelmare)
  • diff --git a/blog/categories/community/atom.xml b/blog/categories/community/atom.xml index d27f7ed3bb..3f5f84a304 100644 --- a/blog/categories/community/atom.xml +++ b/blog/categories/community/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Community | Home Assistant]]> - 2016-04-23T18:30:58+00:00 + 2016-04-24T07:01:43+00:00 https://home-assistant.io/ diff --git a/blog/categories/esp8266/atom.xml b/blog/categories/esp8266/atom.xml index 33190717e9..97294b6d32 100644 --- a/blog/categories/esp8266/atom.xml +++ b/blog/categories/esp8266/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: ESP8266 | Home Assistant]]> - 2016-04-23T18:30:58+00:00 + 2016-04-24T07:01:43+00:00 https://home-assistant.io/ diff --git a/blog/categories/how-to/atom.xml b/blog/categories/how-to/atom.xml index 6dbe8cc9df..5dd0d459c5 100644 --- a/blog/categories/how-to/atom.xml +++ b/blog/categories/how-to/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: How-To | Home Assistant]]> - 2016-04-23T18:30:58+00:00 + 2016-04-24T07:01:43+00:00 https://home-assistant.io/ diff --git a/blog/categories/internet-of-things/atom.xml b/blog/categories/internet-of-things/atom.xml index a0b8a29316..7610bce0a8 100644 --- a/blog/categories/internet-of-things/atom.xml +++ b/blog/categories/internet-of-things/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Internet-of-Things | Home Assistant]]> - 2016-04-23T18:30:58+00:00 + 2016-04-24T07:01:43+00:00 https://home-assistant.io/ diff --git a/blog/categories/mqtt/atom.xml b/blog/categories/mqtt/atom.xml index d5ab3cee69..1222a9ae29 100644 --- a/blog/categories/mqtt/atom.xml +++ b/blog/categories/mqtt/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: MQTT | Home Assistant]]> - 2016-04-23T18:30:58+00:00 + 2016-04-24T07:01:43+00:00 https://home-assistant.io/ diff --git a/blog/categories/organisation/atom.xml b/blog/categories/organisation/atom.xml index a7d6b296af..ada12d12a1 100644 --- a/blog/categories/organisation/atom.xml +++ b/blog/categories/organisation/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Organisation | Home Assistant]]> - 2016-04-23T18:30:58+00:00 + 2016-04-24T07:01:43+00:00 https://home-assistant.io/ diff --git a/blog/categories/public-service-announcement/atom.xml b/blog/categories/public-service-announcement/atom.xml index d9e975e0c5..31b91e7891 100644 --- a/blog/categories/public-service-announcement/atom.xml +++ b/blog/categories/public-service-announcement/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Public-Service-Announcement | Home Assistant]]> - 2016-04-23T18:30:58+00:00 + 2016-04-24T07:01:43+00:00 https://home-assistant.io/ diff --git a/blog/categories/release-notes/atom.xml b/blog/categories/release-notes/atom.xml index a00a265d6b..ab6173357c 100644 --- a/blog/categories/release-notes/atom.xml +++ b/blog/categories/release-notes/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Release-Notes | Home Assistant]]> - 2016-04-23T18:30:58+00:00 + 2016-04-24T07:01:43+00:00 https://home-assistant.io/ @@ -240,7 +240,7 @@ player state attributes. This change affects automations, scripts and scenes.Sensor: Neurio energy sensor now supported (@infamy)
  • Binary Sensor: nx584 support added (@kk7ds)
  • Improve and clarify CI testing (@sdague)
  • -
  • Automation: State triggers and conditions now takes optional for config parameter to only trigger when a state hasn’t changed for a certain period of time (@pavoni, @stefan-jonasson)
  • +
  • Automation: State triggers and conditions now takes optional for config parameter to only trigger when a state hasn’t changed for a certain period of time (@pavoni, @stefan-jonasson)
  • Sensor: Nest weather data added (@w1ll1am23)
  • Device Tracker: Ubiquiti Unifi now supported (@kk7ds)
  • Binary Sensor: MySensors now supported (@MartinHjelmare)
  • diff --git a/blog/categories/survey/atom.xml b/blog/categories/survey/atom.xml index 69399466b4..8b6ba60d78 100644 --- a/blog/categories/survey/atom.xml +++ b/blog/categories/survey/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Survey | Home Assistant]]> - 2016-04-23T18:30:58+00:00 + 2016-04-24T07:01:43+00:00 https://home-assistant.io/ @@ -25,7 +25,7 @@

    Thanks to Python, users are running Home Assistant on the most popular Linux distributions and other operating systems including OS X and Microsoft Windows. One quarter of the operating systems are unknown which leads to the assumption that it is possible to run Home Assistant on most of the available operation systems today. We hope that *BSD users have fun too. The Hardware platform of choice seems to be x86_64 and ARM.

    -

    Of course most users are running with the automation component otherwise it would make much sense to use Home Assistant. The sun component is used a lot too. We hope that this is not because this component is enabled by default.

    +

    Of course most users are running with the automation component otherwise it would make much sense to use Home Assistant. The sun component is used a lot too. We hope that this is not because this component is enabled by default.

    The Alarm control panels and the camera component are both used by around one third of the participants of the survey. It’s safe to say that they cover a niche, but they will gain momentum when people discover how they can build alarm systems with Home Assistant.

    diff --git a/blog/categories/user-stories/atom.xml b/blog/categories/user-stories/atom.xml index a0b526ced5..7587e8fc00 100644 --- a/blog/categories/user-stories/atom.xml +++ b/blog/categories/user-stories/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: User-Stories | Home Assistant]]> - 2016-04-23T18:30:58+00:00 + 2016-04-24T07:01:43+00:00 https://home-assistant.io/ @@ -42,7 +42,7 @@ Status of the dryer and washer in Home Assistant

    -

    Next I wrote scripts that are run whenever the washer or dryer completes a load. This is triggered by the automation component. When the laundry is complete I have the lights in the house turn red and notify me via PushBullet. Once the laundry is taken care of another script runs that sets the lights back to normal. So far it has been very helpful and very reliable.

    +

    Next I wrote scripts that are run whenever the washer or dryer completes a load. This is triggered by the automation component. When the laundry is complete I have the lights in the house turn red and notify me via PushBullet. Once the laundry is taken care of another script runs that sets the lights back to normal. So far it has been very helpful and very reliable.

    diff --git a/blog/categories/website/atom.xml b/blog/categories/website/atom.xml index fa3cdab27c..5f13852ef7 100644 --- a/blog/categories/website/atom.xml +++ b/blog/categories/website/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Website | Home Assistant]]> - 2016-04-23T18:30:58+00:00 + 2016-04-24T07:01:43+00:00 https://home-assistant.io/ diff --git a/blog/index.html b/blog/index.html index f2f72762e9..47f3cba2c8 100644 --- a/blog/index.html +++ b/blog/index.html @@ -680,7 +680,7 @@ player state attributes. This change affects automations, scripts and scenes.Sensor: Neurio energy sensor now supported (@infamy)

  • Binary Sensor: nx584 support added (@kk7ds)
  • Improve and clarify CI testing (@sdague)
  • -
  • Automation: State triggers and conditions now takes optional for config parameter to only trigger when a state hasn’t changed for a certain period of time (@pavoni, @stefan-jonasson)
  • +
  • Automation: State triggers and conditions now takes optional for config parameter to only trigger when a state hasn’t changed for a certain period of time (@pavoni, @stefan-jonasson)
  • Sensor: Nest weather data added (@w1ll1am23)
  • Device Tracker: Ubiquiti Unifi now supported (@kk7ds)
  • Binary Sensor: MySensors now supported (@MartinHjelmare)
  • diff --git a/blog/posts/2/index.html b/blog/posts/2/index.html index f59cc893b2..f09c9aa5d0 100644 --- a/blog/posts/2/index.html +++ b/blog/posts/2/index.html @@ -434,7 +434,7 @@ Example of the new views in the frontend. Learn mor
  • Insteon hub support added (@FreekingDean)
  • Statsd component added (@michaelkuty)
  • Light: Rfxtrx platform now supports dimming (@turbokongen)
  • -
  • Time scheduling (including time automation) now works with intervals (ie. /5) (@kennedyshead)
  • +
  • Time scheduling (including time automation) now works with intervals (ie. /5) (@kennedyshead)
  • Sensor: onewire support added (@deisi)
  • Zigbee support added (@flyte)
  • Device Tracker: OwnTracks can now track iBeacons (@pavoni)
  • @@ -552,7 +552,7 @@ Example of the new views in the frontend. Learn mor
  • Full refactor of RPi GPIO. Now includes binary sensor and switch (@sfam)
  • Sensor: YR platform added (@danielhiversen)
  • Device Tracker: Geofancy platform has been renamed to Locative (@philipbl)
  • -
  • Automation: Add sun condition (@philipbl)
  • +
  • Automation: Add sun condition (@philipbl)
  • Switch: command_switch can now poll for state (@happyleavesaoc)
  • Switch: wemo now uses subscription to states instead of polling (@pavoni)
  • Telldus Live support added (@molobrakos)
  • diff --git a/blog/posts/3/index.html b/blog/posts/3/index.html index bbf650a97c..17dc4705f8 100644 --- a/blog/posts/3/index.html +++ b/blog/posts/3/index.html @@ -635,7 +635,7 @@ Home Assistant will keep track of historical values and allow you to integrate i diff --git a/blog/posts/4/index.html b/blog/posts/4/index.html index b081651473..40d380c1f5 100644 --- a/blog/posts/4/index.html +++ b/blog/posts/4/index.html @@ -516,7 +516,7 @@ Inspried by a @balloob. If you’re a developer, make sure you read up on the deprecation notices. @fabaff did another great round of documentating all the various components.

    MQTT Support
    - The big new addition in this release is the support for the MQTT protocol by @fabaff with some help from @balloob. It will now be possible to integrate any IoT device that talks via MQTT. For the initial release we support connecting Home Assistant to a broker (no TLS yet). Components can now subscribe and publish to MQTT topics (see the example) and also support for the automation component has been added. For more information, see the MQTT component page.

    + The big new addition in this release is the support for the MQTT protocol by @fabaff with some help from @balloob. It will now be possible to integrate any IoT device that talks via MQTT. For the initial release we support connecting Home Assistant to a broker (no TLS yet). Components can now subscribe and publish to MQTT topics (see the example) and also support for the automation component has been added. For more information, see the MQTT component page.

    # Example configuration.yaml entry
    diff --git a/components/automation/index.html b/components/automation/index.html
    index 25059f200d..6837b6bf1c 100644
    --- a/components/automation/index.html
    +++ b/components/automation/index.html
    @@ -89,396 +89,7 @@
       
    -

    This page will go into more detail about the various options the automation component offers. If you haven’t yet, read the getting started page on automation.

    - -

    A configuration section of an automation requires a trigger and an action section. condition and condition_type are optional. To keep this page compact, all following sections will not show the full configuration but only the relevant part.

    - - - -
    -
    # Example of entry in configuration.yaml
    -automation:
    -# Turns on lights 1 hour before sunset if people are home
    -# and if people get home between 16:00-23:00
    -- alias: 'Rule 1 Light on in the evening'
    -  trigger:
    -    # Prefix the first line of each trigger configuration
    -    # with a '-' to enter multiple
    -    - platform: sun
    -      event: sunset
    -      offset: '-01:00:00'
    -    - platform: state
    -      entity_id: group.all_devices
    -      state: 'home'
    -  condition:
    -    # Prefix the first line of each condition configuration
    -    # with a '-'' to enter multiple
    -    - platform: state
    -      entity_id: group.all_devices
    -      state: 'home'
    -    - platform: time
    -      after: '16:00:00'
    -      before: '23:00:00'
    -  action:
    -    service: homeassistant.turn_on
    -    entity_id: group.living_room
    -
    -# Turn off lights when everybody leaves the house
    -- alias: 'Rule 2 - Away Mode'
    -  trigger:
    -    platform: state
    -    entity_id: group.all_devices
    -    state: 'not_home'
    -  action:
    -    service: light.turn_off
    -    entity_id: group.all_lights
    -
    -# Notify when Paulus leaves the house in the evening
    -- alias: 'Leave Home notification'
    -  trigger:
    -    platform: zone
    -    event: leave
    -    zone: zone.home
    -    entity_id: device_tracker.paulus
    -  condition:
    -    platform: time
    -    after: '20:00'
    -  action:
    -    service: notify.notify
    -    data:
    -      message: 'Paulus left the house'
    -
    -
    -
    - -

    Triggers

    - -

    Triggers are what starts the processing of an automation rule. It is possible to specify multiple triggers for the same rule. Once a trigger starts, Home Assistant will validate the conditions, if any, and call the action.

    - -

    Event trigger

    -

    Triggers when an event is being processed. Events are the raw building blocks of Home Assistant. You can match events on just the event name or also require specific event data to be present.

    - -
    -
    automation:
    -  trigger:
    -    platform: event
    -    event_type: MY_CUSTOM_EVENT
    -    # optional
    -    event_data:
    -      mood: happy
    -
    -
    -
    - -

    MQTT trigger

    -

    Triggers when a specific message is received on given topic. Optionally can match on the payload being sent over the topic.

    - -
    -
    automation:
    -  trigger:
    -    platform: mqtt
    -    topic: living_room/switch/ac
    -    # Optional
    -    payload: 'on'
    -
    -
    -
    - -

    Numeric state trigger

    -

    On state change of a specified entity, attempts to parse the state as a number and triggers if value is above and/or below a threshold.

    - -
    -
    automation:
    -  trigger:
    -    platform: numeric_state
    -    entity_id: sensor.temperature
    -    # Optional
    -    value_template: '{{ state.attributes.battery }}'
    -    # At least one of the following required
    -    above: 17
    -    below: 25
    -
    -
    -
    - -

    State trigger

    - -

    Triggers when the state of an entity changes. If only entity_id given will match all state changes.

    - -
    -
    automation:
    -  trigger:
    -    platform: state
    -    entity_id: device_tracker.paulus
    -    # Optional
    -    from: 'not_home'
    -    to: 'home'
    -    # If given, will trigger when state has been the to state for X time.
    -    for:
    -      hours: 1
    -      minutes: 10
    -      seconds: 5
    -
    -
    -
    - -

    - Use quotes around your values for from and to to avoid the YAML parser interpreting values as booleans. -

    - -

    Sun trigger

    -

    Trigger when the sun is setting or rising. An optional time offset can be given to have it trigger for example 45 minutes before sunset, when dusk is setting in.

    - -
    -
    automation:
    -  trigger:
    -    platform: sun
    -    # Possible values: sunset, sunrise
    -    event: sunset
    -    # Optional time offset. This example is 45 minutes.
    -    offset: '-00:45:00'
    -
    -
    -
    - -

    Template trigger

    - -

    Template triggers work by evaluating a template on each state change. The trigger will fire if the state change caused the template to render ‘true’. This is achieved by having the template result in a true boolean expression ({{ is_state('device_tracker.paulus', 'home') }}) or by having the template render ‘true’ (example below).

    - -
    -
    automation:
    -  trigger:
    -    platform: template
    -    value_template: '{% if is_state('device_tracker.paulus', 'home') %}true{% endif %}'
    -
    -
    -
    - -

    Time trigger

    - -

    Time can be triggered in many ways. The most common is to specify after and trigger at a specific point in time each day. Alternatively, you can also match if the hour, minute or second of the current time has a specific value. You can prefix the value with a / to match whenever the value is divisible by that number. You cannot use after together with hour, minute or second.

    - -
    -
    automation:
    -  trigger:
    -    platform: time
    -    # Matches every hour at 5 minutes past whole
    -    minutes: 5
    -    seconds: 0
    -
    -automation 2:
    -  trigger:
    -    platform: time
    -    # When 'after' is used, you cannot also match on hour, minute, seconds.
    -    # Military time format.
    -    after: '15:32:00'
    -
    -automation 3:
    -  trigger:
    -    platform: time
    -    # You can also match on interval. This will match every 5 minutes
    -    minutes: '/5'
    -    seconds: 0
    -
    -
    -
    - -

    Zone trigger

    - -

    Zone triggers can trigger when an entity is entering or leaving the zone. For zone automation to work, you need to have setup a device tracker platform that supports reporting GPS coordinates. Currently this is limited to the OwnTracks platform as well as the iCloud platform.

    - -
    -
    automation:
    -  trigger:
    -    platform: zone
    -    entity_id: device_tracker.paulus
    -    zone: zone.home
    -    # Event is either enter or leave
    -    event: enter
    -
    -
    -
    - -

    Conditions

    - -

    Conditions are an optional part of an automation rule and be used to prevent an action from happening when triggered. Conditions look very similar to triggers but are very different. A trigger will look at events happening in the system while a condition only looks at how the system looks right now. A trigger can observe that a switch is being turned on. A condition can only see if a switch is currently on or off.

    - -

    An automation rule can have multiple conditions. By default the action will only fire if all conditions pass. An optional key condition_type: 'or' can be set on the automation rule to fire action if any condition matches. In the example below, the automation would trigger if the time is before 05:00 OR after 20:00.

    - -
    -
    automation:
    -  condition_type: or
    -  condition:
    -   - platform: time
    -     before: '05:00'
    -   - platform: time
    -     after: '20:00'
    -
    -
    -
    - -

    If your triggers and conditions are exactly the same, you can use a shortcut to specify conditions. In this case, triggers that are not valid conditions will be ignored.

    - -
    -
    automation:
    -  condition: use_trigger_values
    -
    -
    -
    - -

    Numeric state condition

    - -

    This type of condition attempts to parse the state of specified entity as a number and triggers if the value matches all of the above or below thresholds.
    -Either above or below, or both need to be specified. If both are used, the condition is true when the value is >= before *and** < after.
    -You can optionally use a value_template to make the value of the entity the same type of value as the condition.

    - -
    -
    automation:
    -  condition:
    -    platform: numeric_state
    -    entity_id: sensor.temperature
    -    above: 17
    -    below: 25
    -
    -
    -
    - -

    State condition

    - -

    Tests if an entity is a specified state.

    - -
    -
    automation:
    -  condition:
    -    platform: state
    -    entity_id: device_tracker.paulus
    -    state: not_home
    -    # optional: trigger only if state was this for last X time.
    -    for:
    -      hours: 1
    -      minutes: 10
    -      seconds: 5
    -
    -
    -
    - -

    Sun condition

    - -

    The sun condition can test if the sun has already set or risen when a trigger occurs. The before and after keys can only be set to sunset or sunrise. They have a corresponding optional offset value (before_offset, after_offset) that can be added, similar to the sun trigger.

    - -
    -
    automation:
    -  condition:
    -    platform: sun
    -    after: sunset
    -    # Optional offset value
    -    after_offset: "-1:00:00"
    -
    -
    -
    - -

    Template condition

    - -

    The template condition will test if the given template renders a value equal to true. This is achieved by having the template result in a true boolean expression or by having the template render ‘true’.

    - -
    -
    automation:
    -  condition:
    -    platform: template
    -    value_template: '{{ state.attributes.battery > 50 }}'
    -    # Or value_template could be:
    -    # {% if state.attributes.battery > 50 %}true{% else %}false{% endif %}
    -
    -
    -
    - -

    Time condition

    - -

    The time condition can test if it is after a specified time, before a specified time or if it is a certain day of the week

    - -
    -
    automation:
    -  condition:
    -    platform: time
    -    # At least one of the following is required.
    -    after: '15:00:00'
    -    before: '23:00:00'
    -    weekday:
    -      - mon
    -      - wed
    -      - fri
    -
    -
    -
    - -

    Valid values for weekday are (sun, mon, tue, wed, thu, fri & sat)

    - -

    Zone condition

    - -

    Zone conditions test if an entity is in a certain zone. For zone automation to work, you need to have setup a device tracker platform that supports reporting GPS coordinates. Currently this is limited to the OwnTracks platform as well as the iCloud platform.

    - -
    -
    automation:
    -  condition:
    -    platform: zone
    -    entity_id: device_tracker.paulus
    -    zone: zone.home
    -
    -
    -
    - -

    Actions

    - -

    When an automation rule fires, it calls a service. For this service you can specify the entity_id that it should apply to and optional service parameters (to specify for example the brightness).

    - -
    -
    automation:
    -  # Change the light in the kitchen and living room to 150 brightness and color red.
    -  action:
    -    service: homeassistant.turn_on
    -    entity_id:
    -      - light.kitchen
    -      - light.living_room
    -    data:
    -      brightness: 150
    -      rgb_color: [255, 0, 0]
    -
    -
    -
    - -
    -
    automation:
    -  # Notify me on my mobile phone of an event
    -  action:
    -    service: notify.notify
    -    data:
    -      message: Something just happened, better take a look!
    -
    -
    -
    - -

    If you want to specify multiple services to be called, or to include a delay, have a look at the script component. If you want to describe the desired state of certain entities, check out the scene component.

    - -

    Troubleshooting

    - -

    You can verify that your automation rules are being initialized correctly by watching both the realtime logs (homeassistant.log in the configuration directory) and also the Logbook. The realtime logs will show the rules being initialized (once for each trigger), example:

    - -
    -
    INFO [homeassistant.components.automation] Initialized rule Rainy Day
    -INFO [homeassistant.components.automation] Initialized rule Rainy Day
    -INFO [homeassistant.components.automation] Initialized rule Rainy Day
    -INFO [homeassistant.components.automation] Initialized rule Rain is over
    -
    -
    -
    - -

    The Logbook component will show a line entry when an automation is triggered. You can look at the previous entry to determine which trigger in the rule triggered the event.

    - -

    Logbook example

    +

    Please see the getting started section for in-depth documentation on how to use the automation compnoent.

    diff --git a/components/mqtt/index.html b/components/mqtt/index.html index 4082140a07..409ff75c8b 100644 --- a/components/mqtt/index.html +++ b/components/mqtt/index.html @@ -265,7 +265,7 @@ Home Assistant will automatically load the correct certificate if you connect to
  • MQTT Device Tracker
  • OwnTracks Device Tracker
  • -

    MQTT automation rule

    +

    MQTT automation rule

  • Integrating it into own component. See the MQTT example component how to do this.
  • diff --git a/components/notify.command_line/index.html b/components/notify.command_line/index.html index ec1f951512..10391a9d72 100644 --- a/components/notify.command_line/index.html +++ b/components/notify.command_line/index.html @@ -110,7 +110,7 @@
  • command (Required): The action to take.
  • -

    To use notifications, please see the getting started with automation page.

    +

    To use notifications, please see the getting started with automation page.

    diff --git a/components/notify.file/index.html b/components/notify.file/index.html index 41369c737b..aa52d0c565 100644 --- a/components/notify.file/index.html +++ b/components/notify.file/index.html @@ -112,7 +112,7 @@
  • timestamp (Optional): Setting timestamp to 1 adds a timestamp to every entry.
  • -

    To use notifications, please see the getting started with automation page.

    +

    To use notifications, please see the getting started with automation page.

    diff --git a/components/notify.instapush/index.html b/components/notify.instapush/index.html index 7ba0abc44f..7cbb2dc340 100644 --- a/components/notify.instapush/index.html +++ b/components/notify.instapush/index.html @@ -132,7 +132,7 @@

    For further details, please check the API.

    -

    To use notifications, please see the getting started with automation page.

    +

    To use notifications, please see the getting started with automation page.

    diff --git a/components/notify.nma/index.html b/components/notify.nma/index.html index 1ad82a5684..44b8b6da75 100644 --- a/components/notify.nma/index.html +++ b/components/notify.nma/index.html @@ -112,7 +112,7 @@

    Details for the API : https://www.notifymyandroid.com/api.jsp

    -

    To use notifications, please see the getting started with automation page.

    +

    To use notifications, please see the getting started with automation page.

    diff --git a/components/notify.pushetta/index.html b/components/notify.pushetta/index.html index 96344a7e0e..8aea50b849 100644 --- a/components/notify.pushetta/index.html +++ b/components/notify.pushetta/index.html @@ -128,7 +128,7 @@

    For further details, please check the API.

    -

    To use notifications, please see the getting started with automation page.

    +

    To use notifications, please see the getting started with automation page.

    diff --git a/components/notify.rest/index.html b/components/notify.rest/index.html index 850cc6f18c..e0fed7d458 100644 --- a/components/notify.rest/index.html +++ b/components/notify.rest/index.html @@ -118,7 +118,7 @@
  • target_param_name (Optional): Parameter name for the target. Defaults to none.
  • -

    To use notifications, please see the getting started with automation page.

    +

    To use notifications, please see the getting started with automation page.

    diff --git a/components/notify.sendgrid/index.html b/components/notify.sendgrid/index.html index 8abe5e5319..c8290837ec 100644 --- a/components/notify.sendgrid/index.html +++ b/components/notify.sendgrid/index.html @@ -114,7 +114,7 @@
  • recipient (Required): Recipient of the notification.
  • -

    To use notifications, please see the getting started with automation page.

    +

    To use notifications, please see the getting started with automation page.

    diff --git a/components/notify.slack/index.html b/components/notify.slack/index.html index 8845fe75f8..e98edcd60f 100644 --- a/components/notify.slack/index.html +++ b/components/notify.slack/index.html @@ -114,7 +114,7 @@
  • default_channel (Required): The default channel to post to if no channel is explicitly specified when sending the notification message.
  • -

    To use notifications, please see the getting started with automation page.

    +

    To use notifications, please see the getting started with automation page.

    diff --git a/components/notify.smtp/index.html b/components/notify.smtp/index.html index 944aaa6eca..d666e6c371 100644 --- a/components/notify.smtp/index.html +++ b/components/notify.smtp/index.html @@ -131,7 +131,7 @@

    For Google Mail (smtp.gmail.com) an additional step in the setup process is needed. Google has some extra layers of protection
    which need special attention. By default, the usage by external applications, especially scripts, is limited. Visit the Less secure apps page and enable it.

    -

    To use notifications, please see the getting started with automation page.

    +

    To use notifications, please see the getting started with automation page.

    diff --git a/components/notify.syslog/index.html b/components/notify.syslog/index.html index 9a0af64f06..2d2f3bd823 100644 --- a/components/notify.syslog/index.html +++ b/components/notify.syslog/index.html @@ -220,7 +220,7 @@

    For details about facility, option, and priority please consult the wikpedia article and RFC 3164.

    -

    To use notifications, please see the getting started with automation page.

    +

    To use notifications, please see the getting started with automation page.

    diff --git a/components/notify.telegram/index.html b/components/notify.telegram/index.html index 2eb2a959af..57036c88e6 100644 --- a/components/notify.telegram/index.html +++ b/components/notify.telegram/index.html @@ -151,7 +151,7 @@ print(chat_id)
  • chat_id (Required: The chat ID of your user.
  • -

    To use notifications, please see the getting started with automation page.

    +

    To use notifications, please see the getting started with automation page.

    diff --git a/components/notify.twitter/index.html b/components/notify.twitter/index.html index 779746aa41..12fad333e1 100644 --- a/components/notify.twitter/index.html +++ b/components/notify.twitter/index.html @@ -116,7 +116,7 @@
  • access_token_secret (Required): Your “Access Token Secret” for the application.
  • -

    To use notifications, please see the getting started with automation page.

    +

    To use notifications, please see the getting started with automation page.

    diff --git a/components/notify.xmpp/index.html b/components/notify.xmpp/index.html index a1b4008a21..e4727a64a0 100644 --- a/components/notify.xmpp/index.html +++ b/components/notify.xmpp/index.html @@ -116,7 +116,7 @@

    All Jabber IDs (JID) must include the domain. Make sure that the password matches the account provided as sender.

    -

    To use notifications, please see the getting started with automation page.

    +

    To use notifications, please see the getting started with automation page.

    diff --git a/components/notify/index.html b/components/notify/index.html index 1695864e2d..a0d9ded5f2 100644 --- a/components/notify/index.html +++ b/components/notify/index.html @@ -140,7 +140,7 @@

    The notification component supports specifying templates for both the message and the title. This will allow you to use the current state of Home Assistant in your notifications.

    -

    In an action of your automation setup it could look like this with a customized subject.

    +

    In an action of your automation setup it could look like this with a customized subject.

    action:
    diff --git a/components/proximity/index.html b/components/proximity/index.html
    index 8a283c1e0f..8b7896ff0a 100644
    --- a/components/proximity/index.html
    +++ b/components/proximity/index.html
    @@ -91,7 +91,7 @@
     
       

    The proximity component allows you to monitor the proximity of devices to a particular zone and the direction of travel. The result is an entity created in Home Assistant which maintains the proximity data.

    -

    This component is useful to reduce the number of automation rules required when wanting to perform automations based on locations outside a particular zone. The zone and state based triggers allow similar control but the number of rules grows exponentially when factors such as direction of travel need to be taken into account.

    +

    This component is useful to reduce the number of automation rules required when wanting to perform automations based on locations outside a particular zone. The zone and state based triggers allow similar control but the number of rules grows exponentially when factors such as direction of travel need to be taken into account.

    Some examples of its use include:

    diff --git a/components/sun/index.html b/components/sun/index.html index 56f022faaf..c9a33f8666 100644 --- a/components/sun/index.html +++ b/components/sun/index.html @@ -89,7 +89,7 @@
    -

    The sun component will use your current location to track if the sun is above or below the horizon.The sun can be used within automation as a trigger with an optional offset to simulate dawn/dusk.

    +

    The sun component will use your current location to track if the sun is above or below the horizon.The sun can be used within automation as a trigger with an optional offset to simulate dawn/dusk.

    # Example configuration.yaml entry
    diff --git a/components/zone/index.html b/components/zone/index.html
    index 8a3e7f6fe9..d74570404c 100644
    --- a/components/zone/index.html
    +++ b/components/zone/index.html
    @@ -89,7 +89,7 @@
       
    -

    Zones allow you to specify certain regions on earth (for now). When a device tracker sees a device to be within a zone, the state will take the name from the zone. Zones can also be used as a trigger or condition inside automation setups.

    +

    Zones allow you to specify certain regions on earth (for now). When a device tracker sees a device to be within a zone, the state will take the name from the zone. Zones can also be used as a trigger or condition inside automation setups.

    Zones support the usual method to specify multiple zones, use keys zone:, zone 2: etc.

    diff --git a/cookbook/index.html b/cookbook/index.html index ea72dd2a4a..cc9fc4b3f1 100644 --- a/cookbook/index.html +++ b/cookbook/index.html @@ -89,7 +89,7 @@
    -

    This is a community curated list of different ways to use Home Assistant. Most of these examples are using the automation component and other built-in automation related and organization components available.

    +

    This is a community curated list of different ways to use Home Assistant. Most of these examples are using the automation component and other built-in automation related and organization components available.

    New recipes can be added via the home-assistant.io repository.

    diff --git a/getting-started/android/index.html b/getting-started/android/index.html index a3dc5b84fa..0c4910b6ef 100644 --- a/getting-started/android/index.html +++ b/getting-started/android/index.html @@ -136,10 +136,18 @@
  • Setting up devices
  • Customizing devices and services
  • Presence Detection
  • -
  • Automation
  • Troubleshooting configuration.yaml
  • +
  • + Automation + +
  • Auto-start Home Assistant
      diff --git a/getting-started/automation-action/index.html b/getting-started/automation-action/index.html new file mode 100644 index 0000000000..23e4f711e9 --- /dev/null +++ b/getting-started/automation-action/index.html @@ -0,0 +1,213 @@ + + + + + + + + + + Automation Actions - Home Assistant + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + + + +
      +
      + +
      + + +
      + + + + +
      +

      + Automation Actions +

      +
      +
      + + +

      When an automation rule fires, it calls a service. For this service you can specify the entity_id that it should apply to and optional service parameters (to specify for example the brightness).

      + +
      +
      automation:
      +  # Change the light in the kitchen and living room to 150 brightness and color red.
      +  action:
      +    service: homeassistant.turn_on
      +    entity_id:
      +      - light.kitchen
      +      - light.living_room
      +    data:
      +      brightness: 150
      +      rgb_color: [255, 0, 0]
      +
      +
      +
      + +
      +
      automation:
      +  # Notify me on my mobile phone of an event
      +  action:
      +    service: notify.notify
      +    data:
      +      message: Something just happened, better take a look!
      +
      +
      +
      + +

      If you want to specify multiple services to be called, or to include a delay, have a look at the script component. If you want to describe the desired state of certain entities, check out the scene component.

      + + +
      + + +
      + + + + +
      +
      + + + + + + \ No newline at end of file diff --git a/getting-started/automation-condition/index.html b/getting-started/automation-condition/index.html new file mode 100644 index 0000000000..1183aad011 --- /dev/null +++ b/getting-started/automation-condition/index.html @@ -0,0 +1,309 @@ + + + + + + + + + + Automation Conditions - Home Assistant + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + + + +
      +
      + +
      + + +
      + + + + +
      +

      + Automation Conditions +

      +
      +
      + + +

      Conditions are an optional part of an automation rule and be used to prevent an action from happening when triggered. Conditions look very similar to triggers but are very different. A trigger will look at events happening in the system while a condition only looks at how the system looks right now. A trigger can observe that a switch is being turned on. A condition can only see if a switch is currently on or off.

      + +

      An automation rule can have multiple conditions. By default the action will only fire if all conditions pass. An optional key condition_type: 'or' can be set on the automation rule to fire action if any condition matches. In the example below, the automation would trigger if the time is before 05:00 OR after 20:00.

      + +
      +
      automation:
      +  condition_type: or
      +  condition:
      +   - platform: time
      +     before: '05:00'
      +   - platform: time
      +     after: '20:00'
      +
      +
      +
      + +

      If your triggers and conditions are exactly the same, you can use a shortcut to specify conditions. In this case, triggers that are not valid conditions will be ignored.

      + +
      +
      automation:
      +  condition: use_trigger_values
      +
      +
      +
      + +

      Numeric state condition

      + +

      This type of condition attempts to parse the state of specified entity as a number and triggers if the value matches all of the above or below thresholds.
      +Either above or below, or both need to be specified. If both are used, the condition is true when the value is >= before *and** < after.
      +You can optionally use a value_template to make the value of the entity the same type of value as the condition.

      + +
      +
      automation:
      +  condition:
      +    platform: numeric_state
      +    entity_id: sensor.temperature
      +    above: 17
      +    below: 25
      +
      +
      +
      + +

      State condition

      + +

      Tests if an entity is a specified state.

      + +
      +
      automation:
      +  condition:
      +    platform: state
      +    entity_id: device_tracker.paulus
      +    state: not_home
      +    # optional: trigger only if state was this for last X time.
      +    for:
      +      hours: 1
      +      minutes: 10
      +      seconds: 5
      +
      +
      +
      + +

      Sun condition

      + +

      The sun condition can test if the sun has already set or risen when a trigger occurs. The before and after keys can only be set to sunset or sunrise. They have a corresponding optional offset value (before_offset, after_offset) that can be added, similar to the sun trigger.

      + +
      +
      automation:
      +  condition:
      +    platform: sun
      +    after: sunset
      +    # Optional offset value
      +    after_offset: "-1:00:00"
      +
      +
      +
      + +

      Template condition

      + +

      The template condition will test if the [given template][template] renders a value equal to true. This is achieved by having the template result in a true boolean expression or by having the template render ‘true’.

      + +
      +
      automation:
      +  condition:
      +    platform: template
      +    value_template: '{{ state.attributes.battery > 50 }}'
      +    # Or value_template could be:
      +    # {% if state.attributes.battery > 50 %}true{% else %}false{% endif %}
      +
      +
      +
      + +

      Time condition

      + +

      The time condition can test if it is after a specified time, before a specified time or if it is a certain day of the week

      + +
      +
      automation:
      +  condition:
      +    platform: time
      +    # At least one of the following is required.
      +    after: '15:00:00'
      +    before: '23:00:00'
      +    weekday:
      +      - mon
      +      - wed
      +      - fri
      +
      +
      +
      + +

      Valid values for weekday are (sun, mon, tue, wed, thu, fri & sat)

      + +

      Zone condition

      + +

      Zone conditions test if an entity is in a certain zone. For zone automation to work, you need to have setup a device tracker platform that supports reporting GPS coordinates. Currently this is limited to the OwnTracks platform and the iCloud platform.

      + +
      +
      automation:
      +  condition:
      +    platform: zone
      +    entity_id: device_tracker.paulus
      +    zone: zone.home
      +
      +
      +
      + + +
      + + +
      + + + + +
      +
      + + + + + + \ No newline at end of file diff --git a/getting-started/automation-create-first/index.html b/getting-started/automation-create-first/index.html new file mode 100644 index 0000000000..9365c048b3 --- /dev/null +++ b/getting-started/automation-create-first/index.html @@ -0,0 +1,281 @@ + + + + + + + + + + Your First Automation - Home Assistant + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + + + +
      +
      + +
      + + +
      + + + + +
      +

      + Your First Automation +

      +
      +
      + + +

      Before we dive deeper into what every piece of automation can do, let’s look at a simple automation rule: Turn on the lights when the sun sets

      + +

      In this example, we are defining a trigger to track the sunset and tell it to fire when the sun is setting. When this event is triggered, the service light.turn_on is called without any parameters. Because we specify no parameters, it will turn on all the lights.

      + +
      +
      # Example configuration.yaml entry
      +automation:
      +  alias: Turn on light when sun sets
      +  trigger:
      +    platform: sun
      +    event: sunset
      +  action:
      +    service: light.turn_on
      +
      +
      +
      + +

      After a few days of running this automation rule you come to realize that this automation rule is not good enough. It was already dark when the lights went on and the one day you weren’t home, the lights turned on anyway. Time for some tweaking. Let’s add an offset to the sunset trigger and a condition to only turn on the lights if anyone is home.

      + +
      +
      # Example configuration.yaml entry
      +automation:
      +  alias: Turn on light when sun sets
      +  trigger:
      +    platform: sun
      +    event: sunset
      +    offset: "-01:00:00"
      +  condition:
      +    platform: state
      +    entity_id: group.all_devices
      +    state: home
      +  action:
      +    service: light.turn_on
      +
      +
      +
      + +

      Now you’re happy and all is good. You start to like this automation business and buy some more lights, this time you put them in the bedroom. But what you now realize is that when the sun is setting, the lights in the bedroom are also being turned on! Time to tweak the automation to only turn on the living room lights.

      + +

      The first thing you do is to look at the entities in the developer tools (second icon) in the app. You see the names of your lights and you write them down: light.table_lamp, light.bedroom, light.ceiling.

      + +

      Instead of hard coding the entity IDs of the lights in the automation rule, we will set up a group. This will allow us to see the living room separate in the app and be able to address it from automation rules.

      + +

      So we tweak the config to add the group and have the automation rule only turn on the group.

      + +
      +
      # Example configuration.yaml entry
      +group:
      +  living_room:
      +    - light.table_lamp
      +    - light.ceiling
      +
      +automation:
      +  alias: Turn on light when sun sets
      +  trigger:
      +    platform: sun
      +    event: sunset
      +    offset: "-01:00:00"
      +  condition:
      +    platform: state
      +    entity_id: group.all_devices
      +    state: home
      +  action:
      +    service: light.turn_on
      +    entity_id: group.living_room
      +
      +
      +
      + +

      Christmas is coming along and you decide to buy a remote switch to control the Christmas lights from Home Assistant. You can’t claim to live in the house of the future if you’re still manually turning on your Christmas lights!

      + +

      We hook the switch up to Home Assistant and grab the entity ID0 from the developer tools: switch.christmas_lights. We will update the group to include the switch and will change our action. We are no longer able to call light.turn_on because we also want to turn on a switch. This is where homeassistant.turn_on comes to the rescue. This service is capable of turning any entity on.

      + +
      +
      # Example configuration.yaml entry
      +group:
      +  living_room:
      +    - light.table_lamp
      +    - light.ceiling
      +    - switch.christmas_lights
      +
      +automation:
      +  alias: Turn on light when sun sets
      +  trigger:
      +    platform: sun
      +    event: sunset
      +    offset: "-01:00:00"
      +  condition:
      +    platform: state
      +    entity_id: group.all_devices
      +    state: home
      +  action:
      +    service: homeassistant.turn_on
      +    entity_id: group.living_room
      +
      +
      +
      + + +
      + + +
      + + + + +
      +
      + + + + + + \ No newline at end of file diff --git a/getting-started/automation-examples/index.html b/getting-started/automation-examples/index.html new file mode 100644 index 0000000000..5b498c51da --- /dev/null +++ b/getting-started/automation-examples/index.html @@ -0,0 +1,239 @@ + + + + + + + + + + Automation Examples - Home Assistant + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + + + +
      +
      + +
      + + +
      + + + + +
      +

      + Automation Examples +

      +
      +
      + + +
      +
      # Example of entry in configuration.yaml
      +automation:
      +# Turns on lights 1 hour before sunset if people are home
      +# and if people get home between 16:00-23:00
      +- alias: 'Rule 1 Light on in the evening'
      +  trigger:
      +    # Prefix the first line of each trigger configuration
      +    # with a '-' to enter multiple
      +    - platform: sun
      +      event: sunset
      +      offset: '-01:00:00'
      +    - platform: state
      +      entity_id: group.all_devices
      +      state: 'home'
      +  condition:
      +    # Prefix the first line of each condition configuration
      +    # with a '-'' to enter multiple
      +    - platform: state
      +      entity_id: group.all_devices
      +      state: 'home'
      +    - platform: time
      +      after: '16:00:00'
      +      before: '23:00:00'
      +  action:
      +    service: homeassistant.turn_on
      +    entity_id: group.living_room
      +
      +# Turn off lights when everybody leaves the house
      +- alias: 'Rule 2 - Away Mode'
      +  trigger:
      +    platform: state
      +    entity_id: group.all_devices
      +    state: 'not_home'
      +  action:
      +    service: light.turn_off
      +    entity_id: group.all_lights
      +
      +# Notify when Paulus leaves the house in the evening
      +- alias: 'Leave Home notification'
      +  trigger:
      +    platform: zone
      +    event: leave
      +    zone: zone.home
      +    entity_id: device_tracker.paulus
      +  condition:
      +    platform: time
      +    after: '20:00'
      +  action:
      +    service: notify.notify
      +    data:
      +      message: 'Paulus left the house'
      +
      +
      +
      + + +
      + + +
      + + + + +
      +
      + + + + + + \ No newline at end of file diff --git a/getting-started/automation-trigger/index.html b/getting-started/automation-trigger/index.html new file mode 100644 index 0000000000..6766a91d90 --- /dev/null +++ b/getting-started/automation-trigger/index.html @@ -0,0 +1,329 @@ + + + + + + + + + + Automation Trigger - Home Assistant + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + + + +
      +
      + +
      + + +
      + + + + +
      +

      + Automation Trigger +

      +
      +
      + + +

      Triggers are what starts the processing of an automation rule. It is possible to specify multiple triggers for the same rule. Once a trigger starts, Home Assistant will validate the conditions, if any, and call the action.

      + +

      Event trigger

      +

      Triggers when an event is being processed. Events are the raw building blocks of Home Assistant. You can match events on just the event name or also require specific event data to be present.

      + +
      +
      automation:
      +  trigger:
      +    platform: event
      +    event_type: MY_CUSTOM_EVENT
      +    # optional
      +    event_data:
      +      mood: happy
      +
      +
      +
      + +

      MQTT trigger

      +

      Triggers when a specific message is received on given topic. Optionally can match on the payload being sent over the topic.

      + +
      +
      automation:
      +  trigger:
      +    platform: mqtt
      +    topic: living_room/switch/ac
      +    # Optional
      +    payload: 'on'
      +
      +
      +
      + +

      Numeric state trigger

      +

      On state change of a specified entity, attempts to parse the state as a number and triggers if value is above and/or below a threshold.

      + +
      +
      automation:
      +  trigger:
      +    platform: numeric_state
      +    entity_id: sensor.temperature
      +    # Optional
      +    value_template: '{{ state.attributes.battery }}'
      +    # At least one of the following required
      +    above: 17
      +    below: 25
      +
      +
      +
      + +

      State trigger

      + +

      Triggers when the state of an entity changes. If only entity_id given will match all state changes.

      + +
      +
      automation:
      +  trigger:
      +    platform: state
      +    entity_id: device_tracker.paulus
      +    # Optional
      +    from: 'not_home'
      +    to: 'home'
      +    # If given, will trigger when state has been the to state for X time.
      +    for:
      +      hours: 1
      +      minutes: 10
      +      seconds: 5
      +
      +
      +
      + +

      + Use quotes around your values for from and to to avoid the YAML parser interpreting values as booleans. +

      + +

      Sun trigger

      +

      Trigger when the sun is setting or rising. An optional time offset can be given to have it trigger for example 45 minutes before sunset, when dusk is setting in.

      + +
      +
      automation:
      +  trigger:
      +    platform: sun
      +    # Possible values: sunset, sunrise
      +    event: sunset
      +    # Optional time offset. This example is 45 minutes.
      +    offset: '-00:45:00'
      +
      +
      +
      + +

      Template trigger

      + +

      Template triggers work by evaluating a [template] on each state change. The trigger will fire if the state change caused the template to render ‘true’. This is achieved by having the template result in a true boolean expression ({{ is_state('device_tracker.paulus', 'home') }}) or by having the template render ‘true’ (example below).

      + +
      +
      automation:
      +  trigger:
      +    platform: template
      +    value_template: '{% if is_state('device_tracker.paulus', 'home') %}true{% endif %}'
      +
      +
      +
      + +

      Time trigger

      + +

      Time can be triggered in many ways. The most common is to specify after and trigger at a specific point in time each day. Alternatively, you can also match if the hour, minute or second of the current time has a specific value. You can prefix the value with a / to match whenever the value is divisible by that number. You cannot use after together with hour, minute or second.

      + +
      +
      automation:
      +  trigger:
      +    platform: time
      +    # Matches every hour at 5 minutes past whole
      +    minutes: 5
      +    seconds: 0
      +
      +automation 2:
      +  trigger:
      +    platform: time
      +    # When 'after' is used, you cannot also match on hour, minute, seconds.
      +    # Military time format.
      +    after: '15:32:00'
      +
      +automation 3:
      +  trigger:
      +    platform: time
      +    # You can also match on interval. This will match every 5 minutes
      +    minutes: '/5'
      +    seconds: 0
      +
      +
      +
      + +

      Zone trigger

      + +

      Zone triggers can trigger when an entity is entering or leaving the zone. For zone automation to work, you need to have setup a device tracker platform that supports reporting GPS coordinates. Currently this is limited to the OwnTracks platform as well as the iCloud platform.

      + +
      +
      automation:
      +  trigger:
      +    platform: zone
      +    entity_id: device_tracker.paulus
      +    zone: zone.home
      +    # Event is either enter or leave
      +    event: enter
      +
      +
      +
      + + +
      + + +
      + + + + +
      +
      + + + + + + \ No newline at end of file diff --git a/getting-started/automation-troubleshooting/index.html b/getting-started/automation-troubleshooting/index.html new file mode 100644 index 0000000000..49e1066c98 --- /dev/null +++ b/getting-started/automation-troubleshooting/index.html @@ -0,0 +1,199 @@ + + + + + + + + + + Troubleshooting Automations - Home Assistant + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + + + +
      +
      + +
      + + +
      + + + + +
      +

      + Troubleshooting Automations +

      +
      +
      + + +

      You can verify that your automation rules are being initialized correctly by watching both the realtime logs (homeassistant.log in the configuration directory) and also the Logbook. The realtime logs will show the rules being initialized (once for each trigger), example:

      + +
      +
      INFO [homeassistant.components.automation] Initialized rule Rainy Day
      +INFO [homeassistant.components.automation] Initialized rule Rainy Day
      +INFO [homeassistant.components.automation] Initialized rule Rainy Day
      +INFO [homeassistant.components.automation] Initialized rule Rain is over
      +
      +
      +
      + +

      The Logbook component will show a line entry when an automation is triggered. You can look at the previous entry to determine which trigger in the rule triggered the event.

      + +

      Logbook example

      + + + +
      + + +
      + + + + +
      +
      + + + + + + \ No newline at end of file diff --git a/getting-started/automation/index.html b/getting-started/automation/index.html index 0e976e3faf..b080211e75 100644 --- a/getting-started/automation/index.html +++ b/getting-started/automation/index.html @@ -89,7 +89,7 @@
      -

      When all your devices are set up it’s time to put the cherry on the pie: automation. Home Assistant offers a few built-in automations but mainly you’ll be using the automation component to set up your own rules.

      +

      When all your devices are set up it’s time to put the cherry on the pie: automation. Home Assistant offers a few built-in automations but mainly you’ll be using the automation component to set up your own rules.

      The basics of automation

      @@ -138,113 +138,13 @@

      A service can be called to have Home Assistant perform an action. Turn on a light, run a script or enable a scene. Each service has a domain and a name. For example the service light.turn_on is capable of turning on any light device in your system. Services can be passed parameters to for example tell which device to turn on or what color to use.

      -

      Creating your first automation rule

      - -

      Before we dive deeper into what every piece of automation can do, let’s look at a simple automation rule: Turn on the lights when the sun sets

      - -

      In this example, we are defining a trigger to track the sunset and tell it to fire when the sun is setting. When this event is triggered, the service light.turn_on is called without any parameters. Because we specify no parameters, it will turn on all the lights.

      - -
      -
      # Example configuration.yaml entry
      -automation:
      -  alias: Turn on light when sun sets
      -  trigger:
      -    platform: sun
      -    event: sunset
      -  action:
      -    service: light.turn_on
      -
      -
      -
      - -

      After a few days of running this automation rule you come to realize that this automation rule is not good enough. It was already dark when the lights went on and the one day you weren’t home, the lights turned on anyway. Time for some tweaking. Let’s add an offset to the sunset trigger and a condition to only turn on the lights if anyone is home.

      - -
      -
      # Example configuration.yaml entry
      -automation:
      -  alias: Turn on light when sun sets
      -  trigger:
      -    platform: sun
      -    event: sunset
      -    offset: "-01:00:00"
      -  condition:
      -    platform: state
      -    entity_id: group.all_devices
      -    state: home
      -  action:
      -    service: light.turn_on
      -
      -
      -
      - -

      Now you’re happy and all is good. You start to like this automation business and buy some more lights, this time you put them in the bedroom. But what you now realize is that when the sun is setting, the lights in the bedroom are also being turned on! Time to tweak the automation to only turn on the living room lights.

      - -

      The first thing you do is to look at the entities in the developer tools (second icon) in the app. You see the names of your lights and you write them down: light.table_lamp, light.bedroom, light.ceiling.

      - -

      Instead of hard coding the entity IDs of the lights in the automation rule, we will set up a group. This will allow us to see the living room separate in the app and be able to address it from automation rules.

      - -

      So we tweak the config to add the group and have the automation rule only turn on the group.

      - -
      -
      # Example configuration.yaml entry
      -group:
      -  living_room:
      -    - light.table_lamp
      -    - light.ceiling
      -
      -automation:
      -  alias: Turn on light when sun sets
      -  trigger:
      -    platform: sun
      -    event: sunset
      -    offset: "-01:00:00"
      -  condition:
      -    platform: state
      -    entity_id: group.all_devices
      -    state: home
      -  action:
      -    service: light.turn_on
      -    entity_id: group.living_room
      -
      -
      -
      - -

      Christmas is coming along and you decide to buy a remote switch to control the Christmas lights from Home Assistant. You can’t claim to live in the house of the future if you’re still manually turning on your Christmas lights!

      - -

      We hook the switch up to Home Assistant and grab the entity ID0 from the developer tools: switch.christmas_lights. We will update the group to include the switch and will change our action. We are no longer able to call light.turn_on because we also want to turn on a switch. This is where homeassistant.turn_on comes to the rescue. This service is capable of turning any entity on.

      - -
      -
      # Example configuration.yaml entry
      -group:
      -  living_room:
      -    - light.table_lamp
      -    - light.ceiling
      -    - switch.christmas_lights
      -
      -automation:
      -  alias: Turn on light when sun sets
      -  trigger:
      -    platform: sun
      -    event: sunset
      -    offset: "-01:00:00"
      -  condition:
      -    platform: state
      -    entity_id: group.all_devices
      -    state: home
      -  action:
      -    service: homeassistant.turn_on
      -    entity_id: group.living_room
      -
      -
      -
      -

      Further reading

      We went over the basics of creating a home automation rule. Now, go automate!

      +
    • + Automation + +
    • Auto-start Home Assistant
    • +
    • + Automation + +
    • Auto-start Home Assistant
    • +
    • + Automation + +
    • Auto-start Home Assistant
    • +
    • + Automation + +
    • Auto-start Home Assistant
    • +
    • + Automation + +
    • Auto-start Home Assistant
    • +
    • + Automation + +
    • Auto-start Home Assistant
    • +
    • + Automation + +
    • Auto-start Home Assistant
    • +
    • + Automation + +
    • Auto-start Home Assistant
    • +
    • + Automation + +
    • Auto-start Home Assistant
    • +
    • + Automation + +
    • Auto-start Home Assistant
    • +
    • + Automation + +
    • Auto-start Home Assistant
    • +
    • + Automation + +
    • Auto-start Home Assistant
    • +
    • + Automation + +
    • Auto-start Home Assistant
    • +
    • + Automation + +
    • Auto-start Home Assistant
        diff --git a/getting-started/presence-detection/index.html b/getting-started/presence-detection/index.html index ab4b8cb70b..cf8c20a1d2 100644 --- a/getting-started/presence-detection/index.html +++ b/getting-started/presence-detection/index.html @@ -121,7 +121,7 @@ OwnTracks communicates directly with your MQTT broker, no data will pass through

        -

        Home Assistant will know the location of your device if you are using OwnTracks. By setting up zones you will be able to add names to the locations of your devices. This way you can easily spot on the state page where the people in your house are and use it as triggers and conditions for automation.

        +

        Home Assistant will know the location of your device if you are using OwnTracks. By setting up zones you will be able to add names to the locations of your devices. This way you can easily spot on the state page where the people in your house are and use it as triggers and conditions for automation.

        Next step: Setting up automation »

        @@ -159,10 +159,18 @@ OwnTracks communicates directly with your MQTT broker, no data will pass through
      • Setting up devices
      • Customizing devices and services
      • Presence Detection
      • -
      • Automation
      • Troubleshooting configuration.yaml
    • +
    • + Automation + +
    • Auto-start Home Assistant
    • +
    • + Automation + +
    • Auto-start Home Assistant
    • +
    • + Automation + +
    • Auto-start Home Assistant
        diff --git a/sitemap.xml b/sitemap.xml index a47101318d..225768e52c 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -232,6 +232,24 @@ https://home-assistant.io/developers/architecture_components/ + + https://home-assistant.io/getting-started/automation-action/ + + + https://home-assistant.io/getting-started/automation-condition/ + + + https://home-assistant.io/getting-started/automation-create-first/ + + + https://home-assistant.io/getting-started/automation-examples/ + + + https://home-assistant.io/getting-started/automation-trigger/ + + + https://home-assistant.io/getting-started/automation-troubleshooting/ + https://home-assistant.io/getting-started/automation/ @@ -1491,18 +1509,18 @@ https://home-assistant.io/demo/frontend.html - 2016-04-23T18:30:05+00:00 + 2016-04-24T07:00:59+00:00 https://home-assistant.io/demo/index.html - 2016-04-23T18:30:05+00:00 + 2016-04-24T07:00:59+00:00 https://home-assistant.io/googlef4f3693c209fe788.html - 2016-04-23T18:30:05+00:00 + 2016-04-24T07:00:59+00:00 https://home-assistant.io/static/mdi-demo.html - 2016-04-23T18:30:05+00:00 + 2016-04-24T07:00:59+00:00 diff --git a/stylesheets/screen.css b/stylesheets/screen.css index 3c89c817ed..9f25964124 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:bold}.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}.supported-brands{text-align:center}.supported-brands img{border:none !important;box-shadow:none !important;max-height:50px;max-width:140px;margin:10px;vertical-align:middle}.brand{border:none !important;box-shadow:none !important;max-height:50px;max-width:200px;margin:10px}.brand.overview{max-width:100px;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;left:-50px;padding-right:40px;font-family:"FontAwesome";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 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}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}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:2.2em;margin-right:8px}.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 .filter-button-group{margin-bottom:16px}#components-page .filter-button-group .btn{margin-right:8px;margin-bottom:8px;text-decoration:none}#components-page .filter-button-group .btn.current{background-color:#3A5561;background-image:linear-gradient(to bottom, #3a5561,#3f6b7d)}#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}#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}.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}code{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}.CodeRay{background-color:#FFF;border:1px solid #CCC;font-family:Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;color:#000;padding:1em 0px 1em 1em;font-size:12px;margin-bottom:16px}.CodeRay pre{margin:0px}span.CodeRay{white-space:pre;border:0px;padding:2px}table.CodeRay{border-collapse:collapse;width:100%;padding:2px}table.CodeRay td{padding:1em 0.5em;vertical-align:top}.CodeRay .line-numbers,.CodeRay .no{background-color:#ECECEC;color:#AAA;text-align:right}.CodeRay .line-numbers a{color:#AAA}.CodeRay .line-numbers tt{font-weight:bold}.CodeRay .line-numbers .highlighted{color:red}.CodeRay .line{display:block;float:left;width:100%}.CodeRay span.line-numbers{padding:0px 4px}.CodeRay .code{width:100%}ol.CodeRay{font-size:10pt}ol.CodeRay li{white-space:pre}.CodeRay .code pre{overflow:auto}.CodeRay .debug{color:#fff !important;background:blue !important}.CodeRay .annotation{color:#007}.CodeRay .attribute-name{color:#f08}.CodeRay .attribute-value{color:#700}.CodeRay .binary{color:#509;font-weight:bold}.CodeRay .comment{color:#998;font-style:italic}.CodeRay .char{color:#04d}.CodeRay .char .content{color:#04d}.CodeRay .char .delimiter{color:#039}.CodeRay .class{color:#458;font-weight:bold}.CodeRay .complex{color:#A08;font-weight:bold}.CodeRay .constant{color:teal}.CodeRay .color{color:#0a0}.CodeRay .class-variable{color:#369}.CodeRay .decorator{color:#B0B}.CodeRay .definition{color:#099;font-weight:bold}.CodeRay .directive{color:#088;font-weight:bold}.CodeRay .delimiter{color:#000}.CodeRay .doc{color:#970}.CodeRay .doctype{color:#34b}.CodeRay .doc-string{color:#D42;font-weight:bold}.CodeRay .escape{color:#666;font-weight:bold}.CodeRay .entity{color:#800;font-weight:bold}.CodeRay .error{color:#F00;background-color:#faa}.CodeRay .exception{color:#C00;font-weight:bold}.CodeRay .filename{color:#099}.CodeRay .function{color:#900;font-weight:bold}.CodeRay .global-variable{color:teal;font-weight:bold}.CodeRay .hex{color:#058;font-weight:bold}.CodeRay .integer{color:#099}.CodeRay .include{color:#B44;font-weight:bold}.CodeRay .inline,.CodeRay article .tags,article .CodeRay .tags{color:#000}.CodeRay .inline .inline,.CodeRay article .tags .inline,article .CodeRay .tags .inline,.CodeRay .inline article .tags,article .CodeRay .inline .tags,.CodeRay article .tags .tags,article .CodeRay .tags .tags{background:#ccc}.CodeRay .inline .inline .inline,.CodeRay article .tags .inline .inline,article .CodeRay .tags .inline .inline,.CodeRay .inline article .tags .inline,article .CodeRay .inline .tags .inline,.CodeRay article .tags .tags .inline,article .CodeRay .tags .tags .inline,.CodeRay .inline .inline article .tags,article .CodeRay .inline .inline .tags,.CodeRay article .tags .inline .tags,article .CodeRay .tags .inline .tags,.CodeRay .inline article .tags .tags,article .CodeRay .inline .tags .tags,.CodeRay article .tags .tags .tags,article .CodeRay .tags .tags .tags{background:#bbb}.CodeRay .inline .inline-delimiter,.CodeRay article .tags .inline-delimiter,article .CodeRay .tags .inline-delimiter{color:#D14}.CodeRay .inline-delimiter{color:#D14}.CodeRay .important{color:#f00}.CodeRay .interpreted{color:#B2B;font-weight:bold}.CodeRay .instance-variable{color:teal}.CodeRay .label{color:#970;font-weight:bold}.CodeRay .local-variable{color:#963}.CodeRay .octal{color:#40E;font-weight:bold}.CodeRay .predefined-constant{font-weight:bold}.CodeRay .predefined{color:#369;font-weight:bold}.CodeRay .preprocessor{color:#579}.CodeRay .pseudo-class{color:#00C;font-weight:bold}.CodeRay .predefined-type{color:#074;font-weight:bold}.CodeRay .reserved,.keyword{color:#000;font-weight:bold}.CodeRay .key{color:#808}.CodeRay .key .delimiter{color:#606}.CodeRay .key .char{color:#80f}.CodeRay .value{color:#088}.CodeRay .regexp{background-color:#fff0ff}.CodeRay .regexp .content{color:#808}.CodeRay .regexp .delimiter{color:#404}.CodeRay .regexp .modifier{color:#c2c}.CodeRay .regexp .function{color:#404;font-weight:bold}.CodeRay .string{color:#D20}.CodeRay .string .string .string{background-color:#ffd0d0}.CodeRay .string .content{color:#D14}.CodeRay .string .char{color:#D14}.CodeRay .string .delimiter{color:#D14}.CodeRay .shell{color:#d14}.CodeRay .shell .delimiter{color:#d14}.CodeRay .symbol{color:#990073}.CodeRay .symbol .content{color:#a60}.CodeRay .symbol .delimiter{color:#630}.CodeRay .tag{color:#070}.CodeRay .tag-special{color:#D70;font-weight:bold}.CodeRay .type{color:#339;font-weight:bold}.CodeRay .variable{color:#036}.CodeRay .insert{background:#afa}.CodeRay .delete{background:#faa}.CodeRay .change{color:#aaf;background:#007}.CodeRay .head{color:#f8f;background:#505}.CodeRay .insert .insert{color:#080;font-weight:bold}.CodeRay .delete .delete{color:#800;font-weight:bold}.CodeRay .change .change{color:#66f}.CodeRay .head .head{color:#f4f} + */@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:bold}.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}.supported-brands{text-align:center}.supported-brands img{border:none !important;box-shadow:none !important;max-height:50px;max-width:140px;margin:10px;vertical-align:middle}.brand{border:none !important;box-shadow:none !important;max-height:50px;max-width:200px;margin:10px}.brand.overview{max-width:100px;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;left:-50px;padding-right:40px;font-family:"FontAwesome";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 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}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}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:2.2em;margin-right:8px}.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 .filter-button-group{margin-bottom:16px}#components-page .filter-button-group .btn{margin-right:8px;margin-bottom:8px;text-decoration:none}#components-page .filter-button-group .btn.current{background-color:#3A5561;background-image:linear-gradient(to bottom, #3a5561,#3f6b7d)}#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}.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}code{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}.CodeRay{background-color:#FFF;border:1px solid #CCC;font-family:Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;color:#000;padding:1em 0px 1em 1em;font-size:12px;margin-bottom:16px}.CodeRay pre{margin:0px}span.CodeRay{white-space:pre;border:0px;padding:2px}table.CodeRay{border-collapse:collapse;width:100%;padding:2px}table.CodeRay td{padding:1em 0.5em;vertical-align:top}.CodeRay .line-numbers,.CodeRay .no{background-color:#ECECEC;color:#AAA;text-align:right}.CodeRay .line-numbers a{color:#AAA}.CodeRay .line-numbers tt{font-weight:bold}.CodeRay .line-numbers .highlighted{color:red}.CodeRay .line{display:block;float:left;width:100%}.CodeRay span.line-numbers{padding:0px 4px}.CodeRay .code{width:100%}ol.CodeRay{font-size:10pt}ol.CodeRay li{white-space:pre}.CodeRay .code pre{overflow:auto}.CodeRay .debug{color:#fff !important;background:blue !important}.CodeRay .annotation{color:#007}.CodeRay .attribute-name{color:#f08}.CodeRay .attribute-value{color:#700}.CodeRay .binary{color:#509;font-weight:bold}.CodeRay .comment{color:#998;font-style:italic}.CodeRay .char{color:#04d}.CodeRay .char .content{color:#04d}.CodeRay .char .delimiter{color:#039}.CodeRay .class{color:#458;font-weight:bold}.CodeRay .complex{color:#A08;font-weight:bold}.CodeRay .constant{color:teal}.CodeRay .color{color:#0a0}.CodeRay .class-variable{color:#369}.CodeRay .decorator{color:#B0B}.CodeRay .definition{color:#099;font-weight:bold}.CodeRay .directive{color:#088;font-weight:bold}.CodeRay .delimiter{color:#000}.CodeRay .doc{color:#970}.CodeRay .doctype{color:#34b}.CodeRay .doc-string{color:#D42;font-weight:bold}.CodeRay .escape{color:#666;font-weight:bold}.CodeRay .entity{color:#800;font-weight:bold}.CodeRay .error{color:#F00;background-color:#faa}.CodeRay .exception{color:#C00;font-weight:bold}.CodeRay .filename{color:#099}.CodeRay .function{color:#900;font-weight:bold}.CodeRay .global-variable{color:teal;font-weight:bold}.CodeRay .hex{color:#058;font-weight:bold}.CodeRay .integer{color:#099}.CodeRay .include{color:#B44;font-weight:bold}.CodeRay .inline,.CodeRay article .tags,article .CodeRay .tags{color:#000}.CodeRay .inline .inline,.CodeRay article .tags .inline,article .CodeRay .tags .inline,.CodeRay .inline article .tags,article .CodeRay .inline .tags,.CodeRay article .tags .tags,article .CodeRay .tags .tags{background:#ccc}.CodeRay .inline .inline .inline,.CodeRay article .tags .inline .inline,article .CodeRay .tags .inline .inline,.CodeRay .inline article .tags .inline,article .CodeRay .inline .tags .inline,.CodeRay article .tags .tags .inline,article .CodeRay .tags .tags .inline,.CodeRay .inline .inline article .tags,article .CodeRay .inline .inline .tags,.CodeRay article .tags .inline .tags,article .CodeRay .tags .inline .tags,.CodeRay .inline article .tags .tags,article .CodeRay .inline .tags .tags,.CodeRay article .tags .tags .tags,article .CodeRay .tags .tags .tags{background:#bbb}.CodeRay .inline .inline-delimiter,.CodeRay article .tags .inline-delimiter,article .CodeRay .tags .inline-delimiter{color:#D14}.CodeRay .inline-delimiter{color:#D14}.CodeRay .important{color:#f00}.CodeRay .interpreted{color:#B2B;font-weight:bold}.CodeRay .instance-variable{color:teal}.CodeRay .label{color:#970;font-weight:bold}.CodeRay .local-variable{color:#963}.CodeRay .octal{color:#40E;font-weight:bold}.CodeRay .predefined-constant{font-weight:bold}.CodeRay .predefined{color:#369;font-weight:bold}.CodeRay .preprocessor{color:#579}.CodeRay .pseudo-class{color:#00C;font-weight:bold}.CodeRay .predefined-type{color:#074;font-weight:bold}.CodeRay .reserved,.keyword{color:#000;font-weight:bold}.CodeRay .key{color:#808}.CodeRay .key .delimiter{color:#606}.CodeRay .key .char{color:#80f}.CodeRay .value{color:#088}.CodeRay .regexp{background-color:#fff0ff}.CodeRay .regexp .content{color:#808}.CodeRay .regexp .delimiter{color:#404}.CodeRay .regexp .modifier{color:#c2c}.CodeRay .regexp .function{color:#404;font-weight:bold}.CodeRay .string{color:#D20}.CodeRay .string .string .string{background-color:#ffd0d0}.CodeRay .string .content{color:#D14}.CodeRay .string .char{color:#D14}.CodeRay .string .delimiter{color:#D14}.CodeRay .shell{color:#d14}.CodeRay .shell .delimiter{color:#d14}.CodeRay .symbol{color:#990073}.CodeRay .symbol .content{color:#a60}.CodeRay .symbol .delimiter{color:#630}.CodeRay .tag{color:#070}.CodeRay .tag-special{color:#D70;font-weight:bold}.CodeRay .type{color:#339;font-weight:bold}.CodeRay .variable{color:#036}.CodeRay .insert{background:#afa}.CodeRay .delete{background:#faa}.CodeRay .change{color:#aaf;background:#007}.CodeRay .head{color:#f8f;background:#505}.CodeRay .insert .insert{color:#080;font-weight:bold}.CodeRay .delete .delete{color:#800;font-weight:bold}.CodeRay .change .change{color:#66f}.CodeRay .head .head{color:#f4f}