Merge pull request #1 from awesome-br/master

update

.travis.yml

@@ -0,0 +1,4 @@
+language: node_js
+node_js:
+  - "4.2"
+  - "5.1"

README.md

@@ -2,34 +2,35 @@
 <h1 align="center">
 <a href="http://awesome-br.com" target="_blank">awesome-br.com</a>
 <br>
-<img src="https://cloud.githubusercontent.com/assets/1509692/10661390/79f3033a-788c-11e5-97df-a90e5e5a4f49.png"/>
+<img src="http://awesome-br.com/screenshot.png?new"/>
 </h1>
 
+[![Build Status](https://travis-ci.org/awesome-br/awesome-br.github.io.svg?branch=master)](https://travis-ci.org/awesome-br/awesome-br.github.io)
+
   - [Nossa Proposta](#nossa-proposta)
   - [Como funciona](#como-funciona)
   - [Como Participar](#como-participar)
-  - [Contribua como revisor](#contribua-como-revisor)
   - [Como testar o awesome no seu computador](#como-testar-o-awesome-no-seu-computador)
 
 ## Nossa Proposta
 
-Awesome BR possui um formato aberto a comunidade que deseja compartilhar conteúdo de qualidade frente às tecnologias mais atuais do mercado. 
+Awesome BR possui um formato aberto a comunidade que deseja compartilhar conteúdo de qualidade frente às tecnologias mais atuais do mercado.
 
->Nossa proposta é fortalecer a difusão das tecnologias de desenvolvimento web na **língua portuguesa**. 
+>Nossa proposta é fortalecer a difusão das tecnologias de desenvolvimento web na **língua portuguesa**.
 
 ## Como funciona
 
 Nossa página [http://awesome-br.github.io](http://awesome-br.github.io) contém uma lista buscável de tecnologias, e cada tecnologia possui uma lista de links apontando para o melhor conteúdo em português da web. Todas as contribuições são feitas pela comunidade, todos podem participar.
 
 ## Como Participar
 
-Para participar é necessário conhecimento em git/github. Caso esteja com dificuldades, leia [este artigo](http://tableless.com.br/tudo-que-voce-queria-saber-sobre-git-e-github-mas-tinha-vergonha-de-perguntar/). Após realizar o fork deste projeto, faça suas contribuições de acordo com a tecnologia em questão, alterando o arquivo `.json` dentro da pasta `sections`. Por exemplo, se você deseja adicionar um link na categoria *Laravel*, edite o arquivo `sections/laravel.json` e faça o pull request. 
+Para participar é necessário conhecimento em git/github. Caso esteja com dificuldades, leia [este artigo](http://tableless.com.br/tudo-que-voce-queria-saber-sobre-git-e-github-mas-tinha-vergonha-de-perguntar/). Após realizar o fork deste projeto, faça suas contribuições de acordo com a tecnologia em questão, alterando o arquivo `.json` dentro da pasta `sections`. Por exemplo, se você deseja adicionar um link na categoria *Laravel*, edite o arquivo `sections/laravel.json` e faça o pull request.
 
 Se você deseja adicionar uma nova tecnologia, abra uma [nova issue](https://github.com/awesome-br/awesome-br.github.io/issues/new) requisitando a entrada da tecnologia em questão.
 
 O formato para um novo item em qualquer tecnologia é:
 
-```javascript
+```json
   {
     "name": "Título do link",
     "url": "Url do link",
@@ -61,7 +62,6 @@ Available on:
   http:192.168.0.132:8081
 ```
 
-Copie a URL, juntamente com a porta, e abra o site no navegador. 
+Copie a URL, juntamente com a porta, e abra o site no navegador.
 
 **Dica**: Use `ctrl+shift+r` para atualizar o cache após alterar os arquivos .json.
-

vendor/js/app.js → app.js

@@ -1,4 +1,10 @@
 (function() {
+
+  // jQuery commands
+  $(function () {
+    $('[data-toggle="tooltip"]').tooltip();
+  });
+
   var app = angular.module('awesome', ['iso.directives', 'ngRoute']);
 
   /**
@@ -15,28 +21,27 @@
     };
   });
 
- /**
-  * target attribute directive
-  */
+  /**
+   * target attribute directive
+   */
   app.directive("target", function() {
     return {
-        restrict: 'A',
-        link: function(scope, element, attrs) {
-          var href = String(attrs.href);
-          if( !href.match(/#\//) ) {
-            element.attr("target", "_blank");
-          }
-          else{
-            element.attr("target", "_self");
-          }
+      restrict: 'A',
+      link: function(scope, element, attrs) {
+        var href = String(attrs.href);
+        if (!href.match(/#\//)) {
+          element.attr("target", "_blank");
+        } else {
+          element.attr("target", "_self");
         }
+      }
     };
   });
 
 
- /**
-  * loop-itens directive
-  */
+  /**
+   * loop-itens directive
+   */
   app.directive('loopItens', function() {
     return {
       restrict: 'E',
@@ -73,12 +78,18 @@
       require: '^planceholder',
       scope: {
         planceholder: '=',
-        query: '='
+        query: '=',
+        types: '=',
+        tags: '='
       },
       controller: ['$scope', function($scope) {
         $scope.clearFilter = function() {
           $scope.query = '';
-        }
+        };
+
+        $scope.setFilter = function(_value) {
+          $scope.query = _value;
+        };
       }]
     };
   });
@@ -123,14 +134,20 @@
         .then(function(_response) {
           $scope.itens = _response.data;
           $scope.spinner = false;
+
+          $scope.types = _.chain(_response.data)
+                          .pluck('type')
+                          .uniq()
+                          .value();
         });
     };
 
     $scope.itens = [];
+    $scope.types = [];
     $scope.spinner = true;
 
     init();
-  }])
+  }]);
 
   /**
    * Section Controller
@@ -143,10 +160,23 @@
         .then(function(_response) {
           $scope.itens = _response.data;
           $scope.spinner = false;
+
+          $scope.tags = _.chain(_response.data)
+                          .pluck('tags')
+                          .flatten()
+                          .uniq()
+                          .value();
+
+          $scope.types = _.chain(_response.data)
+                          .pluck('type')
+                          .uniq()
+                          .value();
         });
     };
 
     $scope.itens = [];
+    $scope.tags = [];
+    $scope.types = [];
     $scope.spinner = true;
 
     init();

index.html

@@ -5,12 +5,27 @@
   <meta charset="UTF-8">
   <title>Awesome BR</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
+
   <link href='https://fonts.googleapis.com/css?family=Ubuntu:400,500,700' rel='stylesheet' type='text/css'>
   <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha256-k2/8zcNbxVIh5mnQ52A0r3a6jAgMGxFJFE2707UxGCk= sha512-ZV9KawG2Legkwp3nAlxLIVFudTauWuBpC10uEafMHYL0Sarrz5A7G79kXh5+5+woxQ5HM559XX2UZjMJ36Wplg==" crossorigin="anonymous">
   <link rel="stylesheet" href="/vendor/css/bootstrap.min.css">
   <link rel="stylesheet" href="/vendor/css/spinner.css">
   <link rel="stylesheet" href="/vendor/css/main.css">
+
+  <meta name="description" content="Awesome BR é uma coleção de links nas mais diversas tecnologias, mantido pela comunidade e para a comunidade">
+
+  <meta property="og:title" content="Awesome BR - Uma coleção de links nas mais diversas tecnologias">
+  <meta property="og:type" content="website">
+  <meta property="og:locale" content="pt_BR">
+  <meta property="og:url" content="http://awesome-br.com/#/">
+  <meta property="og:image" content="http://awesome-br.com/screenshot.png">
+  <meta property="og:image" content="http://awesome-br.com/rsz_screenshot.png">
+  <meta property="og:image:url" content="http://awesome-br.com/screenshot.png">
+  <meta property="og:description" content="Awesome BR é uma coleção de links nas mais diversas tecnologias, mantido pela comunidade e para a comunidade">
+
+  <link rel='image_src' href='/screenshot.png' type='image/png'>
   <link rel="icon" type="image/png" href="https://skypeblogs.files.wordpress.com/2015/06/cool-5.png">
+
 </head>
 
 <body ng-controller="mainController">
@@ -32,6 +47,13 @@
           <li>
             <a href="https://github.com/awesome-br/awesome-br.github.io#nossa-proposta">Conheça a nossa proposta</a>
           </li>
+          <li>
+            <a target="_blank"
+                href="http://free-time.github.io"
+                data-toggle="tooltip"
+                data-placement="bottom"
+                title="Palestras para desenvolvedores!"><span class="badge">Free time</span></a>
+          </li>
         </ul>
       </div>
       <!-- /.navbar-collapse -->
@@ -47,14 +69,27 @@
   </a>
 
 
+  <script src="/vendor/js/lodash.min.js"></script>
   <script src="/vendor/js/jquery.min.js"></script>
   <script src="/vendor/js/isotope.pkgd.min.js"></script>
   <script src="/vendor/js/geopattern.min.js"></script>
   <script src="/vendor/js/bootstrap.min.js"></script>
   <script src="/vendor/js/angular.min.js"></script>
   <script src="/vendor/js/angular-route.min.js"></script>
   <script src="/vendor/js/angular-isotope.min.js"></script>
-  <script src="/vendor/js/app.js"></script>
+  <script src="/app.js"></script>
+
+  <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-71121915-1', 'auto');
+  ga('send', 'pageview');
+
+</script>
+
 </body>
 
 </html>

package.json

@@ -4,7 +4,9 @@
   "description": "Awesome BR possui um formato aberto a comunidade que deseja compartilhar conteúdo de qualidade frente às tecnologias mais atuais do mercado.",
   "main": "",
   "scripts": {
-    "http-server": "node_modules/http-server/bin/http-server"
+    "http-server": "node_modules/http-server/bin/http-server",
+    "validate": "node tasks/validate.js",
+    "test": "node tasks/validate.js"
   },
   "repository": {
     "type": "git",
@@ -18,5 +20,10 @@
   "homepage": "https://github.com/awesome-br/awesome-br.github.io#readme",
   "dependencies": {
     "http-server": "^0.8.5"
+  },
+  "devDependencies": {
+    "jlint": "^3.0.2",
+    "lodash": "^3.10.1",
+    "pretty-log": "^0.1.0"
   }
 }