Add .min.css version, update readme and add gulp

.gitignore

@@ -1,2 +1 @@
-demo/node_modules
-demo/assets/components
+node_modules

README.md

@@ -55,10 +55,10 @@ _2 ways of using devicon:_
   <!--  for git plain version with wordmark -->
   <i class="devicon-git-plain-wordmark"></i>
 
-  <!--  for git plain version colored with git main color (devicon-color.css required) -->
+  <!--  for git plain version colored with git main color (devicon-color.css or devicon.min.css required) -->
   <i class="devicon-git-plain colored"></i>
 
-  <!--  for git plain version with wordmark colored with git main color (devicon-color.css required) -->
+  <!--  for git plain version with wordmark colored with git main color (devicon-color.css or devicon.min.css required) -->
   <i class="devicon-git-plain-wordmark colored"></i>
 ```
 

gulpfile.js

@@ -0,0 +1,22 @@
+var gulp = require('gulp');
+var minifyCSS = require('gulp-minify-css');
+var concatCss = require('gulp-concat-css');
+var plumber = require('gulp-plumber');
+
+gulp.task('concat-css', function () {
+  gulp.src(['./devicon.css', './devicon-colors.css'])
+  .pipe(plumber())
+  .pipe(concatCss('./devicon.min.css'))
+  .pipe(gulp.dest('./'));
+});
+
+gulp.task('minify-css', function() {
+  gulp.src('./devicon.min.css')
+  .pipe(plumber())
+  .pipe(minifyCSS())
+  .pipe(gulp.dest('./'))
+});
+
+gulp.task('default', function() {
+  //
+});

index.html

@@ -11,8 +11,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css" charset="utf-8">
-  <link rel="stylesheet" href="devicon.css" charset="utf-8">
-  <link rel="stylesheet" href="devicon-colors.css" charset="utf-8">
+  <link rel="stylesheet" href="devicon.min.css" charset="utf-8">
 
   <style media="screen">
     body {
@@ -41,7 +40,10 @@
   <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
   <![endif]-->
 
-  <div ng-repeat="icon in icons">
+  <label for="search">Search</label>
+  <input type="text" id="search" ng-model="search.name">
+
+  <div ng-repeat="icon in icons | filter:search">
 
     <div class="icon-version" ng-repeat="version in icon.versions.font">
       <h4>{{icon.name}}-{{version}} (font icon)</h4>
@@ -53,7 +55,7 @@
       <h4>{{icon.name}}-{{version}} (svg)</h4>
       <img ng-src="icons/{{icon.name}}/{{icon.name}}-{{version}}.svg" alt="{{icon.name}}-{{version}}" />
     </div>
-    
+
   </div>
 
     <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular.min.js" charset="utf-8"></script>
@@ -62,7 +64,7 @@
       var app = angular.module("app", []);
 
       app.controller('IconsCtrl', function($scope, $http) {
-        $http.get('https://rawgit.com/konpa/devicon/master/devicon.json').then(function(res) {
+        $http.get('devicon.json').then(function(res) {
           $scope.icons = res.data;
           console.log($scope.icons);
         });

package.json

@@ -0,0 +1,30 @@
+{
+  "name": "devicon",
+  "version": "2.0.0",
+  "description": "Programming related icons collection",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/konpa/devicon.git"
+  },
+  "keywords": [
+    "programming",
+    "icons",
+    "svg"
+  ],
+  "author": "konpa",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/konpa/devicon/issues"
+  },
+  "homepage": "https://github.com/konpa/devicon",
+  "devDependencies": {
+    "gulp": "^3.8.10",
+    "gulp-concat-css": "^2.0.0",
+    "gulp-minify-css": "^0.4.3",
+    "gulp-plumber": "^0.6.6"
+  }
+}