Move homepage examples to data file

docs/_data/showcase.yml

@@ -0,0 +1,19 @@
+- name: Coinbase
+  url: https://coinbase.com/
+  expo_url: http://expo.getbootstrap.com/2013/08/06/coinbase/
+  img: http://expo.getbootstrap.com/screenshots/coinbase.jpg
+
+- name: Localcrime
+  url: http://www.localcrimeapp.com/
+  expo_url: http://expo.getbootstrap.com/2013/08/08/localcrime/
+  img: http://expo.getbootstrap.com/screenshots/localcrime.jpg
+
+- name: Sentry
+  url: https://www.getsentry.com/
+  expo_url: http://expo.getbootstrap.com/2013/05/09/sentry/
+  img: http://expo.getbootstrap.com/screenshots/sentry.jpg
+
+- name: Fortrabbit
+  url: http://fortrabbit.com/
+  expo_url: http://expo.getbootstrap.com/2013/08/05/fortrabbit/
+  img: http://expo.getbootstrap.com/screenshots/fortrabbit.jpg

docs/index.html

@@ -56,26 +56,13 @@ title: Bootstrap
     <hr class="half-rule">
 
     <div class="row bs-featured-sites">
+    {% for showcase in site.data.showcase %}
       <div class="col-sm-3">
-        <a href="http://expo.getbootstrap.com/" class="bs-featurette-img">
-          <img src="http://expo.getbootstrap.com/screenshots/coinbase.jpg" alt="" class="img-responsive">
-        </a>
-      </div>
-      <div class="col-sm-3">
-        <a href="http://expo.getbootstrap.com/" class="bs-featurette-img">
-          <img src="http://expo.getbootstrap.com/screenshots/localcrime.jpg" alt="" class="img-responsive">
-        </a>
-      </div>
-      <div class="col-sm-3">
-        <a href="http://expo.getbootstrap.com/" class="bs-featurette-img">
-          <img src="http://expo.getbootstrap.com/screenshots/fortrabbit.jpg" alt="" class="img-responsive">
-        </a>
-      </div>
-      <div class="col-sm-3">
-        <a href="http://expo.getbootstrap.com/" class="bs-featurette-img">
-          <img src="http://expo.getbootstrap.com/screenshots/sentry.jpg" alt="" class="img-responsive">
+        <a href="{{ showcase.expo_url }}" target="_blank" title="{{ showcase.name }}">
+          <img src="{{ showcase.img }}" alt="{{ showcase.name }}" class="img-responsive">
         </a>
       </div>
+    {% endfor %}
     </div>
 
     <hr class="half-rule">