algolia
diff --git a/‎docs/examples/airbnb/index.html
+14-2 b/‎docs/examples/airbnb/index.html
+14-2
diff --git a/‎docs/examples/airbnb/scss/_base.scss
-32 b/‎docs/examples/airbnb/scss/_base.scss
-32
diff --git a/‎docs/examples/airbnb/scss/_default.scss
-12 b/‎docs/examples/airbnb/scss/_default.scss
-12
diff --git a/‎docs/examples/airbnb/scss/_hierarchical-menu.scss
-19 b/‎docs/examples/airbnb/scss/_hierarchical-menu.scss
-19
diff --git a/‎docs/examples/airbnb/scss/_hits.scss
-7 b/‎docs/examples/airbnb/scss/_hits.scss
-7
diff --git a/‎docs/examples/airbnb/scss/_index-selector.scss
-6 b/‎docs/examples/airbnb/scss/_index-selector.scss
-6
diff --git a/‎docs/examples/airbnb/scss/_menu.scss
-14 b/‎docs/examples/airbnb/scss/_menu.scss
-14
diff --git a/‎docs/examples/airbnb/scss/_pagination.scss
-15 b/‎docs/examples/airbnb/scss/_pagination.scss
-15
diff --git a/‎docs/examples/airbnb/scss/_price-ranges.scss
-14 b/‎docs/examples/airbnb/scss/_price-ranges.scss
-14
diff --git a/‎docs/examples/airbnb/scss/_range-slider.scss
-101 b/‎docs/examples/airbnb/scss/_range-slider.scss
-101
diff --git a/‎docs/examples/airbnb/scss/_refinement-list.scss
-15 b/‎docs/examples/airbnb/scss/_refinement-list.scss
-15
diff --git a/‎docs/examples/airbnb/scss/_search-box.scss
-26 b/‎docs/examples/airbnb/scss/_search-box.scss
-26
diff --git a/‎docs/examples/airbnb/scss/_stats.scss
-9 b/‎docs/examples/airbnb/scss/_stats.scss
-9
diff --git a/‎docs/examples/airbnb/scss/_toggle.scss
-15 b/‎docs/examples/airbnb/scss/_toggle.scss
-15
diff --git a/‎docs/examples/airbnb/scss/_variables.scss
-4 b/‎docs/examples/airbnb/scss/_variables.scss
-4
diff --git a/‎docs/examples/airbnb/search.js
+3-7 b/‎docs/examples/airbnb/search.js
+3-7
@@ -1,3 +1,7 @@
+---
+# this ensures Jekyll reads the file to be transformed into HTML later
+---
+
 <!doctype html>
 <html>
 <head>
@@ -6,6 +10,11 @@
   <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap/3.3.5/css/bootstrap.min.css" />
   <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
   <link href="//fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css" />
+  {% if site.env == 'development' %}
+  <link rel="stylesheet" href="//localhost:8080/instantsearch.css" />
+  {% else %}
+  <link rel="stylesheet" href="//cdn.jsdelivr.net/instantsearch.js/0/instantsearch.min.css" />
+  {% endif %}
   <link rel="stylesheet" type="text/css" href="style.css" />
   <!--[if lte IE 9]>
   <script src="//cdn.polyfill.io/v2/polyfill.min.js"></script>
@@ -55,8 +64,11 @@
     <div id="pagination"></div>
   </div>
   <script src="//maps.googleapis.com/maps/api/js"></script>
-  <script src="//cdn.jsdelivr.net/instantsearch.js/0/instantsearch.min.js"></script>
-  <!-- <script src="//localhost:8080/instantsearch.js"></script> -->
+  {% if site.env == 'development' %}
+  <script src="//localhost:8080/instantsearch.js"></script>
+  {% else %}
+  <script src="//cdn.jsdelivr.net/instantsearch.js/0/instantsearch.js"></script>
+  {% endif %}
   <script src="//cdn.jsdelivr.net/instantsearch-googlemaps/1/instantsearch-googlemaps.min.js"></script>
   <script src="search.js"></script>
 </body>
 
@@ -56,19 +56,15 @@ search.addWidget(
     container: '#room_types',
     facetName: 'room_type',
     operator: 'or',
-    limit: 10,
-    cssClasses: {
-      item: 'item',
-      count: 'hide',
-      active: 'active'
-    }
+    limit: 10
   })
 );
 
 search.addWidget(
   instantsearch.widgets.rangeSlider({
     container: '#price',
-    facetName: 'price'
+    attributeName: 'price',
+    pips: false
   })
 );