Add featured component section

source/components/index.markdown

@@ -19,7 +19,8 @@ Support for these components is provided by the Home Assistant community.
 {% assign categories = components | sort: 'ha_category' | map: 'ha_category' %}
 
 <div class="filter-button-group">
-  <a href='#' class="btn current" data-filter="*">All</a>
+  <a href='#' class="btn" data-filter="*">All</a>
+  <a href='#' class="btn current" data-filter=".featured">Featured</a>
 
   {% comment %} Jekyll 2.5.2 does not support the uniq filter :/ {% endcomment %}
   {% assign category_printed = '' %}
@@ -39,7 +40,7 @@ Support for these components is provided by the Home Assistant community.
 <div id="componentContainer">
   {% for component in components %}
     {% if component.ha_category %}
-      <a href='{{ component.url }}' class='{{ component.ha_category | slugify }}'>
+      <a href='{{ component.url }}' class='{{ component.ha_category | slugify }}{% if component.featured %} featured{% endif %}'>
         <div class='img-container'>
           {% if component.logo %}
             <img src='/images/supported_brands/{{ component.logo }}'>
@@ -53,7 +54,7 @@ Support for these components is provided by the Home Assistant community.
 </div>
 
 {% comment %}
-## Not done yet
+## Pages without categories
 
 {% for component in components %}
   {% unless component.ha_category %}
@@ -62,42 +63,20 @@ Support for these components is provided by the Home Assistant community.
 {% endfor %}
 {% endcomment %}
 
-## {% linkable_title Organization %}
-| Type | Description
-| ---- | -----------
-| [Group](/components/group.html) | Allows grouping of entities
-| [Scene](/components/scene.html) | Allow defining preferred state of a set of entities
-| [Zone](/components/zone.html) | Allow defining zones on the map
-
-## {% linkable_title Automation %}
-
-| Type | Description
-| ---- | -----------
-| [Automation](/components/automation.html) | Allow for automating service calls when a specific state is met.
-| [Script](/components/script.html) | Allow user to define scripts to run from within Home Assistant.
-| [Zone](/components/zone.html) | Allow user to define zones within Home Assistant.
-| [Device sun light trigger](/components/device_sun_light_trigger.html) | Slowly fade in the lights to compensate the setting sun. Also turns on lights when you get home after dark.
-| [Simple alarm](/components/simple_alarm.html) | Let the lights blink red when the lights turn on while no one is home.
-
-## {% linkable_title Misc %}
-
-| Type | Description
-| ---- | -----------
-| [Configurator](/components/configurator.html) | Component used by other components to get configuration from the user.
-| [Discovery](/components/discovery.html) | Discover and configure new devices.
-
-
 <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/2.2.2/isotope.pkgd.js"></script>
 <script type="text/javascript">
 $(window).load(function(){
     var $container = $('#componentContainer');
     $container.isotope({
-        filter: '*',
+        filter: '.featured',
         animationOptions: {
             duration: 750,
             easing: 'linear',
             queue: false
+        },
+        masonry: {
+          columnWidth: 210
         }
     });