Display api examples as a grid instead of list.

2014-04-13 23:24:46 -04:00
parent 6b9e7e1517
commit 4eef2b272d
1 changed files with 61 additions and 38 deletions
--- a/views/api/index.jade
+++ b/views/api/index.jade
@ -3,41 +3,64 @@ extends ../layout
 block content
  h2 API Examples

-  ol
-    li
-      a(href='/api/aviary') Aviary
-    li
-      a(href='/api/clockwork') Clockwork SMS
-    li
-      a(href='/api/facebook') Facebook
-      small  ⇢ Login Required
-    li
-      a(href='/api/foursquare') Foursquare
-      small  ⇢ Login Required
-    li
-      a(href='/api/github') GitHub
-      small  ⇢ Login Required
-    li
-      a(href='/api/lastfm') Last.fm
-    li
-      a(href='/api/linkedin') LinkedIn
-      small  ⇢ Login Required
-    li
-      a(href='/api/nyt') New York Times
-    li
-      a(href='/api/paypal') PayPal
-    li
-      a(href='/api/steam') Steam
-    li
-      a(href='/api/twilio') Twilio
-    li
-      a(href='/api/tumblr') Tumblr
-      small  ⇢ Login Required
-    li
-      a(href='/api/twitter') Twitter
-      small  ⇢ Login Required
-    li
-      a(href='/api/scraping') Web Scraping
-    li
-      a(href='/api/venmo') Venmo
-      small  ⇢ Login Required
+  .row
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/aviary') Aviary
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/clockwork') Clockwork SMS
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/facebook') Facebook
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/foursquare') Foursquare
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/github') GitHub
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/lastfm') Last.fm
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/linkedin') LinkedIn
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/nyt') New York Times
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/paypal') PayPal
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/steam') Steam
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/twilio') Twilio
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/tumblr') Tumblr
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/twitter') Twitter
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/scraping') Web Scraping
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/venmo') Venmo