Component details pages added

sass/custom/_paulus.scss

@@ -308,17 +308,26 @@ p.note {
       border-radius: 2px;
       box-shadow: rgba(0, 0, 0, 0.098) 0px 2px 4px, rgba(0, 0, 0, 0.098) 0px 0px 3px;
       padding: 8px;
+      text-align: center;
 
       .img-container {
         height: 50px;
-        text-align: center;
         margin-bottom: 8px;
+        font: 0/0 a;
+
+        &:before {    /* create a full-height inline block pseudo=element */
+            content: ' ';
+            display: inline-block;
+            vertical-align: middle;  /* vertical alignment of the inline element */
+            height: 100%;
+        }
 
         img {
           max-width: 100%;
           max-height: 50px;
           box-shadow: none;
           border: none;
+          vertical-align: middle;
         }
       }
 
@@ -337,3 +346,18 @@ p.note {
     }
   }
 }
+
+.aside-module {
+  .section {
+    margin-bottom: 16px;
+  }
+
+  .brand-logo-container {
+    text-align: center;
+    height: 97px;
+
+    img {
+      max-height: 97px;
+    }
+  }
+}

sass/oscailte/base/_navigation.scss

@@ -14,7 +14,7 @@ body{ -webkit-animation: bugfix infinite 1s; }
 #toggle, .toggle { display: none; }
 .menu li { list-style: none; float:left;  }
 
