diff --git a/README.md b/README.md
index 71fb2b2..f359809 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 SVG Logos
 ====================
-A collection of svg vector logos for developers.  
+### A collection of svg vector logos for developers.
 [View All](http://svgporn.com)
 
 The logos are optimized (removed unnecessary paths/groups/defs, standardized, etc). Some were recreated from rastered images.
@@ -8,434 +8,467 @@ The logos are optimized (removed unnecessary paths/groups/defs, standardized, et
 *All logos appearing on the site are the property of their respective owners. Any rights not expressly granted herein are reserved.*
 
 ## Contributing
+Since I optimize all the files manually I won't accept pull requests with new logos.
+And that's why they look so good.
 
-I won't accept pull requests with new logos.  
-The reason is that I do optimize all the SVGs before uploading and that's why they look so good.  
-Please send the links to your favorite logos in the issues and I'll add them.
+Please add your requests in the issues preferably with links to the vector files.
 
-====================
+---
 
-
-## Angular
+## <a href="https://angularjs.org/" target="_blank">Angular</a>
 ![angular](http://gilbarbara.github.io/logos/angular-icon.svg)
 
 ![angular](http://gilbarbara.github.io/logos/angular.svg)
 
-## Apache
+## <a href="http://www.apache.org/" target="_blank">Apache</a>
 ![apache](http://gilbarbara.github.io/logos/apache.svg)
 
-## Atom
+## <a href="https://atom.io/" target="_blank">Atom</a>
 ![atom](http://gilbarbara.github.io/logos/atom.svg)
 
-## auth0
+## <a href="https://auth0.com/" target="_blank">Auth0</a>
 ![auth0](http://gilbarbara.github.io/logos/auth0.svg)
 
-## Autoprefixer
+## <a href="https://github.com/postcss/autoprefixer" target="_blank">Autoprefixer</a>
 ![autoprefixer](http://gilbarbara.github.io/logos/autoprefixer.svg)
 
-## AWS
+## <a href="http://aws.amazon.com/" target="_blank">AWS</a>
 ![aws](http://gilbarbara.github.io/logos/aws.svg)
 
-## Babel
+## <a href="https://babeljs.io/" target="_blank">Babel</a>
 ![babel](http://gilbarbara.github.io/logos/babel.svg)
 
-## Backbone
-![backbone-icon](http://gilbarbara.github.io/logos/backbone-icon.svg)
+## <a href="http://backbonejs.org/" target="_blank">Backbone</a>
+![backbone](http://gilbarbara.github.io/logos/backbone-icon.svg)
 
 ![backbone](http://gilbarbara.github.io/logos/backbone.svg)
 
-## Bash, Zsh, Terminal
+## <a href="https://www.gnu.org/software/bash/" target="_blank">Shell</a>
 ![bash](http://gilbarbara.github.io/logos/bash.svg)
 
-## BEM
+## <a href="https://en.bem.info/" target="_blank">Bem</a>
 ![bem](http://gilbarbara.github.io/logos/bem.svg)
 
-## Blocs
+## <a href="https://bitbucket.org/" target="_blank">Bitbucket</a>
+![bitbucket](http://gilbarbara.github.io/logos/bitbucket.svg)
+
+## <a href="http://blocsapp.com/" target="_blank">Blocs</a>
 ![blocs](http://gilbarbara.github.io/logos/blocs.svg)
 
-## Bootstrap
+## <a href="http://getbootstrap.com/" target="_blank">Bootstrap</a>
 ![bootstrap](http://gilbarbara.github.io/logos/bootstrap.svg)
 
-## Bower
+## <a href="http://bower.io/" target="_blank">Bower</a>
 ![bower](http://gilbarbara.github.io/logos/bower.svg)
 
-## Brackets
+## <a href="http://brackets.io/" target="_blank">Brackets</a>
 ![brackets](http://gilbarbara.github.io/logos/brackets.svg)
 
-## Browserify
-![browserify-icons](http://gilbarbara.github.io/logos/browserify-icon.svg)
+## <a href="http://browserify.org/" target="_blank">Browserify</a>
+![browserify](http://gilbarbara.github.io/logos/browserify-icon.svg)
 
 ![browserify](http://gilbarbara.github.io/logos/browserify.svg)
 
-## Browserstack
+## <a href="https://www.browserstack.com/" target="_blank">BrowserStack</a>
 ![browserstack](http://gilbarbara.github.io/logos/browserstack.svg)
 
-## Capistrano
+## <a href="http://capistranorb.com/" target="_blank">Capistrano</a>
 ![capistrano](http://gilbarbara.github.io/logos/capistrano.svg)
 
-## Chalk
-![chalk](http://gilbarbara.github.io/logos/chalk.svg)
+## <a href="http://cassandra.apache.org/" target="_blank">Cassandra</a>
+![cassandra](http://gilbarbara.github.io/logos/cassandra.svg)
 
-## Chef
-![chef](http://gilbarbara.github.io/logos/chef.svg)
-
-## Codeship
-![codeship](http://gilbarbara.github.io/logos/codeship.svg)
-
-## couchDB
-![couchDB](http://gilbarbara.github.io/logos/couchdb.svg)
-
-## chai
+## <a href="http://chaijs.com/" target="_blank">Chai</a>
 ![chai](http://gilbarbara.github.io/logos/chai.svg)
 
-## chrome
+## <a href="https://github.com/chalk/chalk" target="_blank">Chalk</a>
+![chalk](http://gilbarbara.github.io/logos/chalk.svg)
+
+## <a href="https://www.chef.io/" target="_blank">Chef</a>
+![chef](http://gilbarbara.github.io/logos/chef.svg)
+
+## <a href="http://www.google.com/chrome/" target="_blank">Chrome</a>
 ![chrome](http://gilbarbara.github.io/logos/chrome.svg)
 
-## Codepen
-![codepen-icon](http://gilbarbara.github.io/logos/codepen-icon.svg)
+## <a href="http://codepen.io/" target="_blank">Codepen</a>
+![codepen](http://gilbarbara.github.io/logos/codepen-icon.svg)
 
 ![codepen](http://gilbarbara.github.io/logos/codepen.svg)
 
-## coffeescript
+## <a href="https://codeship.com/" target="_blank">Codeship</a>
+![codeship](http://gilbarbara.github.io/logos/codeship.svg)
+
+## <a href="http://coffeescript.org/" target="_blank">CoffeeScript</a>
 ![coffeescript](http://gilbarbara.github.io/logos/coffeescript.svg)
 
-## Compass
+## <a href="http://compass-style.org/" target="_blank">Compass</a>
 ![compass](http://gilbarbara.github.io/logos/compass.svg)
 
-## coveralls
+## <a href="http://couchdb.apache.org/" target="_blank">CouchDB</a>
+![couchdb](http://gilbarbara.github.io/logos/couchdb.svg)
+
+## <a href="https://coveralls.io/" target="_blank">Coveralls</a>
 ![coveralls](http://gilbarbara.github.io/logos/coveralls.svg)
 
-## Cross Browser Testing
+## <a href="http://crossbrowsertesting.com/" target="_blank">Cross Browser Testing</a>
 ![crossbrowsertesting](http://gilbarbara.github.io/logos/crossbrowsertesting.svg)
 
-## CSS3
+## <a href="http://www.w3.org/TR/CSS/" target="_blank">CSS3</a>
 ![css-3](http://gilbarbara.github.io/logos/css-3.svg)
 
-## D3
+## <a href="http://cssnext.io/" target="_blank">cssnext</a>
+![cssnext](http://gilbarbara.github.io/logos/cssnext.svg)
+
+## <a href="http://d3js.org/" target="_blank">D3</a>
 ![d3](http://gilbarbara.github.io/logos/d3.svg)
 
-## Digital Ocean
+## <a href="https://www.digitalocean.com/" target="_blank">Digital Ocean</a>
 ![digital-ocean](http://gilbarbara.github.io/logos/digital-ocean.svg)
 
-## Django
+## <a href="https://www.djangoproject.com/" target="_blank">Django</a>
 ![django](http://gilbarbara.github.io/logos/django.svg)
 
-## Docker
+## <a href="https://www.docker.com/" target="_blank">docker</a>
 ![docker](http://gilbarbara.github.io/logos/docker.svg)
 
-## Drupal
+## <a href="https://www.drupal.org/" target="_blank">Drupal</a>
 ![drupal](http://gilbarbara.github.io/logos/drupal.svg)
 
-## Ember
+## <a href="http://emberjs.com/" target="_blank">Ember</a>
+![ember](http://gilbarbara.github.io/logos/ember-tomster.svg)
+
 ![ember](http://gilbarbara.github.io/logos/ember.svg)
 
-![ember-tomster](http://gilbarbara.github.io/logos/ember-tomster.svg)
-
-## Emmet
+## <a href="http://emmet.io/" target="_blank">Emmet</a>
 ![emmet](http://gilbarbara.github.io/logos/emmet.svg)
 
-## Engine Yard
+## <a href="https://www.engineyard.com/" target="_blank">Engine Yard</a>
 ![engine-yard](http://gilbarbara.github.io/logos/engine-yard.svg)
 
-## ES6
+## <a href="http://www.ecmascript.org/" target="_blank">ES6</a>
 ![es6](http://gilbarbara.github.io/logos/es6.svg)
 
-## eslint
+## <a href="http://eslint.org/" target="_blank">Eslint</a>
 ![eslint](http://gilbarbara.github.io/logos/eslint.svg)
 
-## express
+## <a href="http://expressjs.com/" target="_blank">Express</a>
 ![express](http://gilbarbara.github.io/logos/express.svg)
 
-## firebase
+## <a href="https://www.firebase.com/" target="_blank">Firebase</a>
 ![firebase](http://gilbarbara.github.io/logos/firebase.svg)
 
-## Firefox
+## <a href="https://firefox.com/" target="_blank">Firefox</a>
 ![firefox](http://gilbarbara.github.io/logos/firefox.svg)
 
-## flask
+## <a href="http://flask.pocoo.org/" target="_blank">Flask</a>
 ![flask](http://gilbarbara.github.io/logos/flask.svg)
 
-## flow
+## <a href="http://flexible.gs/" target="_blank">flexible.gs</a>
+![flexible-gs](http://gilbarbara.github.io/logos/flexible-gs.svg)
+
+## <a href="http://flowtype.org/" target="_blank">Flow</a>
 ![flow](http://gilbarbara.github.io/logos/flow.svg)
 
-## flux
+## <a href="https://facebook.github.io/flux/" target="_blank">Flux</a>
 ![flux](http://gilbarbara.github.io/logos/flux.svg)
 
-## forever
+## <a href="https://github.com/foreverjs/forever" target="_blank">Forever</a>
 ![forever](http://gilbarbara.github.io/logos/forever.svg)
 
-## git
-![git-icon](http://gilbarbara.github.io/logos/git-icon.svg)
+## <a href="https://git-scm.com/" target="_blank">Git</a>
+![git](http://gilbarbara.github.io/logos/git-icon.svg)
 
 ![git](http://gilbarbara.github.io/logos/git.svg)
 
-## github
-![github-icon](http://gilbarbara.github.io/logos/github-icon.svg)
+## <a href="https://github.com/" target="_blank">Github</a>
+![github](http://gilbarbara.github.io/logos/github-icon.svg)
 
 ![github](http://gilbarbara.github.io/logos/github.svg)
 
-![github-octocat](http://gilbarbara.github.io/logos/github-octocat.svg)
+![github](http://gilbarbara.github.io/logos/github-octocat.svg)
 
-## gitlab
+## <a href="https://about.gitlab.com/" target="_blank">Gitlab</a>
 ![gitlab](http://gilbarbara.github.io/logos/gitlab.svg)
 
-## google cloud
+## <a href="https://cloud.google.com/" target="_blank">Google Cloud</a>
 ![google-cloud](http://gilbarbara.github.io/logos/google-cloud.svg)
 
-## google developers
+## <a href="https://developers.google.com/" target="_blank">Google Developers</a>
 ![google-developers](http://gilbarbara.github.io/logos/google-developers.svg)
 
-## grunt
+## <a href="https://golang.org/" target="_blank">Go</a>
+![go](http://gilbarbara.github.io/logos/gopher.svg)
+
+## <a href="http://gruntjs.com/" target="_blank">Grunt</a>
 ![grunt](http://gilbarbara.github.io/logos/grunt.svg)
 
-## gulp
+## <a href="http://gulpjs.com/" target="_blank">Gulp</a>
 ![gulp](http://gilbarbara.github.io/logos/gulp.svg)
 
-## haml
+## <a href="http://haml.info/" target="_blank">Haml</a>
 ![haml](http://gilbarbara.github.io/logos/haml.svg)
 
-## handlebars
+## <a href="http://handlebarsjs.com/" target="_blank">Handlebars</a>
 ![handlebars](http://gilbarbara.github.io/logos/handlebars.svg)
 
-## hapi
+## <a href="http://hapijs.com/" target="_blank">hapi</a>
 ![hapi](http://gilbarbara.github.io/logos/hapi.svg)
 
-## harrow
+## <a href="https://www.harrow.io/" target="_blank">Harrow</a>
 ![harrow](http://gilbarbara.github.io/logos/harrow.svg)
 
-## heroku
+## <a href="https://www.heroku.com/" target="_blank">Heroku</a>
 ![heroku](http://gilbarbara.github.io/logos/heroku.svg)
 
-## HTML5
+## <a href="http://www.w3.org/TR/html5/" target="_blank">HTML5</a>
 ![html-5](http://gilbarbara.github.io/logos/html-5.svg)
 
-## html5-boilerplate
+## <a href="https://html5boilerplate.com/" target="_blank">HTML5 Boilerplate</a>
 ![html5-boilerplate](http://gilbarbara.github.io/logos/html5-boilerplate.svg)
 
-## invision
+## <a href="http://www.invisionapp.com/" target="_blank">Invision</a>
 ![invision](http://gilbarbara.github.io/logos/invision.svg)
 
-## io
+## <a href="https://iojs.org/" target="_blank">io.js</a>
 ![io](http://gilbarbara.github.io/logos/io.svg)
 
-## ionic
+## <a href="http://ionicframework.com/" target="_blank">Ionic</a>
 ![ionic](http://gilbarbara.github.io/logos/ionic.svg)
 
-## jasmine
+## <a href="http://jade-lang.com/" target="_blank">Jade</a>
+![jade](http://gilbarbara.github.io/logos/jade.svg)
+
+## <a href="http://jasmine.github.io/" target="_blank">Jasmine</a>
 ![jasmine](http://gilbarbara.github.io/logos/jasmine.svg)
 
-## javascript
+## <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank">javascript (JS)</a>
 ![javascript](http://gilbarbara.github.io/logos/javascript.svg)
 
-## jetbrains
+## <a href="https://jenkins-ci.org/" target="_blank">Jenkins</a>
+![jenkins](http://gilbarbara.github.io/logos/jenkins.svg)
+
+## <a href="https://www.jetbrains.com/" target="_blank">JetBrains</a>
 ![jetbrains](http://gilbarbara.github.io/logos/jetbrains.svg)
 
-## jquery
+## <a href="https://jquery.com/" target="_blank">jQuery</a>
 ![jquery](http://gilbarbara.github.io/logos/jquery.svg)
 
-## json
+## <a href="https://jsbin.com/" target="_blank">jsbin</a>
+![jsbin](http://gilbarbara.github.io/logos/jsbin.svg)
+
+## <a href="http://json.org/" target="_blank">JSON</a>
 ![json](http://gilbarbara.github.io/logos/json.svg)
 
-## jspm
+## <a href="http://jspm.io/" target="_blank">jspm</a>
 ![jspm](http://gilbarbara.github.io/logos/jspm.svg)
 
-## karma
+## <a href="http://karma-runner.github.io/" target="_blank">Karma</a>
 ![karma](http://gilbarbara.github.io/logos/karma.svg)
 
-## kraken
+## <a href="http://keen.io/" target="_blank">Keen IO</a>
+![keen](http://gilbarbara.github.io/logos/keen.svg)
+
+## <a href="http://krakenjs.com/" target="_blank">Kraken</a>
 ![kraken](http://gilbarbara.github.io/logos/kraken.svg)
 
-## laravel
+## <a href="http://laravel.com/" target="_blank">Laravel</a>
 ![laravel](http://gilbarbara.github.io/logos/laravel.svg)
 
-## leafjet
+## <a href="http://leafletjs.com/" target="_blank">Leafjet</a>
 ![leafjet](http://gilbarbara.github.io/logos/leafjet.svg)
 
-## less
+## <a href="http://lesscss.org/" target="_blank">Less</a>
 ![less](http://gilbarbara.github.io/logos/less.svg)
 
-## lodash
+## <a href="https://lodash.com/" target="_blank">Lodash</a>
 ![lodash](http://gilbarbara.github.io/logos/lodash.svg)
 
-## mariadb
+## <a href="https://mariadb.org/" target="_blank">MariaDB</a>
 ![mariadb](http://gilbarbara.github.io/logos/mariadb.svg)
 
-## marionette
+## <a href="http://marionettejs.com/" target="_blank">Marionette.js</a>
 ![marionette](http://gilbarbara.github.io/logos/marionette.svg)
 
-## markdown
+## <a href="http://daringfireball.net/projects/markdown/" target="_blank">Markdown</a>
 ![markdown](http://gilbarbara.github.io/logos/markdown.svg)
 
-## material-ui
+## <a href="http://material-ui.com/" target="_blank">Material UI</a>
 ![material-ui](http://gilbarbara.github.io/logos/material-ui.svg)
 
-## MDN
+## <a href="https://developer.mozilla.org/" target="_blank">MDN</a>
 ![mdn](http://gilbarbara.github.io/logos/mdn.svg)
 
-## memcached
+## <a href="http://memcached.org/" target="_blank">Memcached</a>
 ![memcached](http://gilbarbara.github.io/logos/memcached.svg)
 
-## meteor
+## <a href="https://www.meteor.com/" target="_blank">Meteor</a>
 ![meteor](http://gilbarbara.github.io/logos/meteor-icon.svg)
 
 ![meteor](http://gilbarbara.github.io/logos/meteor.svg)
 
-## mocha
+## <a href="http://mochajs.org/" target="_blank">Mocha</a>
 ![mocha](http://gilbarbara.github.io/logos/mocha.svg)
 
-## modernizr
+## <a href="http://modernizr.com/" target="_blank">Modernizr</a>
 ![modernizr](http://gilbarbara.github.io/logos/modernizr.svg)
 
-## mongodb
+## <a href="https://www.mongodb.org/" target="_blank">MongoDB</a>
 ![mongodb](http://gilbarbara.github.io/logos/mongodb.svg)
 
-## mysql
+## <a href="http://dev.mysql.com/" target="_blank">MySQL</a>
 ![mysql](http://gilbarbara.github.io/logos/mysql.svg)
 
-## nativescript
+## <a href="https://www.nativescript.org/" target="_blank">NativeScript</a>
 ![nativescript](http://gilbarbara.github.io/logos/nativescript.svg)
 
-## nginx
+## <a href="https://www.nginx.com/" target="_blank">NGINX</a>
 ![nginx](http://gilbarbara.github.io/logos/nginx.svg)
 
-## nodejitsu
+## <a href="https://www.nodejitsu.com/" target="_blank">Nodejitsu</a>
 ![nodejitsu](http://gilbarbara.github.io/logos/nodejitsu.svg)
 
-## nodejs
+## <a href="https://nodejs.org/" target="_blank">Node.js</a>
 ![nodejs](http://gilbarbara.github.io/logos/nodejs-icon.svg)
 
 ![nodejs](http://gilbarbara.github.io/logos/nodejs.svg)
 
-## nodemon
+## <a href="http://nodemon.io/" target="_blank">nodemon</a>
 ![nodemon](http://gilbarbara.github.io/logos/nodemon.svg)
 
-## npm
+## <a href="https://www.npmjs.com/" target="_blank">NPM</a>
 ![npm](http://gilbarbara.github.io/logos/npm.svg)
 
-![npm-2](http://gilbarbara.github.io/logos/npm-2.svg)
+![npm](http://gilbarbara.github.io/logos/npm-2.svg)
 
-## nuclide
+## <a href="http://nuclide.io/" target="_blank">Nuclide</a>
 ![nuclide](http://gilbarbara.github.io/logos/nuclide.svg)
 
-## oauth
+## <a href="http://oauth.net/" target="_blank">OAuth</a>
 ![oauth](http://gilbarbara.github.io/logos/oauth.svg)
 
-## open graph
+## <a href="http://ogp.me/" target="_blank">Open Graph</a>
 ![open-graph](http://gilbarbara.github.io/logos/open-graph.svg)
 
-## openlayers
+## <a href="http://openlayers.org/" target="_blank">OpenLayers</a>
 ![openlayers](http://gilbarbara.github.io/logos/openlayers.svg)
 
-## optimizely
+## <a href="https://www.optimizely.com/" target="_blank">Optimizely</a>
 ![optimizely](http://gilbarbara.github.io/logos/optimizely.svg)
 
-## passport
+## <a href="http://passportjs.org/" target="_blank">Passport</a>
 ![passport](http://gilbarbara.github.io/logos/passport.svg)
 
-## phonegap
+## <a href="http://phonegap.com/" target="_blank">PhoneGap</a>
 ![phonegap](http://gilbarbara.github.io/logos/phonegap.svg)
 
-![phonegap-bot](http://gilbarbara.github.io/logos/phonegap-bot.svg)
+![phonegap](http://gilbarbara.github.io/logos/phonegap-bot.svg)
 
-## PHP
+## <a href="http://php.net/" target="_blank">PHP</a>
 ![php](http://gilbarbara.github.io/logos/php.svg)
 
-## polymer
+## <a href="https://www.polymer-project.org/1.0/" target="_blank">Polymer</a>
 ![polymer](http://gilbarbara.github.io/logos/polymer.svg)
 
-## postgresql
+## <a href="http://www.postgresql.org/" target="_blank">PostgreSQL</a>
 ![postgresql](http://gilbarbara.github.io/logos/postgresql.svg)
 
-## puppet
+## <a href="https://puppetlabs.com/" target="_blank">Puppet</a>
 ![puppet](http://gilbarbara.github.io/logos/puppet.svg)
 
-## Python
+## <a href="https://www.python.org/" target="_blank">Python</a>
 ![python](http://gilbarbara.github.io/logos/python.svg)
 
-## q
+## <a href="https://github.com/kriskowal/q" target="_blank">Q</a>
 ![q](http://gilbarbara.github.io/logos/q.svg)
 
-## rails
+## <a href="http://rubyonrails.org/" target="_blank">Rails</a>
 ![rails](http://gilbarbara.github.io/logos/rails.svg)
 
-## Raphaël
+## <a href="http://raphaeljs.com/" target="_blank">Raphaël</a>
 ![raphael](http://gilbarbara.github.io/logos/raphael.svg)
 
-## React
+## <a href="https://facebook.github.io/react/" target="_blank">React</a>
 ![react](http://gilbarbara.github.io/logos/react.svg)
 
-## redis
+## <a href="http://redis.io/" target="_blank">Redis</a>
 ![redis](http://gilbarbara.github.io/logos/redis.svg)
 
-## require
+## <a href="http://requirejs.org/" target="_blank">RequireJS</a>
 ![require](http://gilbarbara.github.io/logos/require.svg)
 
-## rest
+## <a href="https://en.wikipedia.org/wiki/Representational_state_transfer" target="_blank">Rest</a>
 ![rest](http://gilbarbara.github.io/logos/rest.svg)
 
-## Ruby
+## <a href="https://www.ruby-lang.org/" target="_blank">Ruby</a>
 ![ruby](http://gilbarbara.github.io/logos/ruby.svg)
 
-## rubygems
+## <a href="https://rubygems.org/" target="_blank">RubyGems</a>
 ![rubygems](http://gilbarbara.github.io/logos/rubygems.svg)
 
-## SASS
+## <a href="http://sass-lang.com/" target="_blank">Sass</a>
 ![sass](http://gilbarbara.github.io/logos/sass.svg)
 
-## Scala
+## <a href="http://www.scala-lang.org/" target="_blank">Scala</a>
 ![scala](http://gilbarbara.github.io/logos/scala.svg)
 
-## snap.svg
-![snap.svg](http://gilbarbara.github.io/logos/snap-svg.svg)
+## <a href="http://www.sinatrarb.com/" target="_blank">Sinatra</a>
+![sinatra](http://gilbarbara.github.io/logos/sinatra.svg)
 
-## Socket.io
+## <a href="http://snapsvg.io/" target="_blank">Snap.svg</a>
+![snap-svg](http://gilbarbara.github.io/logos/snap-svg.svg)
+
+## <a href="http://socket.io/" target="_blank">Socket.io</a>
 ![socket.io](http://gilbarbara.github.io/logos/socket.io.svg)
 
-## Stack Overflow
+## <a href="http://stackoverflow.com/" target="_blank">Stack Overflow</a>
 ![stackoverflow](http://gilbarbara.github.io/logos/stackoverflow.svg)
 
-## stylus
+## <a href="https://learnboost.github.io/stylus/" target="_blank">Stylus</a>
 ![stylus](http://gilbarbara.github.io/logos/stylus.svg)
 
-## SVG
+## <a href="http://www.w3.org/Graphics/SVG/" target="_blank">SVG</a>
 ![svg](http://gilbarbara.github.io/logos/svg.svg)
 
-## swift
+## <a href="https://developer.apple.com/swift/" target="_blank">Swift</a>
 ![swift](http://gilbarbara.github.io/logos/swift.svg)
 
-## traackr
+## <a href="http://traackr.com/" target="_blank">Traackr</a>
 ![traackr](http://gilbarbara.github.io/logos/traackr.svg)
 
-## travis
-![travis](http://gilbarbara.github.io/logos/travis-ci.svg)
+## <a href="https://travis-ci.org/" target="_blank">Travis CI</a>
+![travis-ci](http://gilbarbara.github.io/logos/travis-ci-icon.svg)
 
-![travis](http://gilbarbara.github.io/logos/travis-ci-icon.svg)
+![travis-ci](http://gilbarbara.github.io/logos/travis-ci.svg)
 
-## vagrant
+## <a href="https://www.vagrantup.com/" target="_blank">Vagrant</a>
 ![vagrant](http://gilbarbara.github.io/logos/vagrant.svg)
 
-## vue
+## <a href="https://www.visualstudio.com/" target="_blank">Visual Studio</a>
+![visual-studio](http://gilbarbara.github.io/logos/visual-studio.svg)
+
+## <a href="http://vuejs.org/" target="_blank">Vue.js</a>
 ![vue](http://gilbarbara.github.io/logos/vue.svg)
 
-## W3C
+## <a href="http://www.w3.org/" target="_blank">W3C</a>
 ![w3c](http://gilbarbara.github.io/logos/w3c.svg)
 
-## web platform
-![webplatform](http://gilbarbara.github.io/logos/webplatform.svg)
-
-## webpack
+## <a href="http://webpack.github.io/" target="_blank">webpack</a>
 ![webpack](http://gilbarbara.github.io/logos/webpack.svg)
 
-## wercker
+## <a href="https://www.webplatform.org/" target="_blank">WebPlatform</a>
+![webplatform](http://gilbarbara.github.io/logos/webplatform.svg)
+
+## <a href="http://wercker.com/" target="_blank">Wercker</a>
 ![wercker](http://gilbarbara.github.io/logos/wercker.svg)
 
-## wordpress
-![wordpress-icon](http://gilbarbara.github.io/logos/wordpress-icon.svg)
+## <a href="https://wordpress.org/" target="_blank">Wordpress</a>
+![wordpress](http://gilbarbara.github.io/logos/wordpress-icon.svg)
 
 ![wordpress](http://gilbarbara.github.io/logos/wordpress.svg)
 
-## ycombinator
+## <a href="http://www.ycombinator.com/" target="_blank">YCombinator</a>
 ![ycombinator](http://gilbarbara.github.io/logos/ycombinator.svg)
 
-## yeoman
+## <a href="http://yeoman.io/" target="_blank">Yeoman</a>
 ![yeoman](http://gilbarbara.github.io/logos/yeoman.svg)
+
diff --git a/assets/index.html b/assets/index.html
deleted file mode 100644
index 65767c0..0000000
--- a/assets/index.html
+++ /dev/null
@@ -1,485 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>SVG PORN</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"/>
-    <meta name="description" content="A collection of svg logos for developers. angular, apache, atom, auth0, autoprefixer, aws, babel, backbone, bash, bem, blocs, bootstrap, bower, brackets, browserify, browserstack, capistrano, chai, chalk, chef, chrome, codepen, codeship, coffeescript, compass, couchdb, coveralls, crossbrowsertesting, css 3, d3, digital ocean, django, docker, drupal, ember, emmet, engine yard, es6, eslint, express, firebase, firefox, flask, flow, flux, forever, git, github, gitlab, google cloud, google developers, grunt, gulp, haml, handlebars, hapi, harrow, heroku, html 5, html5-boilerplate, invision, io, ionic, jade, jasmine, javascript, jetbrains, jquery, json, jspm, karma, kraken, laravel, leafjet, less, lodash, mariadb, marionette, markdown, material-ui, mdn, memcached, meteor, mocha, modernizr, mongodb, mysql, nativescript, nginx, nodejitsu, nodejs, nodemon, npm, nuclide, oauth, open graph, openlayers, optimizely, passport, phonegap, php, polymer, postgresql, puppet, python, q, rails, raphael, react, redis, require, rest, ruby, rubygems, sass, scala, snap svg, socket.io, stackoverflow, stylus, svg, swift, traack, travis ci, vagrant, vue, w3c, webpack, webplatform, wercker, wordpress, ycombinator, yeoman"/>
-    <meta property="og:title" content="SVG Porn"/>
-    <meta property="og:url" content="http://gilbarbara.github.io/logos/"/>
-    <meta property="og:description" content="A collection of svg logos for developers."/>
-    <meta property="og:image" content="http://svgporn.com/og-image.png"/>
-    <meta property="og:type" content="website"/>
-    <meta name="google-site-verification" content="hsF0-sA8sjC3wGoPZFBV8zHSJ4w8Suk7JYv-HSwE3B4" />
-    <!-- build:css(.tmp) main.css -->
-    <link rel="stylesheet" href=".tmp/main.css">
-    <!-- endbuild -->
-</head>
-<body>
-<div class="container">
-    <header>
-    	<img src="media/svg-porn.svg" class="logo"/>
-    	<h3>A collection of svg logos for developers.</h3>
-    </header>
-
-    <div class="logos">
-        <div>
-            <img src="../logos/angular-icon.svg" alt="angular" title="angular"/>
-        </div>
-        <div>
-            <img src="../logos/angular.svg" alt="angular" title="angular"/>
-        </div>
-        <div>
-            <img src="../logos/apache.svg" alt="apache" title="apache"/>
-        </div>
-        <div>
-            <img src="../logos/atom.svg" alt="atom" title="atom"/>
-        </div>
-        <div>
-            <img src="../logos/auth0.svg" alt="auth0" title="auth0"/>
-        </div>
-        <div>
-            <img src="../logos/autoprefixer.svg" alt="autoprefixer" title="autoprefixer"/>
-        </div>
-        <div>
-            <img src="../logos/aws.svg" alt="aws" title="aws"/>
-        </div>
-        <div>
-            <img src="../logos/babel.svg" alt="babel" title="babel"/>
-        </div>
-        <div>
-            <img src="../logos/backbone-icon.svg" alt="backbone" title="backbone"/>
-        </div>
-        <div>
-            <img src="../logos/backbone.svg" alt="backbone" title="backbone"/>
-        </div>
-        <div>
-            <img src="../logos/bash.svg" alt="bash" title="bash"/>
-        </div>
-        <div>
-            <img src="../logos/bem.svg" alt="BEM" title="BEM"/>
-        </div>
-        <div>
-            <img src="../logos/blocs.svg" alt="blocs" title="blocs"/>
-        </div>
-        <div>
-            <img src="../logos/bootstrap.svg" alt="bootstrap" title="bootstrap"/>
-        </div>
-        <div>
-            <img src="../logos/bower.svg" alt="bower" title="bower"/>
-        </div>
-        <div>
-            <img src="../logos/brackets.svg" alt="brackets" title="brackets"/>
-        </div>
-        <div>
-            <img src="../logos/browserify-icon.svg" alt="browserify" title="browserify"/>
-        </div>
-        <div>
-            <img src="../logos/browserify.svg" alt="browserify" title="browserify"/>
-        </div>
-        <div>
-            <img src="../logos/browserstack.svg" alt="browserstack" title="browserstack"/>
-        </div>
-        <div>
-            <img src="../logos/capistrano.svg" alt="capistrano" title="capistrano"/>
-        </div>
-        <div>
-            <img src="../logos/chai.svg" alt="chai" title="chai"/>
-        </div>
-        <div>
-            <img src="../logos/chalk.svg" alt="chalk" title="chalk"/>
-        </div>
-        <div>
-            <img src="../logos/chef.svg" alt="chef" title="chef"/>
-        </div>
-        <div>
-            <img src="../logos/chrome.svg" alt="chrome" title="chrome"/>
-        </div>
-        <div>
-            <img src="../logos/codepen-icon.svg" alt="codepen" title="codepen"/>
-        </div>
-        <div>
-            <img src="../logos/codepen.svg" alt="codepen" title="codepen"/>
-        </div>
-        <div>
-            <img src="../logos/codeship.svg" alt="codeship" title="codeship"/>
-        </div>
-        <div>
-            <img src="../logos/coffeescript.svg" alt="coffeescript" title="coffeescript"/>
-        </div>
-        <div>
-            <img src="../logos/compass.svg" alt="compass" title="compass"/>
-        </div>
-        <div>
-            <img src="../logos/couchdb.svg" alt="couchdb" title="couchdb"/>
-        </div>
-        <div>
-            <img src="../logos/coveralls.svg" alt="coveralls" title="coveralls"/>
-        </div>
-        <div>
-            <img src="../logos/crossbrowsertesting.svg" alt="crossbrowsertesting" title="crossbrowsertesting"/>
-        </div>
-        <div>
-            <img src="../logos/css-3.svg" alt="css-3" title="css-3"/>
-        </div>
-        <div>
-            <img src="../logos/d3.svg" alt="d3" title="d3"/>
-        </div>
-        <div>
-            <img src="../logos/digital-ocean.svg" alt="digital ocean" title="digital ocean"/>
-        </div>
-        <div>
-            <img src="../logos/django.svg" alt="django" title="django"/>
-        </div>
-        <div>
-            <img src="../logos/docker.svg" alt="docker" title="docker"/>
-        </div>
-        <div>
-            <img src="../logos/drupal.svg" alt="drupal" title="drupal"/>
-        </div>
-        <div>
-            <img src="../logos/ember.svg" alt="ember" title="ember"/>
-        </div>
-        <div>
-            <img src="../logos/ember-tomster.svg" alt="ember-tomster" title="ember-tomster"/>
-        </div>
-        <div>
-            <img src="../logos/engine-yard.svg" alt="engine yard" title="engine yard"/>
-        </div>
-        <div>
-            <img src="../logos/emmet.svg" alt="emmet" title="emmet"/>
-        </div>
-        <div>
-            <img src="../logos/es6.svg" alt="es6" title="es6"/>
-        </div>
-        <div>
-            <img src="../logos/eslint.svg" alt="eslint" title="eslint"/>
-        </div>
-        <div>
-            <img src="../logos/express.svg" alt="express" title="express"/>
-        </div>
-        <div>
-            <img src="../logos/firebase.svg" alt="firebase" title="firebase"/>
-        </div>
-        <div>
-            <img src="../logos/firefox.svg" alt="firefox" title="firefox"/>
-        </div>
-        <div>
-            <img src="../logos/flask.svg" alt="flask" title="flask"/>
-        </div>
-        <div>
-            <img src="../logos/flow.svg" alt="flow" title="flow"/>
-        </div>
-        <div>
-            <img src="../logos/flux.svg" alt="flux" title="flux"/>
-        </div>
-        <div>
-            <img src="../logos/forever.svg" alt="forever" title="forever"/>
-        </div>
-        <div>
-            <img src="../logos/git-icon.svg" alt="git" title="git"/>
-        </div>
-        <div>
-            <img src="../logos/git.svg" alt="git" title="git"/>
-        </div>
-        <div>
-            <img src="../logos/github-icon.svg" alt="github" title="github"/>
-        </div>
-        <div>
-            <img src="../logos/github.svg" alt="github" title="github"/>
-        </div>
-        <div>
-            <img src="../logos/github-octocat.svg" alt="github-octocat" title="github-octocat"/>
-        </div>
-        <div>
-            <img src="../logos/gitlab.svg" alt="gitlab" title="gitlab"/>
-        </div>
-        <div>
-            <img src="../logos/google-cloud.svg" alt="google-cloud" title="google-cloud"/>
-        </div>
-        <div>
-            <img src="../logos/google-developers.svg" alt="google-developers" title="google-developers"/>
-        </div>
-        <div>
-            <img src="../logos/grunt.svg" alt="grunt" title="grunt"/>
-        </div>
-        <div>
-            <img src="../logos/gulp.svg" alt="gulp" title="gulp"/>
-        </div>
-        <div>
-            <img src="../logos/haml.svg" alt="haml" title="haml"/>
-        </div>
-        <div>
-            <img src="../logos/handlebars.svg" alt="handlebars" title="handlebars"/>
-        </div>
-        <div>
-            <img src="../logos/hapi.svg" alt="hapi" title="hapi"/>
-        </div>
-        <div>
-            <img src="../logos/harrow.svg" alt="harrow" title="harrow"/>
-        </div>
-        <div>
-            <img src="../logos/heroku.svg" alt="heroku" title="heroku"/>
-        </div>
-        <div>
-            <img src="../logos/html-5.svg" alt="html-5" title="html-5"/>
-        </div>
-        <div>
-            <img src="../logos/html5-boilerplate.svg" alt="html5-boilerplate" title="html5-boilerplate"/>
-        </div>
-        <div>
-            <img src="../logos/invision.svg" alt="invision" title="invision"/>
-        </div>
-        <div>
-            <img src="../logos/io.svg" alt="io" title="io"/>
-        </div>
-        <div>
-            <img src="../logos/ionic.svg" alt="ionic" title="ionic"/>
-        </div>
-        <div>
-            <img src="../logos/jade.svg" alt="jade" title="jade"/>
-        </div>
-        <div>
-            <img src="../logos/jasmine.svg" alt="jasmine" title="jasmine"/>
-        </div>
-        <div>
-            <img src="../logos/javascript.svg" alt="javascript" title="javascript"/>
-        </div>
-        <div>
-            <img src="../logos/jetbrains.svg" alt="jetbrains" title="jetbrains"/>
-        </div>
-        <div>
-            <img src="../logos/jquery.svg" alt="jquery" title="jquery"/>
-        </div>
-        <div>
-            <img src="../logos/json.svg" alt="json" title="json"/>
-        </div>
-        <div>
-            <img src="../logos/jspm.svg" alt="jspm" title="jspm"/>
-        </div>
-        <div>
-            <img src="../logos/karma.svg" alt="karma" title="karma"/>
-        </div>
-        <div>
-            <img src="../logos/kraken.svg" alt="kraken" title="kraken"/>
-        </div>
-        <div>
-            <img src="../logos/laravel.svg" alt="laravel" title="laravel"/>
-        </div>
-        <div>
-            <img src="../logos/leafjet.svg" alt="leafjet" title="leafjet"/>
-        </div>
-        <div>
-            <img src="../logos/less.svg" alt="less" title="less"/>
-        </div>
-        <div>
-            <img src="../logos/lodash.svg" alt="lodash" title="lodash"/>
-        </div>
-        <div>
-            <img src="../logos/mariadb.svg" alt="maria db" title="maria db"/>
-        </div>
-        <div>
-            <img src="../logos/marionette.svg" alt="marionette" title="marionette"/>
-        </div>
-        <div>
-            <img src="../logos/markdown.svg" alt="markdown" title="markdown"/>
-        </div>
-        <div>
-            <img src="../logos/material-ui.svg" alt="material-ui" title="material-ui"/>
-        </div>
-        <div>
-            <img src="../logos/mdn.svg" alt="mdn" title="mdn"/>
-        </div>
-        <div>
-            <img src="../logos/memcached.svg" alt="memcached" title="memcached"/>
-        </div>
-        <div>
-            <img src="../logos/meteor-icon.svg" alt="meteor" title="meteor"/>
-        </div>
-        <div>
-            <img src="../logos/meteor.svg" alt="meteor" title="meteor"/>
-        </div>
-        <div>
-            <img src="../logos/mocha.svg" alt="mocha" title="mocha"/>
-        </div>
-        <div>
-            <img src="../logos/modernizr.svg" alt="modernizr" title="modernizr"/>
-        </div>
-        <div>
-            <img src="../logos/mongodb.svg" alt="mongo db" title="mongo db"/>
-        </div>
-        <div>
-            <img src="../logos/mysql.svg" alt="mysql" title="mysql"/>
-        </div>
-        <div>
-            <img src="../logos/nativescript.svg" alt="nativescript" title="nativescript"/>
-        </div>
-        <div>
-            <img src="../logos/nginx.svg" alt="nginx" title="nginx"/>
-        </div>
-        <div>
-            <img src="../logos/nodejitsu.svg" alt="nodejitsu" title="nodejitsu"/>
-        </div>
-        <div>
-            <img src="../logos/nodejs-icon.svg" alt="nodejs" title="nodejs"/>
-        </div>
-        <div>
-            <img src="../logos/nodejs.svg" alt="nodejs" title="nodejs"/>
-        </div>
-        <div>
-            <img src="../logos/nodemon.svg" alt="nodemon" title="nodemon"/>
-        </div>
-        <div>
-            <img src="../logos/npm.svg" alt="npm" title="npm"/>
-        </div>
-        <div>
-            <img src="../logos/npm-2.svg" alt="npm" title="npm"/>
-        </div>
-        <div>
-            <img src="../logos/nuclide.svg" alt="nuclide" title="nuclide"/>
-        </div>
-        <div>
-            <img src="../logos/oauth.svg" alt="oauth" title="oauth"/>
-        </div>
-        <div>
-            <img src="../logos/open-graph.svg" alt="open-graph" title="open-graph"/>
-        </div>
-        <div>
-            <img src="../logos/openlayers.svg" alt="openlayers" title="openlayers"/>
-        </div>
-        <div>
-            <img src="../logos/optimizely.svg" alt="optimizely" title="optimizely"/>
-        </div>
-        <div>
-            <img src="../logos/passport.svg" alt="passport" title="passport"/>
-        </div>
-        <div>
-            <img src="../logos/phonegap.svg" alt="phonegap" title="phonegap"/>
-        </div>
-        <div>
-            <img src="../logos/phonegap-bot.svg" alt="phonegap-bot" title="phonegap-bot"/>
-        </div>
-        <div>
-            <img src="../logos/php.svg" alt="php" title="php"/>
-        </div>
-        <div>
-            <img src="../logos/polymer.svg" alt="polymer" title="polymer"/>
-        </div>
-        <div>
-            <img src="../logos/postgresql.svg" alt="postgresql" title="postgresql"/>
-        </div>
-        <div>
-            <img src="../logos/puppet.svg" alt="puppet" title="puppet"/>
-        </div>
-        <div>
-            <img src="../logos/python.svg" alt="python" title="python"/>
-        </div>
-        <div>
-            <img src="../logos/q.svg" alt="q" title="q"/>
-        </div>
-        <div>
-            <img src="../logos/rails.svg" alt="rails" title="rails"/>
-        </div>
-        <div>
-            <img src="../logos/raphael.svg" alt="raphael" title="raphael"/>
-        </div>
-        <div>
-            <img src="../logos/react.svg" alt="react" title="react"/>
-        </div>
-        <div>
-            <img src="../logos/require.svg" alt="requirejs" title="requirejs"/>
-        </div>
-        <div>
-            <img src="../logos/redis.svg" alt="redis" title="redis"/>
-        </div>
-        <div>
-            <img src="../logos/rest.svg" alt="rest" title="rest"/>
-        </div>
-        <div>
-            <img src="../logos/ruby.svg" alt="ruby" title="ruby"/>
-        </div>
-        <div>
-            <img src="../logos/rubygems.svg" alt="rubygems" title="rubygems"/>
-        </div>
-        <div>
-            <img src="../logos/sass.svg" alt="sass" title="sass"/>
-        </div>
-        <div>
-            <img src="../logos/scala.svg" alt="scala" title="scala"/>
-        </div>
-        <div>
-            <img src="../logos/snap-svg.svg" alt="snap-svg" title="snap-svg"/>
-        </div>
-        <div>
-            <img src="../logos/socket.io.svg" alt="socket.io" title="socket.io"/>
-        </div>
-        <div>
-            <img src="../logos/stackoverflow.svg" alt="stack overflow" title="stack overflow"/>
-        </div>
-        <div>
-            <img src="../logos/stylus.svg" alt="stylus" title="stylus"/>
-        </div>
-        <div>
-            <img src="../logos/svg.svg" alt="svg" title="svg"/>
-        </div>
-        <div>
-            <img src="../logos/swift.svg" alt="swift" title="swift"/>
-        </div>
-        <div>
-            <img src="../logos/traackr.svg" alt="traackr" title="traackr"/>
-        </div>
-        <div>
-            <img src="../logos/travis-ci.svg" alt="travis-ci" title="travis-ci"/>
-        </div>
-        <div>
-            <img src="../logos/travis-ci-icon.svg" alt="travis-ci" title="travis-ci"/>
-        </div>
-        <div>
-            <img src="../logos/vagrant.svg" alt="vagrant" title="vagrant"/>
-        </div>
-        <div>
-            <img src="../logos/vue.svg" alt="vue" title="vue"/>
-        </div>
-        <div>
-            <img src="../logos/w3c.svg" alt="w3c" title="w3c"/>
-        </div>
-        <div>
-            <img src="../logos/webpack.svg" alt="webpack" title="webpack"/>
-        </div>
-        <div>
-            <img src="../logos/webplatform.svg" alt="webplatform" title="webplatform"/>
-        </div>
-        <div>
-            <img src="../logos/wercker.svg" alt="wercker" title="wercker"/>
-        </div>
-        <div>
-            <img src="../logos/wordpress-icon.svg" alt="wordpress" title="wordpress"/>
-        </div>
-        <div>
-            <img src="../logos/wordpress.svg" alt="wordpress" title="wordpress"/>
-        </div>
-        <div>
-            <img src="../logos/ycombinator.svg" alt="ycombinator" title="ycombinator"/>
-        </div>
-        <div>
-            <img src="../logos/yeoman.svg" alt="yeoman" title="yeoman"/>
-        </div>
-    </div>
-    <footer>
-        <iframe src="https://ghbtns.com/github-btn.html?user=gilbarbara&repo=logos&type=star&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
-        <iframe src="https://ghbtns.com/github-btn.html?user=gilbarbara&type=follow&count=true" frameborder="0" scrolling="0" width="160px" height="20px"></iframe>
-    </footer>
-    <script>
-	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-
-	  ga('create', 'UA-64685370-1', 'auto');
-	  ga('send', 'pageview');
-
-	</script>
-</div>
-</body>
-
-</html>
diff --git a/assets/logos.json b/assets/logos.json
new file mode 100644
index 0000000..20ac9ad
--- /dev/null
+++ b/assets/logos.json
@@ -0,0 +1,1162 @@
+{
+    "items": [
+        {
+            "name": "Angular",
+            "files": [
+                "angular-icon.svg",
+                "angular.svg"
+            ],
+            "shortname": "angular",
+            "url": "https://angularjs.org/"
+        },
+        {
+            "name": "Apache",
+            "files": [
+                "apache.svg"
+            ],
+            "shortname": "apache",
+            "url": "http://www.apache.org/"
+        },
+        {
+            "name": "Atom",
+            "files": [
+                "atom.svg"
+            ],
+            "shortname": "atom",
+            "url": "https://atom.io/"
+        },
+        {
+            "name": "Auth0",
+            "files": [
+                "auth0.svg"
+            ],
+            "shortname": "auth0",
+            "url": "https://auth0.com/"
+        },
+        {
+            "name": "Autoprefixer",
+            "files": [
+                "autoprefixer.svg"
+            ],
+            "shortname": "autoprefixer",
+            "url": "https://github.com/postcss/autoprefixer"
+        },
+        {
+            "name": "AWS",
+            "files": [
+                "aws.svg"
+            ],
+            "shortname": "aws",
+            "url": "http://aws.amazon.com/"
+        },
+        {
+            "name": "Babel",
+            "files": [
+                "babel.svg"
+            ],
+            "shortname": "babel",
+            "url": "https://babeljs.io/"
+        },
+        {
+            "name": "Backbone",
+            "files": [
+                "backbone-icon.svg",
+                "backbone.svg"
+            ],
+            "shortname": "backbone",
+            "url": "http://backbonejs.org/"
+        },
+        {
+            "name": "Shell",
+            "files": [
+                "bash.svg"
+            ],
+            "shortname": "bash",
+            "url": "https://www.gnu.org/software/bash/"
+        },
+        {
+            "name": "Bem",
+            "files": [
+                "bem.svg"
+            ],
+            "shortname": "bem",
+            "url": "https://en.bem.info/"
+        },
+        {
+            "name": "Bitbucket",
+            "files": [
+                "bitbucket.svg"
+            ],
+            "shortname": "bitbucket",
+            "url": "https://bitbucket.org/"
+        },
+        {
+            "name": "Blocs",
+            "files": [
+                "blocs.svg"
+            ],
+            "shortname": "blocs",
+            "url": "http://blocsapp.com/"
+        },
+        {
+            "name": "Bootstrap",
+            "files": [
+                "bootstrap.svg"
+            ],
+            "shortname": "bootstrap",
+            "url": "http://getbootstrap.com/"
+        },
+        {
+            "name": "Bower",
+            "files": [
+                "bower.svg"
+            ],
+            "shortname": "bower",
+            "url": "http://bower.io/"
+        },
+        {
+            "name": "Brackets",
+            "files": [
+                "brackets.svg"
+            ],
+            "shortname": "brackets",
+            "url": "http://brackets.io/"
+        },
+        {
+            "name": "Browserify",
+            "files": [
+                "browserify-icon.svg",
+                "browserify.svg"
+            ],
+            "shortname": "browserify",
+            "url": "http://browserify.org/"
+        },
+        {
+            "name": "BrowserStack",
+            "files": [
+                "browserstack.svg"
+            ],
+            "shortname": "browserstack",
+            "url": "https://www.browserstack.com/"
+        },
+        {
+            "name": "Capistrano",
+            "files": [
+                "capistrano.svg"
+            ],
+            "shortname": "capistrano",
+            "url": "http://capistranorb.com/"
+        },
+        {
+            "name": "Cassandra",
+            "files": [
+                "cassandra.svg"
+            ],
+            "shortname": "cassandra",
+            "url": "http://cassandra.apache.org/"
+        },
+        {
+            "name": "Chai",
+            "files": [
+                "chai.svg"
+            ],
+            "shortname": "chai",
+            "url": "http://chaijs.com/"
+        },
+        {
+            "name": "Chalk",
+            "files": [
+                "chalk.svg"
+            ],
+            "shortname": "chalk",
+            "url": "https://github.com/chalk/chalk"
+        },
+        {
+            "name": "Chef",
+            "files": [
+                "chef.svg"
+            ],
+            "shortname": "chef",
+            "url": "https://www.chef.io/"
+        },
+        {
+            "name": "Chrome",
+            "files": [
+                "chrome.svg"
+            ],
+            "shortname": "chrome",
+            "url": "http://www.google.com/chrome/"
+        },
+        {
+            "name": "Codepen",
+            "files": [
+                "codepen-icon.svg",
+                "codepen.svg"
+            ],
+            "shortname": "codepen",
+            "url": "http://codepen.io/"
+        },
+        {
+            "name": "Codeship",
+            "files": [
+                "codeship.svg"
+            ],
+            "shortname": "codeship",
+            "url": "https://codeship.com/"
+        },
+        {
+            "name": "CoffeeScript",
+            "files": [
+                "coffeescript.svg"
+            ],
+            "shortname": "coffeescript",
+            "url": "http://coffeescript.org/"
+        },
+        {
+            "name": "Compass",
+            "files": [
+                "compass.svg"
+            ],
+            "shortname": "compass",
+            "url": "http://compass-style.org/"
+        },
+        {
+            "name": "CouchDB",
+            "files": [
+                "couchdb.svg"
+            ],
+            "shortname": "couchdb",
+            "url": "http://couchdb.apache.org/"
+        },
+        {
+            "name": "Coveralls",
+            "files": [
+                "coveralls.svg"
+            ],
+            "shortname": "coveralls",
+            "url": "https://coveralls.io/"
+        },
+        {
+            "name": "Cross Browser Testing",
+            "files": [
+                "crossbrowsertesting.svg"
+            ],
+            "shortname": "crossbrowsertesting",
+            "url": "http://crossbrowsertesting.com/"
+        },
+        {
+            "name": "CSS3",
+            "files": [
+                "css-3.svg"
+            ],
+            "shortname": "css-3",
+            "url": "http://www.w3.org/TR/CSS/"
+        },
+        {
+            "name": "cssnext",
+            "files": [
+                "cssnext.svg"
+            ],
+            "shortname": "cssnext",
+            "url": "http://cssnext.io/"
+        },
+        {
+            "name": "D3",
+            "files": [
+                "d3.svg"
+            ],
+            "shortname": "d3",
+            "url": "http://d3js.org/"
+        },
+        {
+            "name": "Digital Ocean",
+            "files": [
+                "digital-ocean.svg"
+            ],
+            "shortname": "digital-ocean",
+            "url": "https://www.digitalocean.com/"
+        },
+        {
+            "name": "Django",
+            "files": [
+                "django.svg"
+            ],
+            "shortname": "django",
+            "url": "https://www.djangoproject.com/"
+        },
+        {
+            "name": "docker",
+            "files": [
+                "docker.svg"
+            ],
+            "shortname": "docker",
+            "url": "https://www.docker.com/"
+        },
+        {
+            "name": "Drupal",
+            "files": [
+                "drupal.svg"
+            ],
+            "shortname": "drupal",
+            "url": "https://www.drupal.org/"
+        },
+        {
+            "name": "Ember",
+            "files": [
+                "ember-tomster.svg",
+                "ember.svg"
+            ],
+            "shortname": "ember",
+            "url": "http://emberjs.com/"
+        },
+        {
+            "name": "Emmet",
+            "files": [
+                "emmet.svg"
+            ],
+            "shortname": "emmet",
+            "url": "http://emmet.io/"
+        },
+        {
+            "name": "Engine Yard",
+            "files": [
+                "engine-yard.svg"
+            ],
+            "shortname": "engine-yard",
+            "url": "https://www.engineyard.com/"
+        },
+        {
+            "name": "ES6",
+            "files": [
+                "es6.svg"
+            ],
+            "shortname": "es6",
+            "url": "http://www.ecmascript.org/"
+        },
+        {
+            "name": "Eslint",
+            "files": [
+                "eslint.svg"
+            ],
+            "shortname": "eslint",
+            "url": "http://eslint.org/"
+        },
+        {
+            "name": "Express",
+            "files": [
+                "express.svg"
+            ],
+            "shortname": "express",
+            "url": "http://expressjs.com/"
+        },
+        {
+            "name": "Firebase",
+            "files": [
+                "firebase.svg"
+            ],
+            "shortname": "firebase",
+            "url": "https://www.firebase.com/"
+        },
+        {
+            "name": "Firefox",
+            "files": [
+                "firefox.svg"
+            ],
+            "shortname": "firefox",
+            "url": "https://firefox.com/"
+        },
+        {
+            "name": "Flask",
+            "files": [
+                "flask.svg"
+            ],
+            "shortname": "flask",
+            "url": "http://flask.pocoo.org/"
+        },
+        {
+            "name": "flexible.gs",
+            "files": [
+                "flexible-gs.svg"
+            ],
+            "shortname": "flexible-gs",
+            "url": "http://flexible.gs/"
+        },
+        {
+            "name": "Flow",
+            "files": [
+                "flow.svg"
+            ],
+            "shortname": "flow",
+            "url": "http://flowtype.org/"
+        },
+        {
+            "name": "Flux",
+            "files": [
+                "flux.svg"
+            ],
+            "shortname": "flux",
+            "url": "https://facebook.github.io/flux/"
+        },
+        {
+            "name": "Forever",
+            "files": [
+                "forever.svg"
+            ],
+            "shortname": "forever",
+            "url": "https://github.com/foreverjs/forever"
+        },
+        {
+            "name": "Git",
+            "files": [
+                "git-icon.svg",
+                "git.svg"
+            ],
+            "shortname": "git",
+            "url": "https://git-scm.com/"
+        },
+        {
+            "name": "Github",
+            "files": [
+                "github-icon.svg",
+                "github.svg",
+                "github-octocat.svg"
+            ],
+            "shortname": "github",
+            "url": "https://github.com/"
+        },
+        {
+            "name": "Gitlab",
+            "files": [
+                "gitlab.svg"
+            ],
+            "shortname": "gitlab",
+            "url": "https://about.gitlab.com/"
+        },
+        {
+            "name": "Google Cloud",
+            "files": [
+                "google-cloud.svg"
+            ],
+            "shortname": "google-cloud",
+            "url": "https://cloud.google.com/"
+        },
+        {
+            "name": "Google Developers",
+            "files": [
+                "google-developers.svg"
+            ],
+            "shortname": "google-developers",
+            "url": "https://developers.google.com/"
+        },
+        {
+            "name": "Go",
+            "files": [
+                "gopher.svg"
+            ],
+            "shortname": "go",
+            "url": "https://golang.org/"
+        },
+        {
+            "name": "Grunt",
+            "files": [
+                "grunt.svg"
+            ],
+            "shortname": "grunt",
+            "url": "http://gruntjs.com/"
+        },
+        {
+            "name": "Gulp",
+            "files": [
+                "gulp.svg"
+            ],
+            "shortname": "gulp",
+            "url": "http://gulpjs.com/"
+        },
+        {
+            "name": "Haml",
+            "files": [
+                "haml.svg"
+            ],
+            "shortname": "haml",
+            "url": "http://haml.info/"
+        },
+        {
+            "name": "Handlebars",
+            "files": [
+                "handlebars.svg"
+            ],
+            "shortname": "handlebars",
+            "url": "http://handlebarsjs.com/"
+        },
+        {
+            "name": "hapi",
+            "files": [
+                "hapi.svg"
+            ],
+            "shortname": "hapi",
+            "url": "http://hapijs.com/"
+        },
+        {
+            "name": "Harrow",
+            "files": [
+                "harrow.svg"
+            ],
+            "shortname": "harrow",
+            "url": "https://www.harrow.io/"
+        },
+        {
+            "name": "Heroku",
+            "files": [
+                "heroku.svg"
+            ],
+            "shortname": "heroku",
+            "url": "https://www.heroku.com/"
+        },
+        {
+            "name": "HTML5",
+            "files": [
+                "html-5.svg"
+            ],
+            "shortname": "html-5",
+            "url": "http://www.w3.org/TR/html5/"
+        },
+        {
+            "name": "HTML5 Boilerplate",
+            "files": [
+                "html5-boilerplate.svg"
+            ],
+            "shortname": "html5-boilerplate",
+            "url": "https://html5boilerplate.com/"
+        },
+        {
+            "name": "Invision",
+            "files": [
+                "invision.svg"
+            ],
+            "shortname": "invision",
+            "url": "http://www.invisionapp.com/"
+        },
+        {
+            "name": "io.js",
+            "files": [
+                "io.svg"
+            ],
+            "shortname": "io",
+            "url": "https://iojs.org/"
+        },
+        {
+            "name": "Ionic",
+            "files": [
+                "ionic.svg"
+            ],
+            "shortname": "ionic",
+            "url": "http://ionicframework.com/"
+        },
+        {
+            "name": "Jade",
+            "files": [
+                "jade.svg"
+            ],
+            "shortname": "jade",
+            "url": "http://jade-lang.com/"
+        },
+        {
+            "name": "Jasmine",
+            "files": [
+                "jasmine.svg"
+            ],
+            "shortname": "jasmine",
+            "url": "http://jasmine.github.io/"
+        },
+        {
+            "name": "javascript (JS)",
+            "files": [
+                "javascript.svg"
+            ],
+            "shortname": "javascript",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/JavaScript"
+        },
+        {
+            "name": "Jenkins",
+            "files": [
+                "jenkins.svg"
+            ],
+            "shortname": "jenkins",
+            "url": "https://jenkins-ci.org/"
+        },
+        {
+            "name": "JetBrains",
+            "files": [
+                "jetbrains.svg"
+            ],
+            "shortname": "jetbrains",
+            "url": "https://www.jetbrains.com/"
+        },
+        {
+            "name": "jQuery",
+            "files": [
+                "jquery.svg"
+            ],
+            "shortname": "jquery",
+            "url": "https://jquery.com/"
+        },
+        {
+            "name": "jsbin",
+            "files": [
+                "jsbin.svg"
+            ],
+            "shortname": "jsbin",
+            "url": "https://jsbin.com/"
+        },
+        {
+            "name": "JSON",
+            "files": [
+                "json.svg"
+            ],
+            "shortname": "json",
+            "url": "http://json.org/"
+        },
+        {
+            "name": "jspm",
+            "files": [
+                "jspm.svg"
+            ],
+            "shortname": "jspm",
+            "url": "http://jspm.io/"
+        },
+        {
+            "name": "Karma",
+            "files": [
+                "karma.svg"
+            ],
+            "shortname": "karma",
+            "url": "http://karma-runner.github.io/"
+        },
+        {
+            "name": "Keen IO",
+            "files": [
+                "keen.svg"
+            ],
+            "shortname": "keen",
+            "url": "http://keen.io/"
+        },
+        {
+            "name": "Kraken",
+            "files": [
+                "kraken.svg"
+            ],
+            "shortname": "kraken",
+            "url": "http://krakenjs.com/"
+        },
+        {
+            "name": "Laravel",
+            "files": [
+                "laravel.svg"
+            ],
+            "shortname": "laravel",
+            "url": "http://laravel.com/"
+        },
+        {
+            "name": "Leafjet",
+            "files": [
+                "leafjet.svg"
+            ],
+            "shortname": "leafjet",
+            "url": "http://leafletjs.com/"
+        },
+        {
+            "name": "Less",
+            "files": [
+                "less.svg"
+            ],
+            "shortname": "less",
+            "url": "http://lesscss.org/"
+        },
+        {
+            "name": "Lodash",
+            "files": [
+                "lodash.svg"
+            ],
+            "shortname": "lodash",
+            "url": "https://lodash.com/"
+        },
+        {
+            "name": "MariaDB",
+            "files": [
+                "mariadb.svg"
+            ],
+            "shortname": "mariadb",
+            "url": "https://mariadb.org/"
+        },
+        {
+            "name": "Marionette.js",
+            "files": [
+                "marionette.svg"
+            ],
+            "shortname": "marionette",
+            "url": "http://marionettejs.com/"
+        },
+        {
+            "name": "Markdown",
+            "files": [
+                "markdown.svg"
+            ],
+            "shortname": "markdown",
+            "url": "http://daringfireball.net/projects/markdown/"
+        },
+        {
+            "name": "Material UI",
+            "files": [
+                "material-ui.svg"
+            ],
+            "shortname": "material-ui",
+            "url": "http://material-ui.com/"
+        },
+        {
+            "name": "MDN",
+            "files": [
+                "mdn.svg"
+            ],
+            "shortname": "mdn",
+            "url": "https://developer.mozilla.org/"
+        },
+        {
+            "name": "Memcached",
+            "files": [
+                "memcached.svg"
+            ],
+            "shortname": "memcached",
+            "url": "http://memcached.org/"
+        },
+        {
+            "name": "Meteor",
+            "files": [
+                "meteor-icon.svg",
+                "meteor.svg"
+            ],
+            "shortname": "meteor",
+            "url": "https://www.meteor.com/"
+        },
+        {
+            "name": "Mocha",
+            "files": [
+                "mocha.svg"
+            ],
+            "shortname": "mocha",
+            "url": "http://mochajs.org/"
+        },
+        {
+            "name": "Modernizr",
+            "files": [
+                "modernizr.svg"
+            ],
+            "shortname": "modernizr",
+            "url": "http://modernizr.com/"
+        },
+        {
+            "name": "MongoDB",
+            "files": [
+                "mongodb.svg"
+            ],
+            "shortname": "mongodb",
+            "url": "https://www.mongodb.org/"
+        },
+        {
+            "name": "MySQL",
+            "files": [
+                "mysql.svg"
+            ],
+            "shortname": "mysql",
+            "url": "http://dev.mysql.com/"
+        },
+        {
+            "name": "NativeScript",
+            "files": [
+                "nativescript.svg"
+            ],
+            "shortname": "nativescript",
+            "url": "https://www.nativescript.org/"
+        },
+        {
+            "name": "NGINX",
+            "files": [
+                "nginx.svg"
+            ],
+            "shortname": "nginx",
+            "url": "https://www.nginx.com/"
+        },
+        {
+            "name": "Nodejitsu",
+            "files": [
+                "nodejitsu.svg"
+            ],
+            "shortname": "nodejitsu",
+            "url": "https://www.nodejitsu.com/"
+        },
+        {
+            "name": "Node.js",
+            "files": [
+                "nodejs-icon.svg",
+                "nodejs.svg"
+            ],
+            "shortname": "nodejs",
+            "url": "https://nodejs.org/"
+        },
+        {
+            "name": "nodemon",
+            "files": [
+                "nodemon.svg"
+            ],
+            "shortname": "nodemon",
+            "url": "http://nodemon.io/"
+        },
+        {
+            "name": "NPM",
+            "files": [
+                "npm.svg",
+                "npm-2.svg"
+            ],
+            "shortname": "npm",
+            "url": "https://www.npmjs.com/"
+        },
+        {
+            "name": "Nuclide",
+            "files": [
+                "nuclide.svg"
+            ],
+            "shortname": "nuclide",
+            "url": "http://nuclide.io/"
+        },
+        {
+            "name": "OAuth",
+            "files": [
+                "oauth.svg"
+            ],
+            "shortname": "oauth",
+            "url": "http://oauth.net/"
+        },
+        {
+            "name": "Open Graph",
+            "files": [
+                "open-graph.svg"
+            ],
+            "shortname": "open-graph",
+            "url": "http://ogp.me/"
+        },
+        {
+            "name": "OpenLayers",
+            "files": [
+                "openlayers.svg"
+            ],
+            "shortname": "openlayers",
+            "url": "http://openlayers.org/"
+        },
+        {
+            "name": "Optimizely",
+            "files": [
+                "optimizely.svg"
+            ],
+            "shortname": "optimizely",
+            "url": "https://www.optimizely.com/"
+        },
+        {
+            "name": "Passport",
+            "files": [
+                "passport.svg"
+            ],
+            "shortname": "passport",
+            "url": "http://passportjs.org/"
+        },
+        {
+            "name": "PhoneGap",
+            "files": [
+                "phonegap.svg",
+                "phonegap-bot.svg"
+            ],
+            "shortname": "phonegap",
+            "url": "http://phonegap.com/"
+        },
+        {
+            "name": "PHP",
+            "files": [
+                "php.svg"
+            ],
+            "shortname": "php",
+            "url": "http://php.net/"
+        },
+        {
+            "name": "Polymer",
+            "files": [
+                "polymer.svg"
+            ],
+            "shortname": "polymer",
+            "url": "https://www.polymer-project.org/1.0/"
+        },
+        {
+            "name": "PostgreSQL",
+            "files": [
+                "postgresql.svg"
+            ],
+            "shortname": "postgresql",
+            "url": "http://www.postgresql.org/"
+        },
+        {
+            "name": "Puppet",
+            "files": [
+                "puppet.svg"
+            ],
+            "shortname": "puppet",
+            "url": "https://puppetlabs.com/"
+        },
+        {
+            "name": "Python",
+            "files": [
+                "python.svg"
+            ],
+            "shortname": "python",
+            "url": "https://www.python.org/"
+        },
+        {
+            "name": "Q",
+            "files": [
+                "q.svg"
+            ],
+            "shortname": "q",
+            "url": "https://github.com/kriskowal/q"
+        },
+        {
+            "name": "Rails",
+            "files": [
+                "rails.svg"
+            ],
+            "shortname": "rails",
+            "url": "http://rubyonrails.org/"
+        },
+        {
+            "name": "Raphaël",
+            "files": [
+                "raphael.svg"
+            ],
+            "shortname": "raphael",
+            "url": "http://raphaeljs.com/"
+        },
+        {
+            "name": "React",
+            "files": [
+                "react.svg"
+            ],
+            "shortname": "react",
+            "url": "https://facebook.github.io/react/"
+        },
+        {
+            "name": "Redis",
+            "files": [
+                "redis.svg"
+            ],
+            "shortname": "redis",
+            "url": "http://redis.io/"
+        },
+        {
+            "name": "RequireJS",
+            "files": [
+                "require.svg"
+            ],
+            "shortname": "require",
+            "url": "http://requirejs.org/"
+        },
+        {
+            "name": "Rest",
+            "files": [
+                "rest.svg"
+            ],
+            "shortname": "rest",
+            "url": "https://en.wikipedia.org/wiki/Representational_state_transfer"
+        },
+        {
+            "name": "Ruby",
+            "files": [
+                "ruby.svg"
+            ],
+            "shortname": "ruby",
+            "url": "https://www.ruby-lang.org/"
+        },
+        {
+            "name": "RubyGems",
+            "files": [
+                "rubygems.svg"
+            ],
+            "shortname": "rubygems",
+            "url": "https://rubygems.org/"
+        },
+        {
+            "name": "Sass",
+            "files": [
+                "sass.svg"
+            ],
+            "shortname": "sass",
+            "url": "http://sass-lang.com/"
+        },
+        {
+            "name": "Scala",
+            "files": [
+                "scala.svg"
+            ],
+            "shortname": "scala",
+            "url": "http://www.scala-lang.org/"
+        },
+        {
+            "name": "Sinatra",
+            "files": [
+                "sinatra.svg"
+            ],
+            "shortname": "sinatra",
+            "url": "http://www.sinatrarb.com/"
+        },
+        {
+            "name": "Snap.svg",
+            "files": [
+                "snap-svg.svg"
+            ],
+            "shortname": "snap-svg",
+            "url": "http://snapsvg.io/"
+        },
+        {
+            "name": "Socket.io",
+            "files": [
+                "socket.io.svg"
+            ],
+            "shortname": "socket.io",
+            "url": "http://socket.io/"
+        },
+        {
+            "name": "Stack Overflow",
+            "files": [
+                "stackoverflow.svg"
+            ],
+            "shortname": "stackoverflow",
+            "url": "http://stackoverflow.com/"
+        },
+        {
+            "name": "Stylus",
+            "files": [
+                "stylus.svg"
+            ],
+            "shortname": "stylus",
+            "url": "https://learnboost.github.io/stylus/"
+        },
+        {
+            "name": "SVG",
+            "files": [
+                "svg.svg"
+            ],
+            "shortname": "svg",
+            "url": "http://www.w3.org/Graphics/SVG/"
+        },
+        {
+            "name": "Swift",
+            "files": [
+                "swift.svg"
+            ],
+            "shortname": "swift",
+            "url": "https://developer.apple.com/swift/"
+        },
+        {
+            "name": "Traackr",
+            "files": [
+                "traackr.svg"
+            ],
+            "shortname": "traackr",
+            "url": "http://traackr.com/"
+        },
+        {
+            "name": "Travis CI",
+            "files": [
+                "travis-ci-icon.svg",
+                "travis-ci.svg"
+            ],
+            "shortname": "travis-ci",
+            "url": "https://travis-ci.org/"
+        },
+        {
+            "name": "Vagrant",
+            "files": [
+                "vagrant.svg"
+            ],
+            "shortname": "vagrant",
+            "url": "https://www.vagrantup.com/"
+        },
+        {
+            "name": "Visual Studio",
+            "files": [
+                "visual-studio.svg"
+            ],
+            "shortname": "visual-studio",
+            "url": "https://www.visualstudio.com/"
+        },
+        {
+            "name": "Vue.js",
+            "files": [
+                "vue.svg"
+            ],
+            "shortname": "vue",
+            "url": "http://vuejs.org/"
+        },
+        {
+            "name": "W3C",
+            "files": [
+                "w3c.svg"
+            ],
+            "shortname": "w3c",
+            "url": "http://www.w3.org/"
+        },
+        {
+            "name": "webpack",
+            "files": [
+                "webpack.svg"
+            ],
+            "shortname": "webpack",
+            "url": "http://webpack.github.io/"
+        },
+        {
+            "name": "WebPlatform",
+            "files": [
+                "webplatform.svg"
+            ],
+            "shortname": "webplatform",
+            "url": "https://www.webplatform.org/"
+        },
+        {
+            "name": "Wercker",
+            "files": [
+                "wercker.svg"
+            ],
+            "shortname": "wercker",
+            "url": "http://wercker.com/"
+        },
+        {
+            "name": "Wordpress",
+            "files": [
+                "wordpress-icon.svg",
+                "wordpress.svg"
+            ],
+            "shortname": "wordpress",
+            "url": "https://wordpress.org/"
+        },
+        {
+            "name": "YCombinator",
+            "files": [
+                "ycombinator.svg"
+            ],
+            "shortname": "ycombinator",
+            "url": "http://www.ycombinator.com/"
+        },
+        {
+            "name": "Yeoman",
+            "files": [
+                "yeoman.svg"
+            ],
+            "shortname": "yeoman",
+            "url": "http://yeoman.io/"
+        }
+    ]
+}
diff --git a/assets/scripts/main.js b/assets/scripts/main.js
new file mode 100644
index 0000000..3a29f76
--- /dev/null
+++ b/assets/scripts/main.js
@@ -0,0 +1,23 @@
+function showName (e) {
+    var el = e.toElement;
+    el.parentNode.classList.add('visible');
+}
+
+function hideName (e) {
+    var el = e.fromElement;
+    el.parentNode.classList.remove('visible');
+}
+
+
+function enableTips () {
+    var elems = document.querySelectorAll('.logo-item img');
+    for (var i = 0; i < elems.length; i++) {
+        elems[i].addEventListener("mouseenter", showName, false);
+        elems[i].addEventListener("mouseleave", hideName, false);
+    }
+}
+
+document.addEventListener('DOMContentLoaded', function () {
+    enableTips();
+});
+
diff --git a/assets/styles/main.scss b/assets/styles/main.scss
index 2738e45..ecfa5d3 100644
--- a/assets/styles/main.scss
+++ b/assets/styles/main.scss
@@ -8,7 +8,7 @@ html {
 
 body {
   background-color: $bg-color;
-  font-family: Helvetica Helvetica Neue, Helvetica, Arial, sans-serif;
+  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
   margin: 0;
   min-height: 100%;
   padding: 0;
@@ -70,13 +70,20 @@ header {
 }
 
 .logos {
-  align-items: center;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
+  list-style: none;
+  margin: 0 0 3rem;
+  padding: 0;
 
-  > div {
-    padding: 5vh 1vh;
+  > li {
+    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+    padding: 8vh 1vh;
+    position: relative;
     text-align: center;
     width: 100%;
 
@@ -88,6 +95,29 @@ header {
       width: percentage(1/3);
     }
 
+    a {
+      display: block;
+      outline: none;
+
+      &.visible {
+        .name {
+          color: #444;
+        }
+      }
+    }
+
+    .name {
+      bottom: 0;
+      color: $bg-color;
+      font-size: 2rem;
+      font-weight: bold;
+      left: 0;
+      position: absolute;
+      right: 0;
+      text-decoration: none;
+      transition: color 0.3s;
+    }
+
     img {
       display: block;
       margin: 0 auto;
diff --git a/assets/templates/README.handlebars b/assets/templates/README.handlebars
new file mode 100644
index 0000000..59a3a75
--- /dev/null
+++ b/assets/templates/README.handlebars
@@ -0,0 +1,24 @@
+SVG Logos
+====================
+### A collection of svg vector logos for developers.
+[View All](http://svgporn.com)
+
+The logos are optimized (removed unnecessary paths/groups/defs, standardized, etc). Some were recreated from rastered images.
+
+*All logos appearing on the site are the property of their respective owners. Any rights not expressly granted herein are reserved.*
+
+## Contributing
+Since I optimize all the files manually I won't accept pull requests with new logos.
+And that's why they look so good.
+
+Please add your requests in the issues preferably with links to the vector files.
+
+---
+
+{{#each this}}
+## <a href="{{url}}" target="_blank">{{name}}</a>
+{{#each files}}
+![{{../shortname}}](http://gilbarbara.github.io/logos/{{this}})
+
+{{/each}}
+{{/each}}
diff --git a/assets/templates/index.handlebars b/assets/templates/index.handlebars
index 751447b..e3d6668 100644
--- a/assets/templates/index.handlebars
+++ b/assets/templates/index.handlebars
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <title>SVG PORN</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"/>
-    <meta name="description" content="A collection of svg logos for developers. angular, apache, atom, auth0, autoprefixer, aws, babel, backbone, bash, bem, blocs, bootstrap, bower, brackets, browserify, browserstack, capistrano, chai, chalk, chef, chrome, codepen, codeship, coffeescript, compass, couchdb, coveralls, crossbrowsertesting, css 3, d3, digital ocean, django, docker, drupal, ember, emmet, engine yard, es6, eslint, express, firebase, firefox, flask, flow, flux, forever, git, github, gitlab, google cloud, google developers, grunt, gulp, haml, handlebars, hapi, harrow, heroku, html 5, html5-boilerplate, invision, io, ionic, jade, jasmine, javascript, jetbrains, jquery, json, jspm, karma, kraken, laravel, leafjet, less, lodash, mariadb, marionette, markdown, material-ui, mdn, memcached, meteor, mocha, modernizr, mongodb, mysql, nativescript, nginx, nodejitsu, nodejs, nodemon, npm, nuclide, oauth, open graph, openlayers, optimizely, passport, phonegap, php, polymer, postgresql, puppet, python, q, rails, raphael, react, redis, require, rest, ruby, rubygems, sass, scala, snap svg, socket.io, stackoverflow, stylus, svg, swift, traack, travis ci, vagrant, vue, w3c, webpack, webplatform, wercker, wordpress, ycombinator, yeoman"/>
+    <meta name="description" content="A collection of svg logos for developers. {{meta}}"/>
     <meta property="og:title" content="SVG Porn"/>
     <meta property="og:url" content="http://svgporn.com/"/>
     <meta property="og:description" content="A collection of svg logos for developers."/>
@@ -22,464 +22,32 @@
     	<h3>A collection of svg logos for developers.</h3>
     </header>
 
-    <div class="logos">
-        <div>
-            <img src="../logos/angular-icon.svg" alt="angular" title="angular"/>
-        </div>
-        <div>
-            <img src="../logos/angular.svg" alt="angular" title="angular"/>
-        </div>
-        <div>
-            <img src="../logos/apache.svg" alt="apache" title="apache"/>
-        </div>
-        <div>
-            <img src="../logos/atom.svg" alt="atom" title="atom"/>
-        </div>
-        <div>
-            <img src="../logos/auth0.svg" alt="auth0" title="auth0"/>
-        </div>
-        <div>
-            <img src="../logos/autoprefixer.svg" alt="autoprefixer" title="autoprefixer"/>
-        </div>
-        <div>
-            <img src="../logos/aws.svg" alt="aws" title="aws"/>
-        </div>
-        <div>
-            <img src="../logos/babel.svg" alt="babel" title="babel"/>
-        </div>
-        <div>
-            <img src="../logos/backbone-icon.svg" alt="backbone" title="backbone"/>
-        </div>
-        <div>
-            <img src="../logos/backbone.svg" alt="backbone" title="backbone"/>
-        </div>
-        <div>
-            <img src="../logos/bash.svg" alt="bash" title="bash"/>
-        </div>
-        <div>
-            <img src="../logos/bem.svg" alt="BEM" title="BEM"/>
-        </div>
-        <div>
-            <img src="../logos/blocs.svg" alt="blocs" title="blocs"/>
-        </div>
-        <div>
-            <img src="../logos/bootstrap.svg" alt="bootstrap" title="bootstrap"/>
-        </div>
-        <div>
-            <img src="../logos/bower.svg" alt="bower" title="bower"/>
-        </div>
-        <div>
-            <img src="../logos/brackets.svg" alt="brackets" title="brackets"/>
-        </div>
-        <div>
-            <img src="../logos/browserify-icon.svg" alt="browserify" title="browserify"/>
-        </div>
-        <div>
-            <img src="../logos/browserify.svg" alt="browserify" title="browserify"/>
-        </div>
-        <div>
-            <img src="../logos/browserstack.svg" alt="browserstack" title="browserstack"/>
-        </div>
-        <div>
-            <img src="../logos/capistrano.svg" alt="capistrano" title="capistrano"/>
-        </div>
-        <div>
-            <img src="../logos/chai.svg" alt="chai" title="chai"/>
-        </div>
-        <div>
-            <img src="../logos/chalk.svg" alt="chalk" title="chalk"/>
-        </div>
-        <div>
-            <img src="../logos/chef.svg" alt="chef" title="chef"/>
-        </div>
-        <div>
-            <img src="../logos/chrome.svg" alt="chrome" title="chrome"/>
-        </div>
-        <div>
-            <img src="../logos/codepen-icon.svg" alt="codepen" title="codepen"/>
-        </div>
-        <div>
-            <img src="../logos/codepen.svg" alt="codepen" title="codepen"/>
-        </div>
-        <div>
-            <img src="../logos/codeship.svg" alt="codeship" title="codeship"/>
-        </div>
-        <div>
-            <img src="../logos/coffeescript.svg" alt="coffeescript" title="coffeescript"/>
-        </div>
-        <div>
-            <img src="../logos/compass.svg" alt="compass" title="compass"/>
-        </div>
-        <div>
-            <img src="../logos/couchdb.svg" alt="couchdb" title="couchdb"/>
-        </div>
-        <div>
-            <img src="../logos/coveralls.svg" alt="coveralls" title="coveralls"/>
-        </div>
-        <div>
-            <img src="../logos/crossbrowsertesting.svg" alt="crossbrowsertesting" title="crossbrowsertesting"/>
-        </div>
-        <div>
-            <img src="../logos/css-3.svg" alt="css-3" title="css-3"/>
-        </div>
-        <div>
-            <img src="../logos/d3.svg" alt="d3" title="d3"/>
-        </div>
-        <div>
-            <img src="../logos/digital-ocean.svg" alt="digital ocean" title="digital ocean"/>
-        </div>
-        <div>
-            <img src="../logos/django.svg" alt="django" title="django"/>
-        </div>
-        <div>
-            <img src="../logos/docker.svg" alt="docker" title="docker"/>
-        </div>
-        <div>
-            <img src="../logos/drupal.svg" alt="drupal" title="drupal"/>
-        </div>
-        <div>
-            <img src="../logos/ember.svg" alt="ember" title="ember"/>
-        </div>
-        <div>
-            <img src="../logos/ember-tomster.svg" alt="ember-tomster" title="ember-tomster"/>
-        </div>
-        <div>
-            <img src="../logos/engine-yard.svg" alt="engine yard" title="engine yard"/>
-        </div>
-        <div>
-            <img src="../logos/emmet.svg" alt="emmet" title="emmet"/>
-        </div>
-        <div>
-            <img src="../logos/es6.svg" alt="es6" title="es6"/>
-        </div>
-        <div>
-            <img src="../logos/eslint.svg" alt="eslint" title="eslint"/>
-        </div>
-        <div>
-            <img src="../logos/express.svg" alt="express" title="express"/>
-        </div>
-        <div>
-            <img src="../logos/firebase.svg" alt="firebase" title="firebase"/>
-        </div>
-        <div>
-            <img src="../logos/firefox.svg" alt="firefox" title="firefox"/>
-        </div>
-        <div>
-            <img src="../logos/flask.svg" alt="flask" title="flask"/>
-        </div>
-        <div>
-            <img src="../logos/flow.svg" alt="flow" title="flow"/>
-        </div>
-        <div>
-            <img src="../logos/flux.svg" alt="flux" title="flux"/>
-        </div>
-        <div>
-            <img src="../logos/forever.svg" alt="forever" title="forever"/>
-        </div>
-        <div>
-            <img src="../logos/git-icon.svg" alt="git" title="git"/>
-        </div>
-        <div>
-            <img src="../logos/git.svg" alt="git" title="git"/>
-        </div>
-        <div>
-            <img src="../logos/github-icon.svg" alt="github" title="github"/>
-        </div>
-        <div>
-            <img src="../logos/github.svg" alt="github" title="github"/>
-        </div>
-        <div>
-            <img src="../logos/github-octocat.svg" alt="github-octocat" title="github-octocat"/>
-        </div>
-        <div>
-            <img src="../logos/gitlab.svg" alt="gitlab" title="gitlab"/>
-        </div>
-        <div>
-            <img src="../logos/google-cloud.svg" alt="google-cloud" title="google-cloud"/>
-        </div>
-        <div>
-            <img src="../logos/google-developers.svg" alt="google-developers" title="google-developers"/>
-        </div>
-        <div>
-            <img src="../logos/grunt.svg" alt="grunt" title="grunt"/>
-        </div>
-        <div>
-            <img src="../logos/gulp.svg" alt="gulp" title="gulp"/>
-        </div>
-        <div>
-            <img src="../logos/haml.svg" alt="haml" title="haml"/>
-        </div>
-        <div>
-            <img src="../logos/handlebars.svg" alt="handlebars" title="handlebars"/>
-        </div>
-        <div>
-            <img src="../logos/hapi.svg" alt="hapi" title="hapi"/>
-        </div>
-        <div>
-            <img src="../logos/harrow.svg" alt="harrow" title="harrow"/>
-        </div>
-        <div>
-            <img src="../logos/heroku.svg" alt="heroku" title="heroku"/>
-        </div>
-        <div>
-            <img src="../logos/html-5.svg" alt="html-5" title="html-5"/>
-        </div>
-        <div>
-            <img src="../logos/html5-boilerplate.svg" alt="html5-boilerplate" title="html5-boilerplate"/>
-        </div>
-        <div>
-            <img src="../logos/invision.svg" alt="invision" title="invision"/>
-        </div>
-        <div>
-            <img src="../logos/io.svg" alt="io" title="io"/>
-        </div>
-        <div>
-            <img src="../logos/ionic.svg" alt="ionic" title="ionic"/>
-        </div>
-        <div>
-            <img src="../logos/jade.svg" alt="jade" title="jade"/>
-        </div>
-        <div>
-            <img src="../logos/jasmine.svg" alt="jasmine" title="jasmine"/>
-        </div>
-        <div>
-            <img src="../logos/javascript.svg" alt="javascript" title="javascript"/>
-        </div>
-        <div>
-            <img src="../logos/jetbrains.svg" alt="jetbrains" title="jetbrains"/>
-        </div>
-        <div>
-            <img src="../logos/jquery.svg" alt="jquery" title="jquery"/>
-        </div>
-        <div>
-            <img src="../logos/json.svg" alt="json" title="json"/>
-        </div>
-        <div>
-            <img src="../logos/jspm.svg" alt="jspm" title="jspm"/>
-        </div>
-        <div>
-            <img src="../logos/karma.svg" alt="karma" title="karma"/>
-        </div>
-        <div>
-            <img src="../logos/kraken.svg" alt="kraken" title="kraken"/>
-        </div>
-        <div>
-            <img src="../logos/laravel.svg" alt="laravel" title="laravel"/>
-        </div>
-        <div>
-            <img src="../logos/leafjet.svg" alt="leafjet" title="leafjet"/>
-        </div>
-        <div>
-            <img src="../logos/less.svg" alt="less" title="less"/>
-        </div>
-        <div>
-            <img src="../logos/lodash.svg" alt="lodash" title="lodash"/>
-        </div>
-        <div>
-            <img src="../logos/mariadb.svg" alt="maria db" title="maria db"/>
-        </div>
-        <div>
-            <img src="../logos/marionette.svg" alt="marionette" title="marionette"/>
-        </div>
-        <div>
-            <img src="../logos/markdown.svg" alt="markdown" title="markdown"/>
-        </div>
-        <div>
-            <img src="../logos/material-ui.svg" alt="material-ui" title="material-ui"/>
-        </div>
-        <div>
-            <img src="../logos/mdn.svg" alt="mdn" title="mdn"/>
-        </div>
-        <div>
-            <img src="../logos/memcached.svg" alt="memcached" title="memcached"/>
-        </div>
-        <div>
-            <img src="../logos/meteor-icon.svg" alt="meteor" title="meteor"/>
-        </div>
-        <div>
-            <img src="../logos/meteor.svg" alt="meteor" title="meteor"/>
-        </div>
-        <div>
-            <img src="../logos/mocha.svg" alt="mocha" title="mocha"/>
-        </div>
-        <div>
-            <img src="../logos/modernizr.svg" alt="modernizr" title="modernizr"/>
-        </div>
-        <div>
-            <img src="../logos/mongodb.svg" alt="mongo db" title="mongo db"/>
-        </div>
-        <div>
-            <img src="../logos/mysql.svg" alt="mysql" title="mysql"/>
-        </div>
-        <div>
-            <img src="../logos/nativescript.svg" alt="nativescript" title="nativescript"/>
-        </div>
-        <div>
-            <img src="../logos/nginx.svg" alt="nginx" title="nginx"/>
-        </div>
-        <div>
-            <img src="../logos/nodejitsu.svg" alt="nodejitsu" title="nodejitsu"/>
-        </div>
-        <div>
-            <img src="../logos/nodejs-icon.svg" alt="nodejs" title="nodejs"/>
-        </div>
-        <div>
-            <img src="../logos/nodejs.svg" alt="nodejs" title="nodejs"/>
-        </div>
-        <div>
-            <img src="../logos/nodemon.svg" alt="nodemon" title="nodemon"/>
-        </div>
-        <div>
-            <img src="../logos/npm.svg" alt="npm" title="npm"/>
-        </div>
-        <div>
-            <img src="../logos/npm-2.svg" alt="npm" title="npm"/>
-        </div>
-        <div>
-            <img src="../logos/nuclide.svg" alt="nuclide" title="nuclide"/>
-        </div>
-        <div>
-            <img src="../logos/oauth.svg" alt="oauth" title="oauth"/>
-        </div>
-        <div>
-            <img src="../logos/open-graph.svg" alt="open-graph" title="open-graph"/>
-        </div>
-        <div>
-            <img src="../logos/openlayers.svg" alt="openlayers" title="openlayers"/>
-        </div>
-        <div>
-            <img src="../logos/optimizely.svg" alt="optimizely" title="optimizely"/>
-        </div>
-        <div>
-            <img src="../logos/passport.svg" alt="passport" title="passport"/>
-        </div>
-        <div>
-            <img src="../logos/phonegap.svg" alt="phonegap" title="phonegap"/>
-        </div>
-        <div>
-            <img src="../logos/phonegap-bot.svg" alt="phonegap-bot" title="phonegap-bot"/>
-        </div>
-        <div>
-            <img src="../logos/php.svg" alt="php" title="php"/>
-        </div>
-        <div>
-            <img src="../logos/polymer.svg" alt="polymer" title="polymer"/>
-        </div>
-        <div>
-            <img src="../logos/postgresql.svg" alt="postgresql" title="postgresql"/>
-        </div>
-        <div>
-            <img src="../logos/puppet.svg" alt="puppet" title="puppet"/>
-        </div>
-        <div>
-            <img src="../logos/python.svg" alt="python" title="python"/>
-        </div>
-        <div>
-            <img src="../logos/q.svg" alt="q" title="q"/>
-        </div>
-        <div>
-            <img src="../logos/rails.svg" alt="rails" title="rails"/>
-        </div>
-        <div>
-            <img src="../logos/raphael.svg" alt="raphael" title="raphael"/>
-        </div>
-        <div>
-            <img src="../logos/react.svg" alt="react" title="react"/>
-        </div>
-        <div>
-            <img src="../logos/require.svg" alt="requirejs" title="requirejs"/>
-        </div>
-        <div>
-            <img src="../logos/redis.svg" alt="redis" title="redis"/>
-        </div>
-        <div>
-            <img src="../logos/rest.svg" alt="rest" title="rest"/>
-        </div>
-        <div>
-            <img src="../logos/ruby.svg" alt="ruby" title="ruby"/>
-        </div>
-        <div>
-            <img src="../logos/rubygems.svg" alt="rubygems" title="rubygems"/>
-        </div>
-        <div>
-            <img src="../logos/sass.svg" alt="sass" title="sass"/>
-        </div>
-        <div>
-            <img src="../logos/scala.svg" alt="scala" title="scala"/>
-        </div>
-        <div>
-            <img src="../logos/snap-svg.svg" alt="snap-svg" title="snap-svg"/>
-        </div>
-        <div>
-            <img src="../logos/socket.io.svg" alt="socket.io" title="socket.io"/>
-        </div>
-        <div>
-            <img src="../logos/stackoverflow.svg" alt="stack overflow" title="stack overflow"/>
-        </div>
-        <div>
-            <img src="../logos/stylus.svg" alt="stylus" title="stylus"/>
-        </div>
-        <div>
-            <img src="../logos/svg.svg" alt="svg" title="svg"/>
-        </div>
-        <div>
-            <img src="../logos/swift.svg" alt="swift" title="swift"/>
-        </div>
-        <div>
-            <img src="../logos/traackr.svg" alt="traackr" title="traackr"/>
-        </div>
-        <div>
-            <img src="../logos/travis-ci.svg" alt="travis-ci" title="travis-ci"/>
-        </div>
-        <div>
-            <img src="../logos/travis-ci-icon.svg" alt="travis-ci" title="travis-ci"/>
-        </div>
-        <div>
-            <img src="../logos/vagrant.svg" alt="vagrant" title="vagrant"/>
-        </div>
-        <div>
-            <img src="../logos/vue.svg" alt="vue" title="vue"/>
-        </div>
-        <div>
-            <img src="../logos/w3c.svg" alt="w3c" title="w3c"/>
-        </div>
-        <div>
-            <img src="../logos/webpack.svg" alt="webpack" title="webpack"/>
-        </div>
-        <div>
-            <img src="../logos/webplatform.svg" alt="webplatform" title="webplatform"/>
-        </div>
-        <div>
-            <img src="../logos/wercker.svg" alt="wercker" title="wercker"/>
-        </div>
-        <div>
-            <img src="../logos/wordpress-icon.svg" alt="wordpress" title="wordpress"/>
-        </div>
-        <div>
-            <img src="../logos/wordpress.svg" alt="wordpress" title="wordpress"/>
-        </div>
-        <div>
-            <img src="../logos/ycombinator.svg" alt="ycombinator" title="ycombinator"/>
-        </div>
-        <div>
-            <img src="../logos/yeoman.svg" alt="yeoman" title="yeoman"/>
-        </div>
-    </div>
+    <ul class="logos">
+        {{#each items}}
+            {{> item}}
+        {{/each}}
+    </ul>
     <footer>
         <iframe src="https://ghbtns.com/github-btn.html?user=gilbarbara&repo=logos&type=star&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
         <iframe src="https://ghbtns.com/github-btn.html?user=gilbarbara&type=follow&count=true" frameborder="0" scrolling="0" width="160px" height="20px"></iframe>
     </footer>
-    <script>
-	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
-	  ga('create', 'UA-64685370-1', 'auto');
-	  ga('send', 'pageview');
-
-	</script>
 </div>
+
+<!-- build:js(assets) main.js -->
+<script src="scripts/main.js"></script>
+<!-- endbuild -->
+
+<script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-64685370-1', 'auto');
+    ga('send', 'pageview');
+
+</script>
 </body>
 
 </html>
diff --git a/assets/templates/item.handlebars b/assets/templates/item.handlebars
index 65767c0..8e94156 100644
--- a/assets/templates/item.handlebars
+++ b/assets/templates/item.handlebars
@@ -1,485 +1,6 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>SVG PORN</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"/>
-    <meta name="description" content="A collection of svg logos for developers. angular, apache, atom, auth0, autoprefixer, aws, babel, backbone, bash, bem, blocs, bootstrap, bower, brackets, browserify, browserstack, capistrano, chai, chalk, chef, chrome, codepen, codeship, coffeescript, compass, couchdb, coveralls, crossbrowsertesting, css 3, d3, digital ocean, django, docker, drupal, ember, emmet, engine yard, es6, eslint, express, firebase, firefox, flask, flow, flux, forever, git, github, gitlab, google cloud, google developers, grunt, gulp, haml, handlebars, hapi, harrow, heroku, html 5, html5-boilerplate, invision, io, ionic, jade, jasmine, javascript, jetbrains, jquery, json, jspm, karma, kraken, laravel, leafjet, less, lodash, mariadb, marionette, markdown, material-ui, mdn, memcached, meteor, mocha, modernizr, mongodb, mysql, nativescript, nginx, nodejitsu, nodejs, nodemon, npm, nuclide, oauth, open graph, openlayers, optimizely, passport, phonegap, php, polymer, postgresql, puppet, python, q, rails, raphael, react, redis, require, rest, ruby, rubygems, sass, scala, snap svg, socket.io, stackoverflow, stylus, svg, swift, traack, travis ci, vagrant, vue, w3c, webpack, webplatform, wercker, wordpress, ycombinator, yeoman"/>
-    <meta property="og:title" content="SVG Porn"/>
-    <meta property="og:url" content="http://gilbarbara.github.io/logos/"/>
-    <meta property="og:description" content="A collection of svg logos for developers."/>
-    <meta property="og:image" content="http://svgporn.com/og-image.png"/>
-    <meta property="og:type" content="website"/>
-    <meta name="google-site-verification" content="hsF0-sA8sjC3wGoPZFBV8zHSJ4w8Suk7JYv-HSwE3B4" />
-    <!-- build:css(.tmp) main.css -->
-    <link rel="stylesheet" href=".tmp/main.css">
-    <!-- endbuild -->
-</head>
-<body>
-<div class="container">
-    <header>
-    	<img src="media/svg-porn.svg" class="logo"/>
-    	<h3>A collection of svg logos for developers.</h3>
-    </header>
-
-    <div class="logos">
-        <div>
-            <img src="../logos/angular-icon.svg" alt="angular" title="angular"/>
-        </div>
-        <div>
-            <img src="../logos/angular.svg" alt="angular" title="angular"/>
-        </div>
-        <div>
-            <img src="../logos/apache.svg" alt="apache" title="apache"/>
-        </div>
-        <div>
-            <img src="../logos/atom.svg" alt="atom" title="atom"/>
-        </div>
-        <div>
-            <img src="../logos/auth0.svg" alt="auth0" title="auth0"/>
-        </div>
-        <div>
-            <img src="../logos/autoprefixer.svg" alt="autoprefixer" title="autoprefixer"/>
-        </div>
-        <div>
-            <img src="../logos/aws.svg" alt="aws" title="aws"/>
-        </div>
-        <div>
-            <img src="../logos/babel.svg" alt="babel" title="babel"/>
-        </div>
-        <div>
-            <img src="../logos/backbone-icon.svg" alt="backbone" title="backbone"/>
-        </div>
-        <div>
-            <img src="../logos/backbone.svg" alt="backbone" title="backbone"/>
-        </div>
-        <div>
-            <img src="../logos/bash.svg" alt="bash" title="bash"/>
-        </div>
-        <div>
-            <img src="../logos/bem.svg" alt="BEM" title="BEM"/>
-        </div>
-        <div>
-            <img src="../logos/blocs.svg" alt="blocs" title="blocs"/>
-        </div>
-        <div>
-            <img src="../logos/bootstrap.svg" alt="bootstrap" title="bootstrap"/>
-        </div>
-        <div>
-            <img src="../logos/bower.svg" alt="bower" title="bower"/>
-        </div>
-        <div>
-            <img src="../logos/brackets.svg" alt="brackets" title="brackets"/>
-        </div>
-        <div>
-            <img src="../logos/browserify-icon.svg" alt="browserify" title="browserify"/>
-        </div>
-        <div>
-            <img src="../logos/browserify.svg" alt="browserify" title="browserify"/>
-        </div>
-        <div>
-            <img src="../logos/browserstack.svg" alt="browserstack" title="browserstack"/>
-        </div>
-        <div>
-            <img src="../logos/capistrano.svg" alt="capistrano" title="capistrano"/>
-        </div>
-        <div>
-            <img src="../logos/chai.svg" alt="chai" title="chai"/>
-        </div>
-        <div>
-            <img src="../logos/chalk.svg" alt="chalk" title="chalk"/>
-        </div>
-        <div>
-            <img src="../logos/chef.svg" alt="chef" title="chef"/>
-        </div>
-        <div>
-            <img src="../logos/chrome.svg" alt="chrome" title="chrome"/>
-        </div>
-        <div>
-            <img src="../logos/codepen-icon.svg" alt="codepen" title="codepen"/>
-        </div>
-        <div>
-            <img src="../logos/codepen.svg" alt="codepen" title="codepen"/>
-        </div>
-        <div>
-            <img src="../logos/codeship.svg" alt="codeship" title="codeship"/>
-        </div>
-        <div>
-            <img src="../logos/coffeescript.svg" alt="coffeescript" title="coffeescript"/>
-        </div>
-        <div>
-            <img src="../logos/compass.svg" alt="compass" title="compass"/>
-        </div>
-        <div>
-            <img src="../logos/couchdb.svg" alt="couchdb" title="couchdb"/>
-        </div>
-        <div>
-            <img src="../logos/coveralls.svg" alt="coveralls" title="coveralls"/>
-        </div>
-        <div>
-            <img src="../logos/crossbrowsertesting.svg" alt="crossbrowsertesting" title="crossbrowsertesting"/>
-        </div>
-        <div>
-            <img src="../logos/css-3.svg" alt="css-3" title="css-3"/>
-        </div>
-        <div>
-            <img src="../logos/d3.svg" alt="d3" title="d3"/>
-        </div>
-        <div>
-            <img src="../logos/digital-ocean.svg" alt="digital ocean" title="digital ocean"/>
-        </div>
-        <div>
-            <img src="../logos/django.svg" alt="django" title="django"/>
-        </div>
-        <div>
-            <img src="../logos/docker.svg" alt="docker" title="docker"/>
-        </div>
-        <div>
-            <img src="../logos/drupal.svg" alt="drupal" title="drupal"/>
-        </div>
-        <div>
-            <img src="../logos/ember.svg" alt="ember" title="ember"/>
-        </div>
-        <div>
-            <img src="../logos/ember-tomster.svg" alt="ember-tomster" title="ember-tomster"/>
-        </div>
-        <div>
-            <img src="../logos/engine-yard.svg" alt="engine yard" title="engine yard"/>
-        </div>
-        <div>
-            <img src="../logos/emmet.svg" alt="emmet" title="emmet"/>
-        </div>
-        <div>
-            <img src="../logos/es6.svg" alt="es6" title="es6"/>
-        </div>
-        <div>
-            <img src="../logos/eslint.svg" alt="eslint" title="eslint"/>
-        </div>
-        <div>
-            <img src="../logos/express.svg" alt="express" title="express"/>
-        </div>
-        <div>
-            <img src="../logos/firebase.svg" alt="firebase" title="firebase"/>
-        </div>
-        <div>
-            <img src="../logos/firefox.svg" alt="firefox" title="firefox"/>
-        </div>
-        <div>
-            <img src="../logos/flask.svg" alt="flask" title="flask"/>
-        </div>
-        <div>
-            <img src="../logos/flow.svg" alt="flow" title="flow"/>
-        </div>
-        <div>
-            <img src="../logos/flux.svg" alt="flux" title="flux"/>
-        </div>
-        <div>
-            <img src="../logos/forever.svg" alt="forever" title="forever"/>
-        </div>
-        <div>
-            <img src="../logos/git-icon.svg" alt="git" title="git"/>
-        </div>
-        <div>
-            <img src="../logos/git.svg" alt="git" title="git"/>
-        </div>
-        <div>
-            <img src="../logos/github-icon.svg" alt="github" title="github"/>
-        </div>
-        <div>
-            <img src="../logos/github.svg" alt="github" title="github"/>
-        </div>
-        <div>
-            <img src="../logos/github-octocat.svg" alt="github-octocat" title="github-octocat"/>
-        </div>
-        <div>
-            <img src="../logos/gitlab.svg" alt="gitlab" title="gitlab"/>
-        </div>
-        <div>
-            <img src="../logos/google-cloud.svg" alt="google-cloud" title="google-cloud"/>
-        </div>
-        <div>
-            <img src="../logos/google-developers.svg" alt="google-developers" title="google-developers"/>
-        </div>
-        <div>
-            <img src="../logos/grunt.svg" alt="grunt" title="grunt"/>
-        </div>
-        <div>
-            <img src="../logos/gulp.svg" alt="gulp" title="gulp"/>
-        </div>
-        <div>
-            <img src="../logos/haml.svg" alt="haml" title="haml"/>
-        </div>
-        <div>
-            <img src="../logos/handlebars.svg" alt="handlebars" title="handlebars"/>
-        </div>
-        <div>
-            <img src="../logos/hapi.svg" alt="hapi" title="hapi"/>
-        </div>
-        <div>
-            <img src="../logos/harrow.svg" alt="harrow" title="harrow"/>
-        </div>
-        <div>
-            <img src="../logos/heroku.svg" alt="heroku" title="heroku"/>
-        </div>
-        <div>
-            <img src="../logos/html-5.svg" alt="html-5" title="html-5"/>
-        </div>
-        <div>
-            <img src="../logos/html5-boilerplate.svg" alt="html5-boilerplate" title="html5-boilerplate"/>
-        </div>
-        <div>
-            <img src="../logos/invision.svg" alt="invision" title="invision"/>
-        </div>
-        <div>
-            <img src="../logos/io.svg" alt="io" title="io"/>
-        </div>
-        <div>
-            <img src="../logos/ionic.svg" alt="ionic" title="ionic"/>
-        </div>
-        <div>
-            <img src="../logos/jade.svg" alt="jade" title="jade"/>
-        </div>
-        <div>
-            <img src="../logos/jasmine.svg" alt="jasmine" title="jasmine"/>
-        </div>
-        <div>
-            <img src="../logos/javascript.svg" alt="javascript" title="javascript"/>
-        </div>
-        <div>
-            <img src="../logos/jetbrains.svg" alt="jetbrains" title="jetbrains"/>
-        </div>
-        <div>
-            <img src="../logos/jquery.svg" alt="jquery" title="jquery"/>
-        </div>
-        <div>
-            <img src="../logos/json.svg" alt="json" title="json"/>
-        </div>
-        <div>
-            <img src="../logos/jspm.svg" alt="jspm" title="jspm"/>
-        </div>
-        <div>
-            <img src="../logos/karma.svg" alt="karma" title="karma"/>
-        </div>
-        <div>
-            <img src="../logos/kraken.svg" alt="kraken" title="kraken"/>
-        </div>
-        <div>
-            <img src="../logos/laravel.svg" alt="laravel" title="laravel"/>
-        </div>
-        <div>
-            <img src="../logos/leafjet.svg" alt="leafjet" title="leafjet"/>
-        </div>
-        <div>
-            <img src="../logos/less.svg" alt="less" title="less"/>
-        </div>
-        <div>
-            <img src="../logos/lodash.svg" alt="lodash" title="lodash"/>
-        </div>
-        <div>
-            <img src="../logos/mariadb.svg" alt="maria db" title="maria db"/>
-        </div>
-        <div>
-            <img src="../logos/marionette.svg" alt="marionette" title="marionette"/>
-        </div>
-        <div>
-            <img src="../logos/markdown.svg" alt="markdown" title="markdown"/>
-        </div>
-        <div>
-            <img src="../logos/material-ui.svg" alt="material-ui" title="material-ui"/>
-        </div>
-        <div>
-            <img src="../logos/mdn.svg" alt="mdn" title="mdn"/>
-        </div>
-        <div>
-            <img src="../logos/memcached.svg" alt="memcached" title="memcached"/>
-        </div>
-        <div>
-            <img src="../logos/meteor-icon.svg" alt="meteor" title="meteor"/>
-        </div>
-        <div>
-            <img src="../logos/meteor.svg" alt="meteor" title="meteor"/>
-        </div>
-        <div>
-            <img src="../logos/mocha.svg" alt="mocha" title="mocha"/>
-        </div>
-        <div>
-            <img src="../logos/modernizr.svg" alt="modernizr" title="modernizr"/>
-        </div>
-        <div>
-            <img src="../logos/mongodb.svg" alt="mongo db" title="mongo db"/>
-        </div>
-        <div>
-            <img src="../logos/mysql.svg" alt="mysql" title="mysql"/>
-        </div>
-        <div>
-            <img src="../logos/nativescript.svg" alt="nativescript" title="nativescript"/>
-        </div>
-        <div>
-            <img src="../logos/nginx.svg" alt="nginx" title="nginx"/>
-        </div>
-        <div>
-            <img src="../logos/nodejitsu.svg" alt="nodejitsu" title="nodejitsu"/>
-        </div>
-        <div>
-            <img src="../logos/nodejs-icon.svg" alt="nodejs" title="nodejs"/>
-        </div>
-        <div>
-            <img src="../logos/nodejs.svg" alt="nodejs" title="nodejs"/>
-        </div>
-        <div>
-            <img src="../logos/nodemon.svg" alt="nodemon" title="nodemon"/>
-        </div>
-        <div>
-            <img src="../logos/npm.svg" alt="npm" title="npm"/>
-        </div>
-        <div>
-            <img src="../logos/npm-2.svg" alt="npm" title="npm"/>
-        </div>
-        <div>
-            <img src="../logos/nuclide.svg" alt="nuclide" title="nuclide"/>
-        </div>
-        <div>
-            <img src="../logos/oauth.svg" alt="oauth" title="oauth"/>
-        </div>
-        <div>
-            <img src="../logos/open-graph.svg" alt="open-graph" title="open-graph"/>
-        </div>
-        <div>
-            <img src="../logos/openlayers.svg" alt="openlayers" title="openlayers"/>
-        </div>
-        <div>
-            <img src="../logos/optimizely.svg" alt="optimizely" title="optimizely"/>
-        </div>
-        <div>
-            <img src="../logos/passport.svg" alt="passport" title="passport"/>
-        </div>
-        <div>
-            <img src="../logos/phonegap.svg" alt="phonegap" title="phonegap"/>
-        </div>
-        <div>
-            <img src="../logos/phonegap-bot.svg" alt="phonegap-bot" title="phonegap-bot"/>
-        </div>
-        <div>
-            <img src="../logos/php.svg" alt="php" title="php"/>
-        </div>
-        <div>
-            <img src="../logos/polymer.svg" alt="polymer" title="polymer"/>
-        </div>
-        <div>
-            <img src="../logos/postgresql.svg" alt="postgresql" title="postgresql"/>
-        </div>
-        <div>
-            <img src="../logos/puppet.svg" alt="puppet" title="puppet"/>
-        </div>
-        <div>
-            <img src="../logos/python.svg" alt="python" title="python"/>
-        </div>
-        <div>
-            <img src="../logos/q.svg" alt="q" title="q"/>
-        </div>
-        <div>
-            <img src="../logos/rails.svg" alt="rails" title="rails"/>
-        </div>
-        <div>
-            <img src="../logos/raphael.svg" alt="raphael" title="raphael"/>
-        </div>
-        <div>
-            <img src="../logos/react.svg" alt="react" title="react"/>
-        </div>
-        <div>
-            <img src="../logos/require.svg" alt="requirejs" title="requirejs"/>
-        </div>
-        <div>
-            <img src="../logos/redis.svg" alt="redis" title="redis"/>
-        </div>
-        <div>
-            <img src="../logos/rest.svg" alt="rest" title="rest"/>
-        </div>
-        <div>
-            <img src="../logos/ruby.svg" alt="ruby" title="ruby"/>
-        </div>
-        <div>
-            <img src="../logos/rubygems.svg" alt="rubygems" title="rubygems"/>
-        </div>
-        <div>
-            <img src="../logos/sass.svg" alt="sass" title="sass"/>
-        </div>
-        <div>
-            <img src="../logos/scala.svg" alt="scala" title="scala"/>
-        </div>
-        <div>
-            <img src="../logos/snap-svg.svg" alt="snap-svg" title="snap-svg"/>
-        </div>
-        <div>
-            <img src="../logos/socket.io.svg" alt="socket.io" title="socket.io"/>
-        </div>
-        <div>
-            <img src="../logos/stackoverflow.svg" alt="stack overflow" title="stack overflow"/>
-        </div>
-        <div>
-            <img src="../logos/stylus.svg" alt="stylus" title="stylus"/>
-        </div>
-        <div>
-            <img src="../logos/svg.svg" alt="svg" title="svg"/>
-        </div>
-        <div>
-            <img src="../logos/swift.svg" alt="swift" title="swift"/>
-        </div>
-        <div>
-            <img src="../logos/traackr.svg" alt="traackr" title="traackr"/>
-        </div>
-        <div>
-            <img src="../logos/travis-ci.svg" alt="travis-ci" title="travis-ci"/>
-        </div>
-        <div>
-            <img src="../logos/travis-ci-icon.svg" alt="travis-ci" title="travis-ci"/>
-        </div>
-        <div>
-            <img src="../logos/vagrant.svg" alt="vagrant" title="vagrant"/>
-        </div>
-        <div>
-            <img src="../logos/vue.svg" alt="vue" title="vue"/>
-        </div>
-        <div>
-            <img src="../logos/w3c.svg" alt="w3c" title="w3c"/>
-        </div>
-        <div>
-            <img src="../logos/webpack.svg" alt="webpack" title="webpack"/>
-        </div>
-        <div>
-            <img src="../logos/webplatform.svg" alt="webplatform" title="webplatform"/>
-        </div>
-        <div>
-            <img src="../logos/wercker.svg" alt="wercker" title="wercker"/>
-        </div>
-        <div>
-            <img src="../logos/wordpress-icon.svg" alt="wordpress" title="wordpress"/>
-        </div>
-        <div>
-            <img src="../logos/wordpress.svg" alt="wordpress" title="wordpress"/>
-        </div>
-        <div>
-            <img src="../logos/ycombinator.svg" alt="ycombinator" title="ycombinator"/>
-        </div>
-        <div>
-            <img src="../logos/yeoman.svg" alt="yeoman" title="yeoman"/>
-        </div>
-    </div>
-    <footer>
-        <iframe src="https://ghbtns.com/github-btn.html?user=gilbarbara&repo=logos&type=star&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
-        <iframe src="https://ghbtns.com/github-btn.html?user=gilbarbara&type=follow&count=true" frameborder="0" scrolling="0" width="160px" height="20px"></iframe>
-    </footer>
-    <script>
-	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-
-	  ga('create', 'UA-64685370-1', 'auto');
-	  ga('send', 'pageview');
-
-	</script>
-</div>
-</body>
-
-</html>
+<li>
+    <a href="{{url}}" target="_blank" class="logo-item">
+        <img src="../logos/{{image}}" alt="{{name}}" class="{{shotname}}"/>
+        <span class="name">{{name}}</span>
+    </a>
+</li>
diff --git a/gulpfile.js b/gulpfile.js
index 6277a6d..d4039b3 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -2,6 +2,7 @@ var gulp        = require('gulp'),
     $           = require('gulp-load-plugins')(),
     browserSync = require('browser-sync'),
     del         = require('del'),
+    fs          = require('fs'),
     runSequence = require('run-sequence');
 
 gulp.task('styles', function () {
@@ -18,13 +19,45 @@ gulp.task('styles', function () {
 });
 
 gulp.task('templates', function () {
+    var json = JSON.parse(fs.readFileSync('./assets/logos.json')),
+        templateData = {
+            items: []
+        },
+        meta = [];
+
+    json.items.forEach(function (d) {
+        meta.push(d.name);
+
+        d.files.forEach(function (f) {
+            templateData.items.push({
+                name: d.name,
+                shortname: d.shortname,
+                url: d.url,
+                image: f
+            });
+        });
+    });
+    templateData.meta = meta.join(', ');
+
     return gulp.src('assets/templates/index.handlebars')
-        .pipe($.compileHandlebars())
+        .pipe($.compileHandlebars(templateData, {
+            batch: ['./assets/templates']
+        }))
         .pipe($.rename('index.html'))
-        .pipe($.debug())
         .pipe(gulp.dest('.tmp'));
 });
 
+gulp.task('readme', function () {
+    var json = JSON.parse(fs.readFileSync('./assets/logos.json'));
+
+    return gulp.src('assets/templates/README.handlebars')
+        .pipe($.compileHandlebars(json.items, {
+            batch: ['./assets/templates']
+        }))
+        .pipe($.rename('README.md'))
+        .pipe(gulp.dest('./'));
+});
+
 gulp.task('copy', function () {
     return gulp.src('assets/media/**/*')
         .pipe(gulp.dest('.tmp'));
@@ -36,6 +69,7 @@ gulp.task('bundle', function () {
     return gulp.src('.tmp/*.html')
         .pipe(assets)
         .pipe($.if('*.css', $.cssmin()))
+        .pipe($.if('*.js', $.uglify()))
         .pipe(assets.restore())
         .pipe($.useref())
         .pipe($.replace('../logos/', ''))
@@ -50,7 +84,7 @@ gulp.task('serve', ['clean', 'templates', 'copy', 'styles'], function () {
     browserSync({
         notify: false,
         logPrefix: 'logos',
-        files: ['assets/*.html', '.tmp/*.css', 'logos'],
+        files: ['.tmp/*.html', '.tmp/*.css', 'logos', 'assets/scripts/*.js'],
         server: {
             baseDir: ['./', '.tmp', 'assets']
         }
@@ -61,18 +95,28 @@ gulp.task('serve', ['clean', 'templates', 'copy', 'styles'], function () {
             gulp.start('styles');
         }
     });
+    gulp.watch(['assets/templates/**/*', 'assets/logos.json'], ['templates']);
 });
 
 gulp.task('build', function (cb) {
-    runSequence('templates', 'bundle', 'styles', cb);
+    runSequence('readme', 'templates', 'bundle', 'styles', cb);
 });
 
 
 gulp.task('deploy', ['build'], function () {
-    return gulp.src(['logos/*.svg', '.tmp/*.html', '.tmp/main.css', 'assets/media/**/*', 'assets/CNAME', '*.md'])
-        .pipe($.ghPages({
-            force: true
-        }));
+    return gulp.src([
+        'logos/*.svg',
+        '.tmp/*.html',
+        '.tmp/main.css',
+        '.tmp/main.js',
+        'assets/media/**/*',
+        'assets/CNAME',
+        '*.md'
+    ])
+        /*        .pipe($.ghPages({
+         force: true
+         }));*/
+        .pipe(gulp.dest('dist'));
 
 });
 
diff --git a/package.json b/package.json
index 3a08df5..60b0f6f 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
     "gulp-rename": "^1.2.2",
     "gulp-replace": "^0.5",
     "gulp-sass": "^2.0",
+    "gulp-uglify": "^1.2.0",
     "gulp-useref": "^1.2",
     "run-sequence": "^1.1.1"
   },