ouyang/logos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor build process

Browse Source 
• add logos.json with complete info
• build index and README with handlebars
• add names for easy searching
This commit is contained in:
Gil Barbara
2015-07-04 18:32:02 -03:00
parent 07ef2dd939
commit af32ae71c4
10 changed files with 1517 additions and 1596 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+194 -161
View File
@@ -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)
assets/index.html
-485
View File
@@ -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>
assets/logos.json
+1162
View File
File diff suppressed because it is too large Load Diff
assets/scripts/main.js
+23
View File
@@ -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();
});
assets/styles/main.scss
+34 -4
View File
@@ -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;
assets/templates/README.handlebars
+24
View File
@@ -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}}
assets/templates/index.handlebars
+21 -453
View File
@@ -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>
assets/templates/item.handlebars
+6 -485
View File
@@ -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>
gulpfile.js
+52 -8
View File
@@ -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'));
});
package.json
+1
View File
@@ -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"
},