Move homepage examples to data file

diff --git a/docs/_data/showcase.yml b/docs/_data/showcase.yml
new file mode 100644 (file)
index 0000000..0c593fc
--- /dev/null
+++ b/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

diff --git a/docs/index.html b/docs/index.html
index 50ee78e9852dce88e3cdadaafbb5c43ff1dc40d2..55a591b5b6d92d189ed1bb9c3ce06a85feada7fa 100644 (file)
--- a/docs/index.html
+++ b/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">