Upgrade frontpage

sass/custom/_paulus.scss

@@ -1,5 +1,32 @@
 @charset "UTF-8";
 
+.hero {
+  background-color: #038FC7;
+
+  .lead {
+    margin-bottom: 16px;
+  }
+
+  .hero-buttons a {
+    color: white;
+    text-transform: uppercase;
+    white-space: nowrap;
+    display: inline-block;
+  }
+
+  .front-install {
+    background-color: #333;
+    margin-bottom: 16px;
+    display: inline-block;
+    padding: 8px;
+    color: #DDD;
+
+    .sh {
+      color: #c82829;
+    }
+  }
+}
+
 .supported-brands {
   text-align: center;
   img {

source/_includes/custom/grid_item_left.html

@@ -2,10 +2,9 @@
 <hr>
 <p>Home Assistant will track the state of all the devices in your home, so you don't have to.</p>
 <div class='supported-brands clearfix'>
-  <img src='/images/supported_brands/z-wave.png' />
+  <img src='/images/supported_brands/philips_hue.png' />
   <img src='/images/supported_brands/vera.png' />
   <img src='/images/supported_brands/mqtt.png' />
-  <img src='/images/supported_brands/philips_hue.png' />
   <img src='/images/supported_brands/belkin_wemo.png' />
   <img src='/images/supported_brands/nest_thermostat.png' />
   <img src='/images/supported_brands/pushbullet.png' />
@@ -15,6 +14,7 @@
   <img src='/images/supported_brands/telldus_tellstick.png' />
   <img src='/images/supported_brands/netgear.png' />
   <img src='/images/supported_brands/openwrt.png' />
+  <img src='/images/supported_brands/z-wave.png' />
 </div>
 
 <p class='pull-right'><a href='/components/'>Browse all &raquo;</a></p>

source/_includes/custom/welcome.html

@@ -1,10 +1,13 @@
  <h1>Awaken your home</h1>
- <hr>
  <p class="lead">
 Home Assistant is an open-source home automation platform running on Python 3. Track and control all devices at home and automate control. Installation in less than a minute.
 </p>
+<code class='front-install'>
+<span class='sh'>$</span> pip3 install homeassistant<br />
+<span class='sh'>$</span> hass --open-ui
+</code>
 <p class='hero-buttons'>
-  <a href='{{ root_url }}/demo/' target='_blank' class='btn'>View demo</a>
-  <a href='{{ root_url }}/getting-started/' class='btn'>Get started</a>
-  <a href='https://www.github.com/balloob/home-assistant' class='btn'>Browse code on GitHub</a>
+  <a href='{{ root_url }}/demo/' target='_blank'>View demo</a>
+  <a href='{{ root_url }}/getting-started/'>Get started</a>
+  <a href='https://www.github.com/balloob/home-assistant'>Browse code on GitHub</a>
 </p>