From 95ba77865bca9997223fd883aa4d232b82e3a956 Mon Sep 17 00:00:00 2001
From: Leonardo Merlin <leonardo.merlin@serpro.gov.br>
Date: Wed, 19 Aug 2015 21:08:34 -0300
Subject: [PATCH] Add icons with spire. Using css3 transform scale.

---
 gulp/images.js                                                    |  21 +++++++++++++++++++++
 gulp/inject.js                                                    |   2 +-
 gulp/watch.js                                                     |  10 ++++++++++
 package.json                                                      |   6 ++++--
 src/app/components/navbar/navbar.directive.js                     |  12 ++++++++----
 src/app/components/navbar/navbar.html                             |   4 ++--
 src/app/components/navbar/navbar.scss                             |  32 +++++++++++++++++++++++---------
 src/app/components/programas/programas.directive.js               | 107 ++++++++++++++++++++++++++++++++++++++++++++++++++---------------------------------------------------------
 src/app/components/programas/programas.html                       |  17 +++++++++--------
 src/app/components/programas/programas.scss                       |  73 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------
 src/app/index.route.js                                            |  12 ------------
 src/app/index.run.js                                              |  52 +++++++++++++++++++++++++++++-----------------------
 src/app/index.scss                                                |  15 +++++++++++++++
 src/app/partials/article/article.controller.js                    |  13 ++++++++++---
 src/app/partials/article/article.html                             |  13 +++++++++++++
 src/app/partials/auth/auth.scss                                   | 101 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------------------
 src/app/partials/auth/signin.html                                 |   2 +-
 src/app/partials/auth/signup.html                                 |  14 +++++++++-----
 src/app/partials/header/header.controller.js                      |  16 ----------------
 src/app/partials/header/header.html                               |   2 +-
 src/app/partials/inicio/inicio.controller.js                      |   2 +-
 src/app/partials/programas/programas.controller.js                |  24 ------------------------
 src/app/partials/programas/programas.controller.spec.js           |  15 ---------------
 src/app/partials/programas/programas.html                         |   8 --------
 src/assets/images/angular.png                                     | Bin 13522 -> 0 bytes
 src/assets/images/bootstrap.png                                   | Bin 12923 -> 0 bytes
 src/assets/images/browsersync.png                                 | Bin 11615 -> 0 bytes
 src/assets/images/gulp.png                                        | Bin 10678 -> 0 bytes
 src/assets/images/icons/feedback-login-success-blue.png           | Bin 0 -> 4393 bytes
 src/assets/images/icons/feedback-login-success-green.png          | Bin 0 -> 4507 bytes
 src/assets/images/icons/feedback-login-success-red.png            | Bin 0 -> 4432 bytes
 src/assets/images/icons/feedback-login-success-yellow.png         | Bin 0 -> 3952 bytes
 src/assets/images/icons/feedback-proposal-sent-blue.png           | Bin 0 -> 3619 bytes
 src/assets/images/icons/feedback-proposal-sent-green.png          | Bin 0 -> 3717 bytes
 src/assets/images/icons/feedback-proposal-sent-red.png            | Bin 0 -> 3617 bytes
 src/assets/images/icons/feedback-proposal-sent-yellow.png         | Bin 0 -> 3227 bytes
 src/assets/images/icons/feedback-user-created.png                 | Bin 0 -> 3280 bytes
 src/assets/images/icons/social-facebook-contraste.png             | Bin 0 -> 1377 bytes
 src/assets/images/icons/social-facebook-disabled.png              | Bin 0 -> 15541 bytes
 src/assets/images/icons/social-facebook.png                       | Bin 0 -> 1559 bytes
 src/assets/images/icons/social-google-plus-contraste.png          | Bin 0 -> 1814 bytes
 src/assets/images/icons/social-google-plus-disabled.png           | Bin 0 -> 15922 bytes
 src/assets/images/icons/social-google-plus.png                    | Bin 0 -> 1981 bytes
 src/assets/images/icons/social-twitter-contraste.png              | Bin 0 -> 1469 bytes
 src/assets/images/icons/social-twitter-disabled.png               | Bin 0 -> 15752 bytes
 src/assets/images/icons/social-twitter.png                        | Bin 0 -> 1763 bytes
 src/assets/images/icons/social-whatsapp-contraste.png             | Bin 0 -> 2065 bytes
 src/assets/images/icons/social-whatsapp-disabled.png              | Bin 0 -> 16087 bytes
 src/assets/images/icons/social-whatsapp.png                       | Bin 0 -> 2221 bytes
 src/assets/images/icons/tema-cidadania-contraste.png              | Bin 0 -> 2103 bytes
 src/assets/images/icons/tema-cidadania.png                        | Bin 0 -> 1668 bytes
 src/assets/images/icons/tema-cidades-contraste.png                | Bin 0 -> 2091 bytes
 src/assets/images/icons/tema-cidades.png                          | Bin 0 -> 1628 bytes
 src/assets/images/icons/tema-cultura-contraste.png                | Bin 0 -> 1400 bytes
 src/assets/images/icons/tema-cultura.png                          | Bin 0 -> 1215 bytes
 src/assets/images/icons/tema-desenvolvimento-social-contraste.png | Bin 0 -> 2622 bytes
 src/assets/images/icons/tema-desenvolvimento-social.png           | Bin 0 -> 2360 bytes
 src/assets/images/icons/tema-educacao-contraste.png               | Bin 0 -> 3060 bytes
 src/assets/images/icons/tema-educacao.png                         | Bin 0 -> 3280 bytes
 src/assets/images/icons/tema-esporte-contraste.png                | Bin 0 -> 1826 bytes
 src/assets/images/icons/tema-esporte.png                          | Bin 0 -> 1160 bytes
 src/assets/images/icons/tema-gestao-contraste.png                 | Bin 0 -> 2454 bytes
 src/assets/images/icons/tema-gestao.png                           | Bin 0 -> 2150 bytes
 src/assets/images/icons/tema-infra-contraste.png                  | Bin 0 -> 1809 bytes
 src/assets/images/icons/tema-infra.png                            | Bin 0 -> 1200 bytes
 src/assets/images/icons/tema-meio-ambiente-contraste.png          | Bin 0 -> 1873 bytes
 src/assets/images/icons/tema-meio-ambiente.png                    | Bin 0 -> 1226 bytes
 src/assets/images/icons/tema-reducao-da-pobreza-contraste.png     | Bin 0 -> 3398 bytes
 src/assets/images/icons/tema-reducao-da-pobreza.png               | Bin 0 -> 3007 bytes
 src/assets/images/icons/tema-saude-contraste.png                  | Bin 0 -> 2535 bytes
 src/assets/images/icons/tema-saude.png                            | Bin 0 -> 2244 bytes
 src/assets/images/icons/tema-seguranca-publica.png                | Bin 0 -> 2933 bytes
 src/assets/images/icons/temaseguranca-publica-contraste.png       | Bin 0 -> 3018 bytes
 src/assets/images/icons/user-contraste.png                        | Bin 0 -> 1192 bytes
 src/assets/images/icons/user.png                                  | Bin 0 -> 1256 bytes
 src/assets/images/icons/vote-down.png                             | Bin 0 -> 2081 bytes
 src/assets/images/icons/vote-up.png                               | Bin 0 -> 1985 bytes
 src/assets/images/jasmine.png                                     | Bin 15828 -> 0 bytes
 src/assets/images/karma.png                                       | Bin 10130 -> 0 bytes
 src/assets/images/node-sass.png                                   | Bin 4967 -> 0 bytes
 src/assets/images/protractor.png                                  | Bin 10186 -> 0 bytes
 src/assets/images/yeoman.png                                      | Bin 13501 -> 0 bytes
 src/assets/images/youtube-background.webp                         | Bin 14168 -> 0 bytes
 src/index.html                                                    |   3 ++-
 84 files changed, 331 insertions(+), 245 deletions(-)
 create mode 100644 gulp/images.js
 delete mode 100644 src/app/partials/header/header.controller.js
 delete mode 100644 src/app/partials/programas/programas.controller.js
 delete mode 100644 src/app/partials/programas/programas.controller.spec.js
 delete mode 100644 src/app/partials/programas/programas.html
 delete mode 100644 src/assets/images/angular.png
 delete mode 100644 src/assets/images/bootstrap.png
 delete mode 100644 src/assets/images/browsersync.png
 delete mode 100644 src/assets/images/gulp.png
 create mode 100644 src/assets/images/icons/feedback-login-success-blue.png
 create mode 100644 src/assets/images/icons/feedback-login-success-green.png
 create mode 100644 src/assets/images/icons/feedback-login-success-red.png
 create mode 100644 src/assets/images/icons/feedback-login-success-yellow.png
 create mode 100644 src/assets/images/icons/feedback-proposal-sent-blue.png
 create mode 100644 src/assets/images/icons/feedback-proposal-sent-green.png
 create mode 100644 src/assets/images/icons/feedback-proposal-sent-red.png
 create mode 100644 src/assets/images/icons/feedback-proposal-sent-yellow.png
 create mode 100644 src/assets/images/icons/feedback-user-created.png
 create mode 100644 src/assets/images/icons/social-facebook-contraste.png
 create mode 100644 src/assets/images/icons/social-facebook-disabled.png
 create mode 100644 src/assets/images/icons/social-facebook.png
 create mode 100644 src/assets/images/icons/social-google-plus-contraste.png
 create mode 100644 src/assets/images/icons/social-google-plus-disabled.png
 create mode 100644 src/assets/images/icons/social-google-plus.png
 create mode 100644 src/assets/images/icons/social-twitter-contraste.png
 create mode 100644 src/assets/images/icons/social-twitter-disabled.png
 create mode 100644 src/assets/images/icons/social-twitter.png
 create mode 100644 src/assets/images/icons/social-whatsapp-contraste.png
 create mode 100644 src/assets/images/icons/social-whatsapp-disabled.png
 create mode 100644 src/assets/images/icons/social-whatsapp.png
 create mode 100755 src/assets/images/icons/tema-cidadania-contraste.png
 create mode 100644 src/assets/images/icons/tema-cidadania.png
 create mode 100755 src/assets/images/icons/tema-cidades-contraste.png
 create mode 100644 src/assets/images/icons/tema-cidades.png
 create mode 100644 src/assets/images/icons/tema-cultura-contraste.png
 create mode 100644 src/assets/images/icons/tema-cultura.png
 create mode 100755 src/assets/images/icons/tema-desenvolvimento-social-contraste.png
 create mode 100644 src/assets/images/icons/tema-desenvolvimento-social.png
 create mode 100755 src/assets/images/icons/tema-educacao-contraste.png
 create mode 100644 src/assets/images/icons/tema-educacao.png
 create mode 100755 src/assets/images/icons/tema-esporte-contraste.png
 create mode 100644 src/assets/images/icons/tema-esporte.png
 create mode 100755 src/assets/images/icons/tema-gestao-contraste.png
 create mode 100644 src/assets/images/icons/tema-gestao.png
 create mode 100755 src/assets/images/icons/tema-infra-contraste.png
 create mode 100644 src/assets/images/icons/tema-infra.png
 create mode 100755 src/assets/images/icons/tema-meio-ambiente-contraste.png
 create mode 100644 src/assets/images/icons/tema-meio-ambiente.png
 create mode 100755 src/assets/images/icons/tema-reducao-da-pobreza-contraste.png
 create mode 100644 src/assets/images/icons/tema-reducao-da-pobreza.png
 create mode 100755 src/assets/images/icons/tema-saude-contraste.png
 create mode 100644 src/assets/images/icons/tema-saude.png
 create mode 100644 src/assets/images/icons/tema-seguranca-publica.png
 create mode 100644 src/assets/images/icons/temaseguranca-publica-contraste.png
 create mode 100644 src/assets/images/icons/user-contraste.png
 create mode 100644 src/assets/images/icons/user.png
 create mode 100644 src/assets/images/icons/vote-down.png
 create mode 100644 src/assets/images/icons/vote-up.png
 delete mode 100644 src/assets/images/jasmine.png
 delete mode 100644 src/assets/images/karma.png
 delete mode 100644 src/assets/images/node-sass.png
 delete mode 100644 src/assets/images/protractor.png
 delete mode 100644 src/assets/images/yeoman.png
 delete mode 100644 src/assets/images/youtube-background.webp