-$menu-collapse: 790px;
+$menu-collapse: 955px;
 
 // @media only screen and (max-width: $lap-end){
 @media only screen and (max-width: $menu-collapse){

source/_components/alarm_control_panel.manual.markdown

@@ -1,16 +1,16 @@
 ---
-layout: page
-title: "Manual alarm support"
+layout: component
+title: "Manual Alarm Control Panel"
 description: "Instructions how to integrate manual alarms into Home Assistant."
 date: 2015-10-13 19:10
-sidebar: false
+sidebar: true
 comments: false
 sharing: true
 footer: true
 ha_category: Alarm Control Panel
 ---
 
-<img src='/images/supported_brands/preferences-system-privacy.png' class='brand pull-right' />
+
 This platform enables you to set manual alarms in Home Assistant.
 
 ```yaml

source/_components/alarm_control_panel.markdown

@@ -1,15 +1,15 @@
 ---
-layout: page
-title: "Alarm panel support"
+layout: component
+title: "Alarm panel"
 description: "Instructions how to integrate Alarm Control Panels into Home Assistant."
 date: 2015-10-13 19:10
-sidebar: false
+sidebar: true
 comments: false
 sharing: true
 footer: true
 ---
 
-<img src='/images/supported_brands/preferences-system-privacy.png' class='brand pull-right' />
+
 Home Assistant can give you an interface with is similar to a classic alarm system. There are several panels supported:
 
 - [Manual](/components/alarm_control_panel.manual.html)

source/_components/alarm_control_panel.mqtt.markdown

@@ -1,17 +1,17 @@
 ---
-layout: page
-title: "MQTT alarm support"
+layout: component
+title: "MQTT Alarm Control Panel"
 description: "Instructions how to integrate MQTT alarms into Home Assistant."
 date: 2015-09-14 19:10
-sidebar: false
+sidebar: true
 comments: false
 sharing: true
 footer: true
 logo: mqtt.png
 ha_category: "Alarm Control Panel"
 ---
 
-<img src='/images/supported_brands/mqtt.png' class='brand pull-right' />
+
 This platform enables the possibility to control an MQTT alarm. The alarm will only change state after
 receiving the a new state from `state_topic`. If these messages are published with RETAIN flag, the MQTT
 alarm will receive an instant state update after subscription and will start with correct state. Otherwise,

source/_components/arduino.markdown

@@ -1,20 +1,16 @@
 ---
-layout: page
+layout: component
 title: "Arduino"
 description: "Instructions how to setup an Arduino boards within Home Assistant."
 date: 2015-06-27 10:28
-sidebar: false
+sidebar: true
 comments: false
 sharing: true
 footer: true
 logo: arduino.png
 ha_category: DIY
-logo: arduino.png
-ha_category: Hub
 ---
 
-<img src='/images/supported_brands/arduino.png' class='brand pull-right' />
-
 The [Arduino](https://www.arduino.cc/) device family are microcontroller boards that are often based on the ATmega328 chip. They come with digital input/output pins (some can be used as PWM outputs), analog inputs, and a USB connection. The equipment depends on the [type](https://www.arduino.cc/en/Main/Products) of board. The most common ones are the Arduino Uno and the Arduino Leonardo with 14 digital input/output pins and 6 analog input pins.
 
 There are a lot of extensions (so called [shields](https://www.arduino.cc/en/Main/ArduinoShields)) available. Those shields can be plugged-in into the existing connectors and stacked on top of each other. This makes it possible to expand the capabilities of the Arduino boards. 

source/_components/automation.markdown

@@ -1,9 +1,9 @@
 ---
-layout: page
+layout: component
 title: "Automation"
 description: "Instructions how to setup automation within Home Assistant."
 date: 2015-01-20 22:36
-sidebar: false
+sidebar: true
 comments: false
 sharing: true
 footer: true

source/_components/browser.markdown

@@ -1,16 +1,16 @@
 ---
-layout: page
+layout: component
 title: "Browser"
 description: "Instructions how to setup the browser component with Home Assistant."
 date: 2015-01-24 14:39
-sidebar: false
+sidebar: true
 comments: false
 sharing: true
 footer: true
 ha_category: Other
 ---
 
-<img src='/images/supported_brands/web-browser.png' class='brand pull-right' />
+
 The browser component provides a service to open urls in the default browser on the host machine.
 
 To load this component, add the following lines to your `configuration.yaml`:

source/_components/camera.foscam.markdown

@@ -1,17 +1,17 @@
 ---
-layout: page
-title: "Foscam IP camera support"
+layout: component
+title: "Foscam IP camera"
 description: "Instructions how to integrate Foscam IP cameras within Home Assistant."
 date: 2015-09-17 08:01
-sidebar: false
+sidebar: true
 comments: false
 sharing: true
 footer: true
 logo: foscam.png
 ha_category: Camera
 ---
 
-<img src='/images/supported_brands/foscam.png' class='brand pull-right' />
+
 The foscam platform allows you to watch the live stream of your [Foscam](http://www.foscam.com/) IP camera in Home Assistant.
 
 To enable your Foscam IP camera in your installation, add the following to your `configuration.yaml` file:

source/_components/camera.generic.markdown

@@ -1,15 +1,15 @@
 ---
-layout: page
+layout: component
 title: "Generic IP Camera"
 description: "Instructions how to integrate IP cameras within Home Assistant."
 date: 2015-07-11 0:36
-sidebar: false
+sidebar: true
 comments: false
 sharing: true
 footer: true
 ha_category: Camera
 ---
-<img src='/images/supported_brands/camera-web.png' class='brand pull-right' />
+
 
 This component allows you to integrate any IP camera into Home Assistant. It supports fetching images from a url with optional HTTP authentication.
 

source/_components/configurator.markdown

@@ -1,9 +1,9 @@
 ---
-layout: page
+layout: component
 title: "Configurator"
 description: "Instructions how to integrate the configurator in your components."
 date: 2015-03-15 00:51
-sidebar: false
+sidebar: true
 comments: false
 sharing: true
 footer: true

source/_components/conversation.markdown

@@ -1,15 +1,15 @@
 ---
-layout: page
+layout: component
 title: "Conversation"
 description: "Instructions how to have conversations with your Home Assistant."
 date: 2015-03-15 00:39
-sidebar: false
+sidebar: true
 comments: false
 sharing: true
 footer: true
 ---
 
-<img src='/images/supported_brands/system-users.png' class='brand pull-right' />
+
 The conversation component can process sentences into commands for Home Assistant. It is currently limited to parsing commands in the format `turn <Friendly Name> <on/off>`.
 
 To enable the conversion option in your installation, add the following to your `configuration.yaml` file:

source/_components/device_sun_light_trigger.markdown

@@ -1,9 +1,9 @@
 ---
-layout: page
+layout: component
 title: "Automating your lights"
 description: "Instructions how to automate your lights with Home Assistant."
 date: 2015-01-20 22:36
-sidebar: false
+sidebar: true
 comments: false
 sharing: true
 footer: true

source/_components/device_tracker.actiontec.markdown

@@ -1,17 +1,17 @@
 ---
-layout: page
-title: "Actiontec support"
+layout: component
+title: "Actiontec"
 description: "Instructions how to integrate Actiontec routers into Home Assistant."
 date: 2015-08-30 19:00
-sidebar: false
+sidebar: true
 comments: false
 sharing: true
 footer: true
 logo: actiontec.png
 ha_category: Presence Detection
 ---
 
-<img src='/images/supported_brands/actiontec.png' class='brand pull-right' />
+
 This platform allows you to detect presence by looking at connected devices to an [Actiontec](http://www.actiontec.com/) device.
 
 Supported devices (tested):

source/_components/device_tracker.aruba.markdown

@@ -1,17 +1,17 @@
 ---
-layout: page
-title: "Aruba support"
+layout: component
+title: "Aruba"
 description: "Instructions how to integrate Aruba routers into Home Assistant."
 date: 2015-08-31 08:45
-sidebar: false
+sidebar: true
 comments: false
 sharing: true
 footer: true
 logo: aruba.png
 ha_category: Presence Detection
 ---
 
-<img src='/images/supported_brands/aruba.png' class='brand pull-right' />
+
 This platform allows you to detect presence by looking at connected devices to an [Aruba Instant](http://www.arubanetworks.com/products/networking/aruba-instant/) device.
 
 Supported devices (tested):

source/_components/device_tracker.asuswrt.markdown

@@ -1,17 +1,17 @@
 ---
-layout: page
-title: "ASUSWRT support"
+layout: component
+title: "ASUSWRT"
 description: "Instructions how to integrate ASUSWRT based routers into Home Assistant."
 date: 2015-08-06 19:00
-sidebar: false
+sidebar: true
 comments: false
 sharing: true
 footer: true
 logo: asus.png
 ha_category: Presence Detection
 ---
 
-<img src='/images/supported_brands/asus.png' class='brand pull-right' />
+
 This platform offers presence detection by looking at connected devices to a [ASUSWRT](http://event.asus.com/2013/nw/ASUSWRT/) based router.
 
 <p class='note warning'>

source/_components/device_tracker.ddwrt.markdown

@@ -1,17 +1,17 @@
 ---
-layout: page
-title: "DD-WRT support"
+layout: component
+title: "DD-WRT"
 description: "Instructions how to integrate DD-WRT based routers into Home Assistant."
 date: 2015-05-11 09:00
-sidebar: false
+sidebar: true
 comments: false
 sharing: true
 footer: true
 logo: ddwrt.png
 ha_category: Presence Detection
 ---
 
-<img src='/images/supported_brands/ddwrt.png' class='brand pull-right' />
+
 This platform offers presence detection by looking at connected devices to a [DD-WRT](http://www.dd-wrt.com/site/index) based router.
 
 To use a DD-WRRT router in your installation, add the following to your `configuration.yaml` file:

source/_components/device_tracker.geofancy.markdown

@@ -1,17 +1,17 @@
 ---
-layout: page
-title: "Geofancy device tracker"
+layout: component
+title: "Geofancy"
 description: "Instructions how to use Geofancy to track devices in Home Assistant."
 date: 2015-10-13 19:00
-sidebar: false
+sidebar: true
 comments: false
 sharing: true
 footer: true
 logo: geofancy.png
 ha_category: Presence Detection
 ---
 
-<img src='/images/supported_brands/geofancy.png' class='brand pull-right' />
+
 This platform allows you to detect presence using [Geofancy](https://my.geofancy.com/). Geofancy allows users to track their location on iOS devices. 
 
 To integrate Geofancy in Home Assistant, add the following section to your `configuration.yaml` file:

source/_components/device_tracker.luci.markdown

@@ -1,17 +1,17 @@
 ---
-layout: page
-title: "OpenWRT support"
+layout: component
+title: "OpenWRT"
 description: "Instructions how to integrate OpenWRT routers into Home Assistant."
 date: 2015-03-23 19:59
-sidebar: false
+sidebar: true
 comments: false
 sharing: true
 footer: true
 logo: openwrt.png
 ha_category: Presence Detection
 ---
 
-<img src='/images/supported_brands/openwrt.png' class='brand pull-right' />
+
 Before this scanner can be used you have to install the luci RPC package on OpenWRT: <code>opkg install luci-mod-rpc</code>.
 
 ```yaml