gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improved api examples grid; added logos.

Browse Source
This commit is contained in:
Sahat Yalkabov
2014-04-14 01:16:19 -04:00
parent 517e2e5d19
commit 634d1769a0
2 changed files with 38 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/css/styles.less
View File

@ -93,4 +93,10 @@ body {
color: #fff;
padding: 3px;
bottom: 25px;
}
.api-examples {
img {
padding-right: 10px;
}
}

48
views/api/index.jade
View File

@ -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