diff --git a/gulp/images.js b/gulp/images.js
new file mode 100644
index 0000000..50287f8
--- /dev/null
+++ b/gulp/images.js
@@ -0,0 +1,21 @@
+'use strict';
+
+var path = require('path');
+var gulp = require('gulp');
+var conf = require('./conf');
+
+var gulpif = require('gulp-if');
+var sprity = require('sprity');
+
+gulp.task('sprites', function () {
+  var src = path.join(conf.paths.src, '/assets/images/icons/*.png');
+  var destCss = path.join(conf.paths.tmp, '/serve/app/');
+  var destImg = path.join(conf.paths.tmp, '/serve/assets/images/icons');
+
+  return sprity.src({
+    src: src,
+    style: 'sprite.css',
+    cssPath: '../assets/images/icons/'
+  })
+  .pipe(gulpif('*.png', gulp.dest(destImg), gulp.dest(destCss)));
+});
diff --git a/gulp/inject.js b/gulp/inject.js
index f1189f9..b81d399 100644
--- a/gulp/inject.js
+++ b/gulp/inject.js
@@ -9,7 +9,7 @@ var $ = require('gulp-load-plugins')();
 var wiredep = require('wiredep').stream;
 var _ = require('lodash');
 
-gulp.task('inject', ['scripts', 'styles'], function () {
+gulp.task('inject', ['scripts', 'styles', 'sprites'], function () {
   var injectStyles = gulp.src([
     path.join(conf.paths.tmp, '/serve/app/**/*.css'),
     path.join('!' + conf.paths.tmp, '/serve/app/vendor.css')
diff --git a/gulp/watch.js b/gulp/watch.js
index 16eb324..dde50e6 100644
--- a/gulp/watch.js
+++ b/gulp/watch.js
@@ -25,6 +25,16 @@ gulp.task('watch', ['inject'], function () {
     }
   });
 
+  gulp.watch([
+    path.join(conf.paths.src, '/assets/images/icons/*.png')
+  ], function(event) {
+    if(isOnlyChange(event)) {
+      gulp.start('sprites');
+    } else {
+      gulp.start('inject');
+    }
+  });
+
   gulp.watch(path.join(conf.paths.src, '/app/**/*.js'), function(event) {
     if(isOnlyChange(event)) {
       gulp.start('scripts');
diff --git a/package.json b/package.json
index 795d11b..432f086 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "gulp-sass": "~2.0.1",
     "gulp-angular-filesort": "~1.1.1",
     "main-bower-files": "~2.8.0",
-    "merge-stream": "~0.1.7",
+    "merge-stream": "^1.0.0",
     "jshint-stylish": "~2.0.0",
     "wiredep": "~2.2.2",
     "karma": "~0.12.36",
@@ -47,7 +47,9 @@
     "http-proxy-middleware": "~0.0.5",
     "chalk": "~1.0.0",
     "uglify-save-license": "~0.4.1",
-    "wrench": "~1.5.8"
+    "wrench": "~1.5.8",
+    "gulp-if": "^1.2.5",
+    "sprity": "^1.0.7"
   },
   "engines": {
     "node": ">=0.10.0"
diff --git a/src/app/components/navbar/navbar.directive.js b/src/app/components/navbar/navbar.directive.js
index f3f330c..3d5f375 100644
--- a/src/app/components/navbar/navbar.directive.js
+++ b/src/app/components/navbar/navbar.directive.js
@@ -11,7 +11,7 @@
       restrict: 'E',
       templateUrl: 'app/components/navbar/navbar.html',
       scope: {
-          creationDate: '='
+        creationDate: '='
       },
       controller: NavbarController,
       controllerAs: 'vm',
@@ -23,11 +23,15 @@
     /** @ngInject */
     function NavbarController($log) {
       $log.debug('NavbarController');
-      // var vm = this;
 
-      // "vm.creation" is avaible by directive option "bindToController: true"
-      // vm.relativeDate = moment(vm.creationDate).fromNow();
+      var vm = this;
+
+      vm.scrollTo = function(hash) {
+        var $el = angular.element('#' + hash);
+        angular.element('body').animate({scrollTop: $el.offset().top}, 'slow');
+      };
     }
+
   }
 
 })();
diff --git a/src/app/components/navbar/navbar.html b/src/app/components/navbar/navbar.html
index 73ba1b4..97dea1d 100644
--- a/src/app/components/navbar/navbar.html
+++ b/src/app/components/navbar/navbar.html
@@ -1,4 +1,4 @@
-<nav class="navbar navbar-static-top">
+<nav class="header-navbar navbar navbar-static-top">
   <div class="container-fluid">
     <div class="navbar-header">
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false">
@@ -16,7 +16,7 @@
     <div id="navbar-collapse" class="collapse navbar-collapse">
       <ul class="nav navbar-nav">
         <li><a ui-sref="sobre">Sobre</a></li>
-        <li><a ui-sref="programas">Programas</a></li>
+        <li><a ui-sref="inicio({'#':'lista-de-programas'})" ng-click="vm.scrollTo('lista-de-programas')">Programas</a></li>
         <!-- <li><a ui-sref="ranking">Ranking</a></li> -->
         <!-- <li><a ui-sref="duvidas">Dúvidas</a></li> -->
         <!-- <li><a ui-sref="respostas">Respostas</a></li> -->
diff --git a/src/app/components/navbar/navbar.scss b/src/app/components/navbar/navbar.scss
index d1113f4..0fed1c3 100644
--- a/src/app/components/navbar/navbar.scss
+++ b/src/app/components/navbar/navbar.scss
@@ -1,12 +1,26 @@
-.navbar-brand {
-  height: auto;
-}
+.header-navbar {
 
-.navbar-nav > li > a {
-  padding-top: 30px;
-  padding-bottom: 30px;
-}
+    .navbar-brand {
+        height: auto;
+    }
+
+    .navbar-nav a {
+        padding-top: 30px;
+        padding-bottom: 30px;
+        text-transform: uppercase;
+        color: #03316f;
+
+        -webkit-transition: all 0.2s ease-in-out;
+        -moz-transition: all 0.2s ease-in-out;
+        -o-transition: all 0.2s ease-in-out;
+        transition: all 0.2s ease-in-out;
+
+        .contraste & {
+            color: #fff;
+        }
+    }
 
-.navbar-toggle .icon-bar {
-  background-color: #333;
+    .navbar-toggle .icon-bar {
+        background-color: #333;
+    }
 }
diff --git a/src/app/components/programas/programas.directive.js b/src/app/components/programas/programas.directive.js
index 10164aa..fc3c838 100644
--- a/src/app/components/programas/programas.directive.js
+++ b/src/app/components/programas/programas.directive.js
@@ -27,10 +27,10 @@
       vm.init();
     }
 
-    ProgramaListController.prototype.init = function () {
+    ProgramaListController.prototype.init = function() {
       var vm = this;
 
-      if(!vm.article){
+      if (!vm.article) {
         vm.$log.warn('no article to display. Tip: use a ng-if before use this directive');
         return;
       }
@@ -38,9 +38,9 @@
       vm.categories = vm.article.categories;
       vm.programs = vm.article.children;
       vm.orderCriteries = [
-        { label: 'Aleatório', name: 'aleatorio' },
         { label: 'Título', name: 'titulo' },
-        { label: 'Tema', name: 'tema' }
+        { label: 'Tema', name: 'tema' },
+        { label: 'Aleatório', name: 'aleatorio' }
       ];
 
       vm.filtredProgramList = vm.getFiltredPrograms();
@@ -59,31 +59,31 @@
       }
 
       // update window location params
-      vm.$scope.$watch('vm.query', function(newValue, oldValue){
+      vm.$scope.$watch('vm.query', function(newValue/*, oldValue*/) {
         vm.search.filtro = newValue ? newValue : null;
         vm.$location.search('filtro', vm.search.filtro);
         vm.filtredProgramList = vm.getFiltredPrograms();
       });
 
-      vm.$scope.$watch('vm.limitTo', function(newValue, oldValue){
+      vm.$scope.$watch('vm.limitTo', function(newValue/*, oldValue*/) {
         vm.search.limite = (newValue && newValue !== vm.defaultLimit)  ? newValue : null;
         vm.$location.search('limite', vm.search.limite);
         vm.filtredProgramList = vm.getFiltredPrograms();
       });
 
-      vm.$scope.$watch('vm.categoryFilter', function(newValue, oldValue){
+      vm.$scope.$watch('vm.categoryFilter', function(newValue/*, oldValue*/) {
         vm.search.tema = newValue ? newValue.slug : null;
         vm.$location.search('tema', vm.search.tema);
         vm.filtredProgramList = vm.getFiltredPrograms();
       });
 
-      vm.$scope.$watch('vm.orderCriteria', function(newValue, oldValue){
+      vm.$scope.$watch('vm.orderCriteria', function(newValue/*, oldValue*/) {
         vm.search.ordem = (newValue && newValue.name) ? newValue.name : null;
         vm.$location.search('ordem', vm.search.ordem);
         vm.filtredProgramList = vm.getFiltredPrograms();
       });
 
-      vm.$scope.$watch('vm.reverse', function(newValue, oldValue){
+      vm.$scope.$watch('vm.reverse', function(newValue/*, oldValue*/) {
         vm.search.reverso = newValue ? newValue : null;
         vm.$location.search('reverso', vm.search.reverso);
         vm.filtredProgramList = vm.getFiltredPrograms();
@@ -91,7 +91,7 @@
 
     };
 
-    ProgramaListController.prototype.resetFilterValues = function () {
+    ProgramaListController.prototype.resetFilterValues = function() {
       var vm = this;
 
       vm.query = null;
@@ -100,40 +100,41 @@
       vm.orderCriteria = null;
     };
 
-    ProgramaListController.prototype.getIconClasses = function (category) {
+    ProgramaListController.prototype.getIconClasses = function(category) {
       var vm = this;
 
       vm.$log.debug('[TODO] getIconClasses of category:', category);
       return 'glyphicon glyphicon-exclamation-sign';
     };
 
-    ProgramaListController.prototype.getCategoryBySlug = function (categorySlug) {
+    ProgramaListController.prototype.getCategoryBySlug = function(categorySlug) {
       var vm = this;
       var result = null;
 
-      angular.forEach(vm.categories, function (value, key){
-        if(value.slug === categorySlug){
+      angular.forEach(vm.categories, function(value, key) {
+        if (value.slug === categorySlug) {
           result = value;
         }
-      })
+      });
+
       return result;
-    }
+    };
 
-    ProgramaListController.prototype.filterByCategory = function (category, $event) {
+    ProgramaListController.prototype.filterByCategory = function(category, $event) {
       var vm = this;
 
       $event.stopPropagation();
 
-      if(category !== vm.categoryFilter){
+      if (category !== vm.categoryFilter) {
 
         // selected new filter
         vm.categoryFilter = category;
-      }else{
+      } else {
         vm.categoryFilter = null;
       }
     };
 
-    ProgramaListController.prototype.showAll = function ($event) {
+    ProgramaListController.prototype.showAll = function($event) {
       var vm = this;
 
       $event.stopPropagation();
@@ -142,7 +143,7 @@
       vm.limitTo = vm.programs.length;
     };
 
-    ProgramaListController.prototype.getFiltredPrograms = function () {
+    ProgramaListController.prototype.getFiltredPrograms = function() {
       var vm = this;
 
       var input = vm.programs;
@@ -155,15 +156,15 @@
       var limitTo = vm.$filter('limitTo');
       var limit = vm.limitTo ? vm.limitTo : 4;
 
-      if(categoryFilter){
+      if (categoryFilter) {
         output = _filterByCategory(output, categoryFilter);
       }
 
-      if(query){
+      if (query) {
         output = filter(output, query, false);
       }
 
-      switch(orderCriteria.name) {
+      switch (orderCriteria.name) {
         case 'titulo':
           output = orderBy(output, 'title', vm.reverse);
           break;
@@ -171,21 +172,23 @@
           output = orderBy(output, 'categories[0].name', vm.reverse);
           break;
         case 'more_participants':
-          $log.info('Criteria not handled yet: ', orderCriteria);
+          vm.$log.info('Criteria not handled yet: ', orderCriteria);
           break;
         case 'aleatorio':
-        default:
           // shuffling
-          // if(!vm._isShuffled){
-            output = vm.filterShuffle(output);
+          // if (!vm._isShuffled){
+          output = vm.filterShuffle(output);
           //   vm._isShuffled = true;
           // }
 
-          if(vm.reverse){
+          if (vm.reverse) {
             output = output.slice().reverse();
           }
 
           break;
+        default:
+          vm.$log.warn('Criteria not matched: ', orderCriteria);
+          break;
       }
 
       output = limitTo(output, limit);
@@ -193,7 +196,7 @@
       return output;
     };
 
-    ProgramaListController.prototype.filterShuffle = function (input) {
+    ProgramaListController.prototype.filterShuffle = function(input) {
       var result = [];
       var resultByCategory = {};
 
@@ -202,7 +205,7 @@
         var program = input[i];
         var categorySlug = program.categories[0].slug;
 
-        if(!resultByCategory[categorySlug]){
+        if (!resultByCategory[categorySlug]) {
           resultByCategory[categorySlug] = [];
         }
 
@@ -210,9 +213,11 @@
       }
 
       // shuffle each array
-      for (var prop in resultByCategory){
-        if( resultByCategory.hasOwnProperty( prop ) ) {
-          var categoryWithPrograms = resultByCategory[prop];
+      var prop = null;
+      var categoryWithPrograms = null;
+      for (prop in resultByCategory) {
+        if (resultByCategory.hasOwnProperty(prop)) {
+          categoryWithPrograms = resultByCategory[prop];
           resultByCategory[prop] = shuffle(categoryWithPrograms);
         }
       }
@@ -224,12 +229,14 @@
 
         var foundProgram = false;
         // each categoryList with array of program
-        for (var prop in resultByCategory){
+        prop = null;
+        categoryWithPrograms = null;
+        for (prop in resultByCategory) {
 
-          if( resultByCategory.hasOwnProperty( prop ) ) {
-            var categoryWithPrograms = resultByCategory[prop];
+          if (resultByCategory.hasOwnProperty(prop)) {
+            categoryWithPrograms = resultByCategory[prop];
 
-            if (categoryWithPrograms.length > 0 ) {
+            if (categoryWithPrograms.length > 0) {
               var pivotProgram = categoryWithPrograms.pop();
               result.push(pivotProgram);
               foundProgram = true;
@@ -237,13 +244,13 @@
           }
         }
 
-        if(!foundProgram){
+        if (!foundProgram) {
           hasProgram = false;
         }
       }
 
       return result;
-    }
+    };
 
     var directive = {
       restrict: 'E',
@@ -259,10 +266,10 @@
     return directive;
   }
 
-  function _filterByCategory (input, category){
+  function _filterByCategory (input, category) {
     input = input || [];
 
-    if(!category){
+    if (!category) {
       // no filter
       return input;
     }
@@ -270,7 +277,7 @@
     var out = [];
     for (var i = 0; i < input.length; i++) {
       var program = input[i];
-      if(program.categories[0].slug === category.slug){
+      if (program.categories[0].slug === category.slug) {
         out.push(program);
       }
     }
@@ -278,19 +285,6 @@
     return out;
   }
 
-  function _filterByCriteria (input, criteria, reverse){
-    var vm = this;
-    input = input || [];
-    criteria = criteria || {};
-    reverse = reverse || false;
-
-    var out = [];
-
-
-
-    return out;
-  }
-
   // -> Fisher–Yates shuffle algorithm
   function shuffle (array) {
     var currentIndex = array.length, temporaryValue, randomIndex ;
@@ -311,5 +305,4 @@
     return array;
   }
 
-
 })();
diff --git a/src/app/components/programas/programas.html b/src/app/components/programas/programas.html
index c6bd5d5..90d7175 100644
--- a/src/app/components/programas/programas.html
+++ b/src/app/components/programas/programas.html
@@ -2,15 +2,16 @@
   <div class="col-sm-3">
     <div class="category-list">
       <nav class="navigation">
-        <h3 class="title"><b>Programas</b> por Tema</h3>
+        <h3 class="category-list--title"><b>Programas</b> por Tema</h3>
         <div class="list-group category-list" ng-class="vm.categoryFilter.slug">
-          <button type="button" class="list-group-item category-item"
+          <button type="button" class="list-group-item category-list--item"
             ng-repeat="category in vm.categories"
             ng-class="{active: vm.categoryFilter.slug === category.slug}"
             ng-click="vm.filterByCategory(category, $event)">
 
-            <span ng-class="[category.iconClass]"></span>
-            <span>{{::category.name}}</span>
+            <span class="category-list--icon-circle" ng-class="category.slug"></span>
+            <span class="category-list--icon icon" ng-class="'icon-tema-' + category.slug"></span>
+            <span class="category-list--label">{{::category.name}}</span>
             <span class="glyphicon glyphicon-chevron-right pull-right"></span>
 
           </button>
@@ -44,15 +45,15 @@
                 <option value="">-- Ordernar por: --</option>
               </select>
 
-              <div class="checkbox">
+              <!-- <div class="checkbox">
                 <label>
                   <input type="checkbox" ng-model="vm.reverse">
                   Reverso
                 </label>
-              </div>
+              </div> -->
 
-              <input id="programListLimit" type="number" class="form-control input-sm" size="4" step="2" ng-model="vm.limitTo" aria-label="Limitar" >
-              <label for="programListLimit" class="control-label">Limite</label>
+              <!-- <input id="programListLimit" type="number" class="form-control input-sm" size="4" step="2" ng-model="vm.limitTo" aria-label="Limitar" >
+              <label for="programListLimit" class="control-label">Limite</label> -->
 
             </div>
           </aside>
diff --git a/src/app/components/programas/programas.scss b/src/app/components/programas/programas.scss
index a56e09b..09d58ea 100644
--- a/src/app/components/programas/programas.scss
+++ b/src/app/components/programas/programas.scss
@@ -1,20 +1,71 @@
 .program-list {
+    .header {
+        position: relative;
+        height: 40px;
+        margin-bottom: 10px;
 
-  .header {
-    position: relative;
-    height: 40px;
-    margin-bottom: 10px;
-
-    button {
-      position: absolute;
-      right: 0;
-      top: 2px;
+        button {
+            position: absolute;
+            right: 0;
+            top: 2px;
+        }
     }
-  }
-
 }
 
 .category-list {
+    &--title {
+        color: #ffffff;
+        font-size: 16px;
+        margin: 0;
+        padding: 20px;
+        background-color: #484848;
+        border-top-left-radius: 5px;
+        border-top-right-radius: 5px;
+        overflow: hidden;
+    }
+
+
+    &--group {
+    }
+
+    &--item {
+        position: relative;
+        text-transform: uppercase;
+        font-weight: bold;
+        padding: 0;
+        height: 68px;
+        display: table-cell;
+        vertical-align: middle;
+    }
+
+    &--label {
+        margin-left: 70px;
+        margin-right: 30px;
+        display: inline-block;
+    }
+
+    &--icon-circle {
+        width: 48px;
+        height: 48px;
+        position: absolute;
+        top: 10px;
+        left: 10px;
+        border: 1px solid #fff;
+        border-radius: 48px;
+
+        @each $category, $color in $categories {
+            &.#{$category} {
+                background-color: $color;
+            }
+        }
+    }
+
+    .category-list--icon {
+        position: absolute;
+        top: -16px;
+        left: -14px;
+        transform: scale(0.4);
+    }
 
     @each $category, $color in $categories {
         &.#{$category} {
diff --git a/src/app/index.route.js b/src/app/index.route.js
index ffc86d7..fb581fd 100644
--- a/src/app/index.route.js
+++ b/src/app/index.route.js
@@ -45,18 +45,6 @@
           'footer': { templateUrl: 'app/partials/footer/footer.html' }
         }
       })
-      .state('programas', {
-        url: '/programas',
-        views: {
-          'header': { templateUrl: 'app/partials/header/header.html' },
-          'main': {
-            templateUrl: 'app/partials/programas/programas.html',
-            controller: 'ProgramasController',
-            controllerAs: 'programas'
-          },
-          'footer': { templateUrl: 'app/partials/footer/footer.html' }
-        }
-      })
       .state('programa', {
         url: '/programa/:slug',
         views: {
diff --git a/src/app/index.run.js b/src/app/index.run.js
index 7c82852..3a9cdcc 100644
--- a/src/app/index.run.js
+++ b/src/app/index.run.js
@@ -12,11 +12,12 @@
     .run(runBlock);
 
   /** @ngInject */
-  function runAuth($rootScope, $cookies, USER_ROLES, AUTH_EVENTS, AuthService, $log){
+  function runAuth($rootScope, $cookies, USER_ROLES, AUTH_EVENTS, AuthService, $log) {
 
     // Listner url/state changes, and check permission
-    $rootScope.$on('$stateChangeStart', function (event, next) {
-      if(!next.data || !next.data.authorizedRoles){
+    $rootScope.$on('$stateChangeStart', function(event, next) {
+
+      if (!next.data || !next.data.authorizedRoles) {
         $log.debug('public url/state');
         return;
       }
@@ -42,32 +43,34 @@
   /** @ngInject */
   function runAccessibility($rootScope, $timeout, $cookies, $log) {
 
-    var contrast = $cookies.get('dialoga_contraste') === "true";
+    var contrast = $cookies.get('dialoga_contraste') === 'true';
     adjustContrast(contrast);
 
-    function adjustContrast(state){
+    function adjustContrast(state) {
       var bodyEl = angular.element(document).find('body');
       angular.element(bodyEl).toggleClass('contraste', !!state);
     }
 
-    $rootScope.toggleContrast = function () {
+    $rootScope.toggleContrast = function() {
       contrast = !contrast;
       $cookies.put('dialoga_contraste', contrast);
       adjustContrast(contrast);
     };
 
-    $rootScope.focusMainContent = function ($event) {
+    $rootScope.focusMainContent = function($event) {
 
       // prevent skip link from redirecting
       if ($event) { $event.preventDefault(); }
 
       var mainContentArea = document.querySelector('[role="main"]');
 
-      if ( mainContentArea ) {
-        $timeout(function(){
-          mainContentArea.focus();
-        },90);
-      }else{
+      if (mainContentArea) {
+        $timeout(function() {
+          var $el = angular.element(mainContentArea);
+
+          angular.element('body').animate({scrollTop: $el.offset().top}, 'slow');
+        }, 90);
+      } else {
         $log.warn('role="main" not found.');
       }
     };
@@ -76,42 +79,45 @@
   }
 
   /** @ngInject */
-  function runHistory($rootScope, $log) {
+  function runHistory($rootScope) {
     $rootScope.$on('$stateChangeSuccess', function(event, toState, toStateParams, fromState, fromStateParams) {
       $rootScope.$previousState = { state: fromState, params: fromStateParams};
     });
   }
 
   /** @ngInject */
-  function runPath($rootScope, api, $log) {
-    var isProduction = (/^http:\/\/dialoga\.gov\.br\//.test(window.location.href));
+  function runPath($rootScope, api, $window, $log) {
+    var isProduction = (/^http:\/\/dialoga\.gov\.br\//.test($window.location.href));
     $rootScope.basePath = isProduction ? api.hostProd :  api.hostHom;
 
     $log.debug('runPath end.');
   }
 
   /** @ngInject */
-  function runColorUtils($log) {
-    
-    window.ColorLuminance = function (hex, lum) {
+  function runColorUtils($window) {
+
+    $window.ColorLuminance = function(hex, lum) {
 
       // validate hex string
       hex = String(hex).replace(/[^0-9a-f]/gi, '');
       if (hex.length < 6) {
-        hex = hex[0]+hex[0]+hex[1]+hex[1]+hex[2]+hex[2];
+        hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
       }
       lum = lum || 0;
 
       // convert to decimal and change luminosity
-      var rgb = "#", c, i;
+      var rgb = '#';
+      var c;
+      var i;
+
       for (i = 0; i < 3; i++) {
-        c = parseInt(hex.substr(i*2,2), 16);
+        c = parseInt(hex.substr(i * 2, 2), 16);
         c = Math.round(Math.min(Math.max(0, c + (c * lum)), 255)).toString(16);
-        rgb += ("00"+c).substr(c.length);
+        rgb += ('00' + c).substr(c.length);
       }
 
       return rgb;
-    }
+    };
   }
 
   /** @ngInject */
diff --git a/src/app/index.scss b/src/app/index.scss
index 1681ba7..7497fd4 100644
--- a/src/app/index.scss
+++ b/src/app/index.scss
@@ -28,6 +28,21 @@ $categories-descriptions: (saude: "Saúde é direito de todos e dever do Estado.
 
 body {
     // font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+    &.contraste {
+        color: #fff;
+        background-color: #000;
+
+        a,
+        .btn {
+            color: #fff;
+            background-color: #000;
+        }
+
+        .skip-links a:focus {
+            background-color: #000 !important;
+            border-color: #fff;
+        }
+    }
 }
 
 
diff --git a/src/app/partials/article/article.controller.js b/src/app/partials/article/article.controller.js
index 1b9e9bf..35bd5e5 100644
--- a/src/app/partials/article/article.controller.js
+++ b/src/app/partials/article/article.controller.js
@@ -23,12 +23,13 @@
 
     vm.page = vm.$state.current.name;
     vm.article = null;
-    switch(vm.page){
+    vm.loading = true;
+    switch (vm.page){
       case 'sobre':
-        vm.ArticleService.getAbout(handleSuccess);
+        vm.ArticleService.getAbout(handleSuccess, handleError);
         break;
       case 'termos-de-uso':
-        vm.ArticleService.getTerms(handleSuccess);
+        vm.ArticleService.getTerms(handleSuccess, handleError);
         break;
       default:
         vm.$log.warn('Page not handled:', vm.page);
@@ -36,8 +37,14 @@
     }
 
     function handleSuccess (data) {
+      vm.loading = false;
       vm.article = data.article;
       // vm.article.body = vm.$sce.trustAsHtml(vm.article.body);
     }
+
+    function handleError (error) {
+      vm.loading = false;
+      vm.error = error;
+    }
   };
 })();
diff --git a/src/app/partials/article/article.html b/src/app/partials/article/article.html
index 404ed07..aca1c52 100644
--- a/src/app/partials/article/article.html
+++ b/src/app/partials/article/article.html
@@ -1,5 +1,18 @@
 <div class="container" role="main">
 	<span class="hide">{{::article.page}}</span>
+
+  <div ng-if="article.loading">
+    <div class="alert alert-info">
+      Carregando conteúdo...
+    </div>
+  </div>
+
+  <div ng-if="article.error">
+    <div class="alert alert-info">
+      Erro ao carregar conteúdo.
+    </div>
+  </div>
+
 	<div ng-if="article.article">
 		<article>
 			<header>
diff --git a/src/app/partials/auth/auth.scss b/src/app/partials/auth/auth.scss
index a94f011..391342d 100644
--- a/src/app/partials/auth/auth.scss
+++ b/src/app/partials/auth/auth.scss
@@ -1,44 +1,63 @@
-.btn-social {
-  color: #fff;
-  font-weight: bold;
-
-  &:hover,
-  &:focus {color: #fff;}
-
-  &.btn-facebook {
-    background-color: #33477a;
-    &:hover,
-    &:focus {background-color: #304373; }
-    &:active {background-color: #33477a; }
-  }
-  &.btn-google-plus {
-    background-color: #b92d25;
-    &:hover,
-    &:focus {background-color: #b12b23; }
-    &:active {background-color: #b92d25; }
-  }
-}
+.auth-content{
 
-.glyphicon {
-  &.icon-white {
-    fill: white;
-  }
-}
+    .btn-social {
+      color: #fff;
+      font-weight: bold;
+
+      &:hover,
+      &:focus {color: #fff;}
+
+      &.btn-facebook {
+        background-color: #33477a;
+        &:hover,
+        &:focus {background-color: #304373; }
+        &:active {background-color: #33477a; }
+      }
+      &.btn-google-plus {
+        background-color: #b92d25;
+        &:hover,
+        &:focus {background-color: #b12b23; }
+        &:active {background-color: #b92d25; }
+      }
+    }
+
+    .btn {
+        .contraste & {
+            color: #fff;
+        }
+    }
+    .btn-primary {
+        .contraste & {
+            background-color: #262626;
+            border-color: #666;
+        }
+    }
+
+    .glyphicon {
+      &.icon-white {
+        fill: white;
+      }
+    }
+
+    .separator-or {
+      border-top: 2px solid #d8d8d8;
+      text-align: center;
+      font-weight: bold;
+
+      &:after {
+        content: "ou";
+        position: absolute;
+        top: 4px;
+        left: 50%;
+        margin-left: -26px;
+        font-size: 30px;
+        line-height: 30px;
+        padding: 0 0.25em;
+        background: $gray;
 
-.separator-or {
-  border-top: 2px solid #d8d8d8;
-  text-align: center;
-  font-weight: bold;
-
-  &:after {
-    content: "ou";
-    position: absolute;
-    top: 4px;
-    left: 50%;
-    margin-left: -26px;
-    font-size: 30px;
-    line-height: 30px;
-    padding: 0 0.25em;
-    background: $gray;
-  }
+        .contraste & {
+            background: #000;
+        }
+      }
+    }
 }
diff --git a/src/app/partials/auth/signin.html b/src/app/partials/auth/signin.html
index f11d5de..7fbfdb1 100644
--- a/src/app/partials/auth/signin.html
+++ b/src/app/partials/auth/signin.html
@@ -1,4 +1,4 @@
-<section role="main" class="section-gray">
+<section role="main" class="section-gray auth-content">
   <div class="container">
     <div class="row">
       <div class="col-sm-8 col-sm-offset-2">
diff --git a/src/app/partials/auth/signup.html b/src/app/partials/auth/signup.html
index 3141a37..ce91036 100644
--- a/src/app/partials/auth/signup.html
+++ b/src/app/partials/auth/signup.html
@@ -1,3 +1,10 @@
+<!-- Facebook -->
+<!-- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33" width="25" height="25"><path d="M18 32L12 32 12 16l-4 0 0-5.5 4 0 0-3.2C12 2.7 13.2 0 18.5 0l4.4 0 0 5.5 -2.8 0c-2.1 0-2.2 0.8-2.2 2.2l0 2.8 5 0 -0.6 5.5L18 16 18 32z"/></svg> -->
+<!-- Twitter -->
+<!-- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33" width="25" height="25"><path d="M32 6.1c-1.2 0.5-2.4 0.9-3.8 1 1.4-0.8 2.4-2.1 2.9-3.6 -1.3 0.8-2.7 1.3-4.2 1.6 -1.2-1.3-2.9-2.1-4.8-2.1 -3.6 0-6.6 2.9-6.6 6.6 0 0.5 0.1 1 0.2 1.5 -5.5-0.3-10.3-2.9-13.5-6.9 -0.6 1-0.9 2.1-0.9 3.3 0 2.3 1.2 4.3 2.9 5.5 -1.1 0-2.1-0.3-3-0.8 0 0 0 0.1 0 0.1 0 3.2 2.3 5.8 5.3 6.4 -0.6 0.2-1.1 0.2-1.7 0.2 -0.4 0-0.8 0-1.2-0.1 0.8 2.6 3.3 4.5 6.1 4.6 -2.2 1.8-5.1 2.8-8.2 2.8 -0.5 0-1.1 0-1.6-0.1 2.9 1.9 6.4 3 10.1 3 12.1 0 18.7-10 18.7-18.7 0-0.3 0-0.6 0-0.8C30 8.5 31.1 7.4 32 6.1z"/></svg> -->
+<!-- Google Plus -->
+<!-- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33" width="25" height="25"><path d="M17.5 2c0 0-6.3 0-8.4 0C5.3 2 1.8 4.8 1.8 8.1c0 3.4 2.6 6.1 6.4 6.1 0.3 0 0.5 0 0.8 0 -0.2 0.5-0.4 1-0.4 1.6 0 0.9 0.5 1.7 1.1 2.3 -0.5 0-0.9 0-1.5 0C3.6 18.1 0 21.1 0 24.1c0 3 3.9 4.9 8.6 4.9 5.3 0 8.2-3 8.2-6 0-2.4-0.7-3.9-2.9-5.4 -0.8-0.5-2.2-1.8-2.2-2.6 0-0.9 0.3-1.3 1.6-2.4 1.4-1.1 2.4-2.6 2.4-4.4 0-2.1-0.9-4.2-2.7-4.8l2.7 0L17.5 2zM14.5 22.5c0.1 0.3 0.1 0.6 0.1 0.9 0 2.4-1.6 4.4-6.1 4.4 -3.2 0-5.5-2-5.5-4.5 0-2.4 2.9-4.4 6.1-4.4 0.8 0 1.4 0.1 2.1 0.3C12.9 20.4 14.2 21.1 14.5 22.5zM9.4 13.4c-2.2-0.1-4.2-2.4-4.6-5.2 -0.4-2.8 1.1-5 3.2-4.9 2.2 0.1 4.2 2.3 4.6 5.2C13 11.2 11.6 13.4 9.4 13.4zM26 8L26 2 24 2 24 8 18 8 18 10 24 10 24 16 26 16 26 10 32 10 32 8z"/></svg> -->
+
 <section>
   <div class="container">
     <div class="row">
@@ -8,7 +15,7 @@
     </div>
   </div>
 </section>
-<section role="main" class="section-gray">
+<section role="main" class="section-gray auth-content">
   <div class="container">
     <div class="row">
       <div class="col-sm-8 col-sm-offset-2">
@@ -18,9 +25,6 @@
             <span class="glyphicon icon-facebook icon-white" aria-hidden="true">
               <!-- Facebook -->
               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33" width="25" height="25"><path d="M18 32L12 32 12 16l-4 0 0-5.5 4 0 0-3.2C12 2.7 13.2 0 18.5 0l4.4 0 0 5.5 -2.8 0c-2.1 0-2.2 0.8-2.2 2.2l0 2.8 5 0 -0.6 5.5L18 16 18 32z"/></svg>
-
-              <!-- Twitter -->
-              <!-- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33" width="25" height="25"><path d="M32 6.1c-1.2 0.5-2.4 0.9-3.8 1 1.4-0.8 2.4-2.1 2.9-3.6 -1.3 0.8-2.7 1.3-4.2 1.6 -1.2-1.3-2.9-2.1-4.8-2.1 -3.6 0-6.6 2.9-6.6 6.6 0 0.5 0.1 1 0.2 1.5 -5.5-0.3-10.3-2.9-13.5-6.9 -0.6 1-0.9 2.1-0.9 3.3 0 2.3 1.2 4.3 2.9 5.5 -1.1 0-2.1-0.3-3-0.8 0 0 0 0.1 0 0.1 0 3.2 2.3 5.8 5.3 6.4 -0.6 0.2-1.1 0.2-1.7 0.2 -0.4 0-0.8 0-1.2-0.1 0.8 2.6 3.3 4.5 6.1 4.6 -2.2 1.8-5.1 2.8-8.2 2.8 -0.5 0-1.1 0-1.6-0.1 2.9 1.9 6.4 3 10.1 3 12.1 0 18.7-10 18.7-18.7 0-0.3 0-0.6 0-0.8C30 8.5 31.1 7.4 32 6.1z"/></svg> -->
             </span>
             <span class="text">
               Conectar pelo Facebook
@@ -30,7 +34,7 @@
         <div class="col-sm-6">
           <button type="button" class="btn btn-lg btn-block btn-social btn-google-plus">
             <span class="glyphicon icon-google-plus icon-white" aria-hidden="true">
-              <!-- Google + -->
+              <!-- Google Plus -->
               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33" width="25" height="25"><path d="M17.5 2c0 0-6.3 0-8.4 0C5.3 2 1.8 4.8 1.8 8.1c0 3.4 2.6 6.1 6.4 6.1 0.3 0 0.5 0 0.8 0 -0.2 0.5-0.4 1-0.4 1.6 0 0.9 0.5 1.7 1.1 2.3 -0.5 0-0.9 0-1.5 0C3.6 18.1 0 21.1 0 24.1c0 3 3.9 4.9 8.6 4.9 5.3 0 8.2-3 8.2-6 0-2.4-0.7-3.9-2.9-5.4 -0.8-0.5-2.2-1.8-2.2-2.6 0-0.9 0.3-1.3 1.6-2.4 1.4-1.1 2.4-2.6 2.4-4.4 0-2.1-0.9-4.2-2.7-4.8l2.7 0L17.5 2zM14.5 22.5c0.1 0.3 0.1 0.6 0.1 0.9 0 2.4-1.6 4.4-6.1 4.4 -3.2 0-5.5-2-5.5-4.5 0-2.4 2.9-4.4 6.1-4.4 0.8 0 1.4 0.1 2.1 0.3C12.9 20.4 14.2 21.1 14.5 22.5zM9.4 13.4c-2.2-0.1-4.2-2.4-4.6-5.2 -0.4-2.8 1.1-5 3.2-4.9 2.2 0.1 4.2 2.3 4.6 5.2C13 11.2 11.6 13.4 9.4 13.4zM26 8L26 2 24 2 24 8 18 8 18 10 24 10 24 16 26 16 26 10 32 10 32 8z"/></svg>
             </span>
             <span class="text">
diff --git a/src/app/partials/header/header.controller.js b/src/app/partials/header/header.controller.js
deleted file mode 100644
index 97c207d..0000000
--- a/src/app/partials/header/header.controller.js
+++ /dev/null
@@ -1,16 +0,0 @@
-(function() {
-  'use strict';
-
-  angular
-    .module('dialoga')
-    .controller('HeaderController', HeaderController);
-
-  /** @ngInject */
-  function HeaderController($log) {
-    var vm = this;
-
-    vm.$log = $log;
-    vm.$log.debug('HeaderController');
-  }
-
-})();
diff --git a/src/app/partials/header/header.html b/src/app/partials/header/header.html
index 5bb61ed..80c0cdd 100644
--- a/src/app/partials/header/header.html
+++ b/src/app/partials/header/header.html
@@ -1,4 +1,4 @@
-<header class="container" ng-controller="HeaderController as header">
+<header class="container">
 
   <div class="row">
     <div class="accessibility-wrapper">
diff --git a/src/app/partials/inicio/inicio.controller.js b/src/app/partials/inicio/inicio.controller.js
index 422693f..9636334 100644
--- a/src/app/partials/inicio/inicio.controller.js
+++ b/src/app/partials/inicio/inicio.controller.js
@@ -18,7 +18,7 @@
     vm.init();
     vm.$log.debug('InicioController');
   }
-  
+
   InicioController.prototype.init = function() {
     var vm = this;
 
diff --git a/src/app/partials/programas/programas.controller.js b/src/app/partials/programas/programas.controller.js
deleted file mode 100644
index 727cfee..0000000
--- a/src/app/partials/programas/programas.controller.js
+++ /dev/null
@@ -1,24 +0,0 @@
-(function() {
-  'use strict';
-
-  angular
-    .module('dialoga')
-    .controller('ProgramasController', ProgramasController);
-
-  /** @ngInject */
-  function ProgramasController(ArticleService, $log) {
-    $log.debug('ProgramasController');
-
-    var vm = this;
-
-    vm.ArticleService = ArticleService;
-    vm.$log = $log;
-
-    vm.init();
-  }
-
-  ProgramasController.prototype.init = function () {
-
-    vm.programaList = [];
-  };
-})();
diff --git a/src/app/partials/programas/programas.controller.spec.js b/src/app/partials/programas/programas.controller.spec.js
deleted file mode 100644
index 32746ac..0000000
--- a/src/app/partials/programas/programas.controller.spec.js
+++ /dev/null
@@ -1,15 +0,0 @@
-(function() {
-  'use strict';
-
-  describe('controllers', function(){
-
-    beforeEach(module('dialoga'));
-
-    // it('should define more than 5 awesome things', inject(function($controller) {
-    //   var vm = $controller('SobreController');
-
-    //   // expect(angular.isArray(vm.awesomeThings)).toBeTruthy();
-    //   // expect(vm.awesomeThings.length > 5).toBeTruthy();
-    // }));
-  });
-})();
diff --git a/src/app/partials/programas/programas.html b/src/app/partials/programas/programas.html
deleted file mode 100644
index cdf696b..0000000
--- a/src/app/partials/programas/programas.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<div class="container">
-
-  <h1>Programas:</h1>
-  <div ng-repeat="programa in programas.programaList">
-    <programa-box programa="programa"></programa-box>
-  </div>
-
-</div>
diff --git a/src/assets/images/angular.png b/src/assets/images/angular.png
deleted file mode 100644
index 59f36fa..0000000
Binary files a/src/assets/images/angular.png and /dev/null differ
diff --git a/src/assets/images/bootstrap.png b/src/assets/images/bootstrap.png
deleted file mode 100644
index 5004b1e..0000000
Binary files a/src/assets/images/bootstrap.png and /dev/null differ
diff --git a/src/assets/images/browsersync.png b/src/assets/images/browsersync.png
deleted file mode 100644
index 201c641..0000000
Binary files a/src/assets/images/browsersync.png and /dev/null differ
diff --git a/src/assets/images/gulp.png b/src/assets/images/gulp.png
deleted file mode 100644
index 5da1891..0000000
Binary files a/src/assets/images/gulp.png and /dev/null differ
diff --git a/src/assets/images/icons/feedback-login-success-blue.png b/src/assets/images/icons/feedback-login-success-blue.png
new file mode 100644
index 0000000..22c1989
Binary files /dev/null and b/src/assets/images/icons/feedback-login-success-blue.png differ
diff --git a/src/assets/images/icons/feedback-login-success-green.png b/src/assets/images/icons/feedback-login-success-green.png
new file mode 100644
index 0000000..4eb5846
Binary files /dev/null and b/src/assets/images/icons/feedback-login-success-green.png differ
diff --git a/src/assets/images/icons/feedback-login-success-red.png b/src/assets/images/icons/feedback-login-success-red.png
new file mode 100644
index 0000000..ba968bc
Binary files /dev/null and b/src/assets/images/icons/feedback-login-success-red.png differ
diff --git a/src/assets/images/icons/feedback-login-success-yellow.png b/src/assets/images/icons/feedback-login-success-yellow.png
new file mode 100644
index 0000000..b0f72a1
Binary files /dev/null and b/src/assets/images/icons/feedback-login-success-yellow.png differ
diff --git a/src/assets/images/icons/feedback-proposal-sent-blue.png b/src/assets/images/icons/feedback-proposal-sent-blue.png
new file mode 100644
index 0000000..05aef30
Binary files /dev/null and b/src/assets/images/icons/feedback-proposal-sent-blue.png differ
diff --git a/src/assets/images/icons/feedback-proposal-sent-green.png b/src/assets/images/icons/feedback-proposal-sent-green.png
new file mode 100644
index 0000000..6dd5cea
Binary files /dev/null and b/src/assets/images/icons/feedback-proposal-sent-green.png differ
diff --git a/src/assets/images/icons/feedback-proposal-sent-red.png b/src/assets/images/icons/feedback-proposal-sent-red.png
new file mode 100644
index 0000000..8a401ad
Binary files /dev/null and b/src/assets/images/icons/feedback-proposal-sent-red.png differ
diff --git a/src/assets/images/icons/feedback-proposal-sent-yellow.png b/src/assets/images/icons/feedback-proposal-sent-yellow.png
new file mode 100644
index 0000000..4962efd
Binary files /dev/null and b/src/assets/images/icons/feedback-proposal-sent-yellow.png differ
diff --git a/src/assets/images/icons/feedback-user-created.png b/src/assets/images/icons/feedback-user-created.png
new file mode 100644
index 0000000..dc57178
Binary files /dev/null and b/src/assets/images/icons/feedback-user-created.png differ
diff --git a/src/assets/images/icons/social-facebook-contraste.png b/src/assets/images/icons/social-facebook-contraste.png
new file mode 100644
index 0000000..9dde03c
Binary files /dev/null and b/src/assets/images/icons/social-facebook-contraste.png differ
diff --git a/src/assets/images/icons/social-facebook-disabled.png b/src/assets/images/icons/social-facebook-disabled.png
new file mode 100644
index 0000000..1c2aa40
Binary files /dev/null and b/src/assets/images/icons/social-facebook-disabled.png differ
diff --git a/src/assets/images/icons/social-facebook.png b/src/assets/images/icons/social-facebook.png
new file mode 100644
index 0000000..08bb715
Binary files /dev/null and b/src/assets/images/icons/social-facebook.png differ
diff --git a/src/assets/images/icons/social-google-plus-contraste.png b/src/assets/images/icons/social-google-plus-contraste.png
new file mode 100644
index 0000000..af7453d
Binary files /dev/null and b/src/assets/images/icons/social-google-plus-contraste.png differ
diff --git a/src/assets/images/icons/social-google-plus-disabled.png b/src/assets/images/icons/social-google-plus-disabled.png
new file mode 100644
index 0000000..781661d
Binary files /dev/null and b/src/assets/images/icons/social-google-plus-disabled.png differ
diff --git a/src/assets/images/icons/social-google-plus.png b/src/assets/images/icons/social-google-plus.png
new file mode 100644
index 0000000..5bb7b88
Binary files /dev/null and b/src/assets/images/icons/social-google-plus.png differ
diff --git a/src/assets/images/icons/social-twitter-contraste.png b/src/assets/images/icons/social-twitter-contraste.png
new file mode 100644
index 0000000..ff9b5e3
Binary files /dev/null and b/src/assets/images/icons/social-twitter-contraste.png differ
diff --git a/src/assets/images/icons/social-twitter-disabled.png b/src/assets/images/icons/social-twitter-disabled.png
new file mode 100644
index 0000000..471a1bd
Binary files /dev/null and b/src/assets/images/icons/social-twitter-disabled.png differ
diff --git a/src/assets/images/icons/social-twitter.png b/src/assets/images/icons/social-twitter.png
new file mode 100644
index 0000000..7c4144c
Binary files /dev/null and b/src/assets/images/icons/social-twitter.png differ
diff --git a/src/assets/images/icons/social-whatsapp-contraste.png b/src/assets/images/icons/social-whatsapp-contraste.png
new file mode 100644
index 0000000..b361cda
Binary files /dev/null and b/src/assets/images/icons/social-whatsapp-contraste.png differ
diff --git a/src/assets/images/icons/social-whatsapp-disabled.png b/src/assets/images/icons/social-whatsapp-disabled.png
new file mode 100644
index 0000000..bf4a785
Binary files /dev/null and b/src/assets/images/icons/social-whatsapp-disabled.png differ
diff --git a/src/assets/images/icons/social-whatsapp.png b/src/assets/images/icons/social-whatsapp.png
new file mode 100644
index 0000000..a7a04d1
Binary files /dev/null and b/src/assets/images/icons/social-whatsapp.png differ
diff --git a/src/assets/images/icons/tema-cidadania-contraste.png b/src/assets/images/icons/tema-cidadania-contraste.png
new file mode 100755
index 0000000..924dbc6
Binary files /dev/null and b/src/assets/images/icons/tema-cidadania-contraste.png differ
diff --git a/src/assets/images/icons/tema-cidadania.png b/src/assets/images/icons/tema-cidadania.png
new file mode 100644
index 0000000..104bda5
Binary files /dev/null and b/src/assets/images/icons/tema-cidadania.png differ
diff --git a/src/assets/images/icons/tema-cidades-contraste.png b/src/assets/images/icons/tema-cidades-contraste.png
new file mode 100755
index 0000000..9797c55
Binary files /dev/null and b/src/assets/images/icons/tema-cidades-contraste.png differ
diff --git a/src/assets/images/icons/tema-cidades.png b/src/assets/images/icons/tema-cidades.png
new file mode 100644
index 0000000..0f640e5
Binary files /dev/null and b/src/assets/images/icons/tema-cidades.png differ
diff --git a/src/assets/images/icons/tema-cultura-contraste.png b/src/assets/images/icons/tema-cultura-contraste.png
new file mode 100644
index 0000000..c733adc
Binary files /dev/null and b/src/assets/images/icons/tema-cultura-contraste.png differ
diff --git a/src/assets/images/icons/tema-cultura.png b/src/assets/images/icons/tema-cultura.png
new file mode 100644
index 0000000..4a9a6e0
Binary files /dev/null and b/src/assets/images/icons/tema-cultura.png differ
diff --git a/src/assets/images/icons/tema-desenvolvimento-social-contraste.png b/src/assets/images/icons/tema-desenvolvimento-social-contraste.png
new file mode 100755
index 0000000..116c845
Binary files /dev/null and b/src/assets/images/icons/tema-desenvolvimento-social-contraste.png differ
diff --git a/src/assets/images/icons/tema-desenvolvimento-social.png b/src/assets/images/icons/tema-desenvolvimento-social.png
new file mode 100644
index 0000000..3648ed4
Binary files /dev/null and b/src/assets/images/icons/tema-desenvolvimento-social.png differ
diff --git a/src/assets/images/icons/tema-educacao-contraste.png b/src/assets/images/icons/tema-educacao-contraste.png
new file mode 100755
index 0000000..e973a52
Binary files /dev/null and b/src/assets/images/icons/tema-educacao-contraste.png differ
diff --git a/src/assets/images/icons/tema-educacao.png b/src/assets/images/icons/tema-educacao.png
new file mode 100644
index 0000000..15428e1
Binary files /dev/null and b/src/assets/images/icons/tema-educacao.png differ
diff --git a/src/assets/images/icons/tema-esporte-contraste.png b/src/assets/images/icons/tema-esporte-contraste.png
new file mode 100755
index 0000000..5dc0e61
Binary files /dev/null and b/src/assets/images/icons/tema-esporte-contraste.png differ
diff --git a/src/assets/images/icons/tema-esporte.png b/src/assets/images/icons/tema-esporte.png
new file mode 100644
index 0000000..019d5a0
Binary files /dev/null and b/src/assets/images/icons/tema-esporte.png differ
diff --git a/src/assets/images/icons/tema-gestao-contraste.png b/src/assets/images/icons/tema-gestao-contraste.png
new file mode 100755
index 0000000..88a626f
Binary files /dev/null and b/src/assets/images/icons/tema-gestao-contraste.png differ
diff --git a/src/assets/images/icons/tema-gestao.png b/src/assets/images/icons/tema-gestao.png
new file mode 100644
index 0000000..cb37184
Binary files /dev/null and b/src/assets/images/icons/tema-gestao.png differ
diff --git a/src/assets/images/icons/tema-infra-contraste.png b/src/assets/images/icons/tema-infra-contraste.png
new file mode 100755
index 0000000..02e7b0d
Binary files /dev/null and b/src/assets/images/icons/tema-infra-contraste.png differ
diff --git a/src/assets/images/icons/tema-infra.png b/src/assets/images/icons/tema-infra.png
new file mode 100644
index 0000000..b1c702e
Binary files /dev/null and b/src/assets/images/icons/tema-infra.png differ
diff --git a/src/assets/images/icons/tema-meio-ambiente-contraste.png b/src/assets/images/icons/tema-meio-ambiente-contraste.png
new file mode 100755
index 0000000..2eadce6
Binary files /dev/null and b/src/assets/images/icons/tema-meio-ambiente-contraste.png differ
diff --git a/src/assets/images/icons/tema-meio-ambiente.png b/src/assets/images/icons/tema-meio-ambiente.png
new file mode 100644
index 0000000..8d682aa
Binary files /dev/null and b/src/assets/images/icons/tema-meio-ambiente.png differ
diff --git a/src/assets/images/icons/tema-reducao-da-pobreza-contraste.png b/src/assets/images/icons/tema-reducao-da-pobreza-contraste.png
new file mode 100755
index 0000000..fae9408
Binary files /dev/null and b/src/assets/images/icons/tema-reducao-da-pobreza-contraste.png differ
diff --git a/src/assets/images/icons/tema-reducao-da-pobreza.png b/src/assets/images/icons/tema-reducao-da-pobreza.png
new file mode 100644
index 0000000..34340e5
Binary files /dev/null and b/src/assets/images/icons/tema-reducao-da-pobreza.png differ
diff --git a/src/assets/images/icons/tema-saude-contraste.png b/src/assets/images/icons/tema-saude-contraste.png
new file mode 100755
index 0000000..0a21c13
Binary files /dev/null and b/src/assets/images/icons/tema-saude-contraste.png differ
diff --git a/src/assets/images/icons/tema-saude.png b/src/assets/images/icons/tema-saude.png
new file mode 100644
index 0000000..b7ce2c4
Binary files /dev/null and b/src/assets/images/icons/tema-saude.png differ
diff --git a/src/assets/images/icons/tema-seguranca-publica.png b/src/assets/images/icons/tema-seguranca-publica.png
new file mode 100644
index 0000000..04693b0
Binary files /dev/null and b/src/assets/images/icons/tema-seguranca-publica.png differ
diff --git a/src/assets/images/icons/temaseguranca-publica-contraste.png b/src/assets/images/icons/temaseguranca-publica-contraste.png
new file mode 100644
index 0000000..729d7ad
Binary files /dev/null and b/src/assets/images/icons/temaseguranca-publica-contraste.png differ
diff --git a/src/assets/images/icons/user-contraste.png b/src/assets/images/icons/user-contraste.png
new file mode 100644
index 0000000..f536cf5
Binary files /dev/null and b/src/assets/images/icons/user-contraste.png differ
diff --git a/src/assets/images/icons/user.png b/src/assets/images/icons/user.png
new file mode 100644
index 0000000..fa08ab3
Binary files /dev/null and b/src/assets/images/icons/user.png differ
diff --git a/src/assets/images/icons/vote-down.png b/src/assets/images/icons/vote-down.png
new file mode 100644
index 0000000..9779c60
Binary files /dev/null and b/src/assets/images/icons/vote-down.png differ
diff --git a/src/assets/images/icons/vote-up.png b/src/assets/images/icons/vote-up.png
new file mode 100644
index 0000000..16f47e7
Binary files /dev/null and b/src/assets/images/icons/vote-up.png differ
diff --git a/src/assets/images/jasmine.png b/src/assets/images/jasmine.png
deleted file mode 100644
index 5be8ec8..0000000
Binary files a/src/assets/images/jasmine.png and /dev/null differ
diff --git a/src/assets/images/karma.png b/src/assets/images/karma.png
deleted file mode 100644
index 48b9601..0000000
Binary files a/src/assets/images/karma.png and /dev/null differ
diff --git a/src/assets/images/node-sass.png b/src/assets/images/node-sass.png
deleted file mode 100644
index 11d69d8..0000000
Binary files a/src/assets/images/node-sass.png and /dev/null differ
diff --git a/src/assets/images/protractor.png b/src/assets/images/protractor.png
deleted file mode 100644
index 98e0162..0000000
Binary files a/src/assets/images/protractor.png and /dev/null differ
diff --git a/src/assets/images/yeoman.png b/src/assets/images/yeoman.png
deleted file mode 100644
index 92497ad..0000000
Binary files a/src/assets/images/yeoman.png and /dev/null differ
diff --git a/src/assets/images/youtube-background.webp b/src/assets/images/youtube-background.webp
deleted file mode 100644
index 64bac1c..0000000
Binary files a/src/assets/images/youtube-background.webp and /dev/null differ
diff --git a/src/index.html b/src/index.html
index ab99547..4621ce0 100644
--- a/src/index.html
+++ b/src/index.html
@@ -20,11 +20,12 @@
     <!-- css files will be automatically insert here -->
     <!-- endinject -->
     <!-- endbuild -->
+    <link rel="stylesheet" href="/app/sprite.css">
   </head>
   <body ng-cloak>
 
     <div class="skip-links">
-      <a href="#content" class="sr-only sr-only-focusable" tabindex="0" ng-click="focusMainContent($event)">Ir para o conteúdo principal</a>
+      <a href="#content" class="sr-only sr-only-focusable btn btn-link" tabindex="0" ng-click="focusMainContent($event)">Ir para o conteúdo principal</a>
     </div>
 
     <div id="barra-brasil" style="background:#7F7F7F; height: 20px; padding:0 0 0 10px;display:block;">
--
libgit2 0.21.2