From 634d1769a0284702fae61245ff0dbbdb753503f7 Mon Sep 17 00:00:00 2001
From: Sahat Yalkabov <sakhat@gmail.com>
Date: Mon, 14 Apr 2014 01:16:19 -0400
Subject: [PATCH] Improved api examples grid; added logos.

---
 public/css/styles.less |  6 ++++++
 views/api/index.jade   | 48 ++++++++++++++++++++++++++++--------------
 2 files changed, 38 insertions(+), 16 deletions(-)

diff --git a/public/css/styles.less b/public/css/styles.less
index 303e54116e..d1b6001e01 100644
--- a/public/css/styles.less
+++ b/public/css/styles.less
@@ -93,4 +93,10 @@ body {
   color: #fff;
   padding: 3px;
   bottom: 25px;
+}
+
+.api-examples {
+  img {
+    padding-right: 10px;
+  }
 }
\ No newline at end of file
diff --git a/views/api/index.jade b/views/api/index.jade
index dbc34ff14a..d6a9020423 100644
--- a/views/api/index.jade
+++ b/views/api/index.jade
@@ -2,65 +2,81 @@ extends ../layout
 
 block content
   h2 API Examples
+  hr
 
-  .row
-    .col-sm-3
+  .row.api-examples
+    .col-sm-4
       .panel.panel-default
         .panel-body
+          img(src='http://3.bp.blogspot.com/-a4mVBZ4LY-A/UvzcbDjKY7I/AAAAAAAAI-Q/V12lKmntZf8/s1600/photo_editor_by_aviary_app_icon.png', height=40)
           a(href='/api/aviary') Aviary
-    .col-sm-3
+    .col-sm-4
       .panel.panel-default
         .panel-body
+          img(src='https://pbs.twimg.com/profile_images/2409381044/exk4ubq6skod7svla5az.jpeg', height=40)
           a(href='/api/clockwork') Clockwork SMS
-    .col-sm-3
+    .col-sm-4
       .panel.panel-default
         .panel-body
+          img(src='http://choosenonviolence.org/sites/default/files/Facebook_logo_(square).png', height=40)
           a(href='/api/facebook') Facebook
-    .col-sm-3
+    .col-sm-4
       .panel.panel-default
         .panel-body
+          img(src='https://playfoursquare.s3.amazonaws.com/press/logo/icon-512x512.png', height=40)
           a(href='/api/foursquare') Foursquare
-    .col-sm-3
+    .col-sm-4
       .panel.panel-default
         .panel-body
+          img(src='https://github.global.ssl.fastly.net/images/modules/logos_page/Octocat.png', height=40)
           a(href='/api/github') GitHub
-    .col-sm-3
+    .col-sm-4
       .panel.panel-default
         .panel-body
+          img(src='http://www.bigbigtrain.com/pics/gfx/lastfm_logo.png', height=40)
           a(href='/api/lastfm') Last.fm
-    .col-sm-3
+    .col-sm-4
       .panel.panel-default
         .panel-body
+          img(src='http://kellycpas.com/wp-content/uploads/2014/01/linkedin.png', height=40)
           a(href='/api/linkedin') LinkedIn
-    .col-sm-3
+    .col-sm-4
       .panel.panel-default
         .panel-body
+          img(src='http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/256/Web-The-New-York-Times-alt-Metro-icon.png', height=40)
           a(href='/api/nyt') New York Times
-    .col-sm-3
+    .col-sm-4
       .panel.panel-default
         .panel-body
+          img(src='http://media.idownloadblog.com/wp-content/uploads/2013/11/PayPal-5.2-for-iOS-app-icon-small.png', height=40)
           a(href='/api/paypal') PayPal
-    .col-sm-3
+    .col-sm-4
       .panel.panel-default
         .panel-body
+          img(src='http://th08.deviantart.net/fs4/200H/i/2004/242/4/7/Steam_Icon.png', height=40)
           a(href='/api/steam') Steam
-    .col-sm-3
+    .col-sm-4
       .panel.panel-default
         .panel-body
+          img(src='http://status.twilio.com/images/logo.png', height=40)
           a(href='/api/twilio') Twilio
-    .col-sm-3
+    .col-sm-4
       .panel.panel-default
         .panel-body
+          img(src='https://cdn1.iconfinder.com/data/icons/metro-ui-dock-icon-set--icons-by-dakirby/512/Tumblr_alt.png', height=40)
           a(href='/api/tumblr') Tumblr
-    .col-sm-3
+    .col-sm-4
       .panel.panel-default
         .panel-body
+          img(src='http://brooklynbrittle.com/images/twitter-icon.gif', height=40)
           a(href='/api/twitter') Twitter
-    .col-sm-3
+    .col-sm-4
       .panel.panel-default
         .panel-body
+          img(src='http://37prime.net/link_icons/hackernews.png', height=40)
           a(href='/api/scraping') Web Scraping
-    .col-sm-3
+    .col-sm-4
       .panel.panel-default
         .panel-body
+          img(src='http://www.mevvy.com/wp-content/uploads/2013/09/Venmo-Logo-on-Mevvy.com_.png', height=40)
           a(href='/api/venmo') Venmo