From 358c595db417d89bf5a6f8038b7a37181f98d463 Mon Sep 17 00:00:00 2001
From: Evandro Jr <evandrojr@gmail.com>
Date: Tue, 14 Jul 2015 21:25:22 +0000
Subject: [PATCH] Using Brasilia's captcha server

---
 index.html | 1136 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 1 file changed, 568 insertions(+), 568 deletions(-)
diff --git a/index.html b/index.html
index 23c2bf1..5684c26 100644
--- a/index.html
+++ b/index.html
@@ -1,568 +1,568 @@
-<!DOCTYPE html>
-<html lang="pt-br">
-  <head>
-    <meta charset="utf-8" />
-    <title>Dialoga Brasil</title>
-
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta property="og:title" content="Dialoga Brasil" />
-
-    <script type="text/javascript">
-      /**
-      * The Url created with module pattern
-      *
-      * @todo Moves the module to another single js file
-      */
-      var Url = (function(){
-
-        return {
-          initBase: function(){
-            return "//" + window.location.host + window.location.pathname.replace('/index.html','');
-          },
-          addBaseUrl: function(filename){
-            var base = window.location.href;
-            if(base.match(/file:/) || filename.match(/http:/)){
-              base = '';
-            }else{
-              base = this.initBase();
-              if(base.indexOf('/', base.length - 1) === -1) {
-                base = base + '/';
-              }
-            }
-            return base + filename;
-          }
-        }
-
-      })();
-
-      function makeCSSLink(filename){
-        var fileref=document.createElement('link');
-        fileref.setAttribute('rel', 'stylesheet');
-        fileref.setAttribute('type', 'text/css');
-        fileref.setAttribute('href',  Url.addBaseUrl(filename));
-        return fileref;
-      }
-      function loadCSSFiles(){
-        var css_files = [
-          'css/bootstrap.min.css',
-          'css/bootstrap-alert.min.css',
-          'css/hover.custom.css',
-          'css/footable.core.min.css',
-          'http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css',
-          'http://fonts.googleapis.com/css?family=Open+Sans:400,300,700',
-          'http://fonts.googleapis.com/css?family=Asap:400,700',
-          'style.css'
-        ];
-        head = document.getElementsByTagName('head')[0]
-        for(i = 0; i < css_files.length; i++){
-          head.appendChild(makeCSSLink(css_files[i]));
-        }
-      }
-      function makeJSURL(filename){
-        var url = Url.addBaseUrl(filename);
-
-        return url;
-      }
-
-      function loadJavaScriptAsync(file_path){
-      }
-
-      function loadRequireJS(){
-        var head = document.getElementsByTagName('head')[0];
-        var script_element = document.createElement('script');
-        script_element.type = 'text/javascript';
-        script_element.src = makeJSURL('js/require.js');
-        script_element.setAttribute('data-main', makeJSURL('js/requirejs-config.js'));
-        head.appendChild(script_element);
-      }
-      loadCSSFiles();
-    </script>
-
-  </head>
-  <body>
-    <div id="fb-root"></div>
-    <script>(function(d, s, id) {
-      var js, fjs = d.getElementsByTagName(s)[0];
-      if (d.getElementById(id)) return;
-      js = d.createElement(s); js.id = id;
-      js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=687948707977695";
-      fjs.parentNode.insertBefore(js, fjs);
-    }(document, 'script', 'facebook-jssdk'));</script>
-
-    <div class="">
-      <div id="proposal-result"></div>
-    </div>
-    <div class="clearfix"></div>
-
-    <script id="proposal-template" type="text/x-handlebars-template">
-      <header class="container">
-        <div class="row" style="margin: 10px 0 0 0">
-          <div class="col-xs-6">
-            <button type="button" id="display-contrast" class="btn btn-link"><i class="fa fa-adjust" aria-hidden="true"></i> Alto Contraste</button>
-          </div>
-          <div class="col-xs-6">
-            <div class="participar hide">
-              <button type="button" id="login-button" class="btn login"><i class="icon icon-login" aria-hidden="true"></i>Entrar</button>
-              <button type="button" id="logout-button" class="btn logout hide"><i class="icon icon-login" aria-hidden="true"></i><span class="name"></span>Sair</button>
-            </div>
-          </div>
-          <div class="col-xs-12">
-            <div id="login-panel" class="hide"></div>
-          </div>
-        </div>
-        <h1>
-          <a href="/" class='logo'>Dialoga Brasil | O país fica melhor quando você participa</a>
-        </h1>
-        <div class="top-menu">
-          <a href="#/artigo/108073">Sobre</a>
-          <a href="#/programas">Programas</a>
-        </div>
-        <div class="social top">
-          {{#social_share "Dialoga Brasil" "Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo" "#"}}{{/social_share}}
-        </div>
-      </header>
-
-      <div id="article-container" class="article-container hide">
-        <a href="#" class="go-back">Voltar</a>
-        <div class="article-content"></div>
-      </div>
-
-      <div id="content" class="container">
-        <div class="embed-responsive embed-responsive-16by9">
-          {{{article.abstract}}}
-        </div>
-      </div>
-
-      <div class="background content">
-        <div class="container">
-          <div class="col-sm-3">
-            <aside id="proposal-categories">
-              <div id="proposal-categories-container">
-                <h2 class="menu hidden-xs"><strong>Programas</strong> por Tema</h2>
-                <ul class="themes">
-                {{#each article.categories}}
-                  <li id="proposal-category-{{slug}}" class="proposal-category" data-category="{{slug}}">
-                    <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">
-                      <span class="icon icon-theme icon-{{slug}}"></span>
-                      <span class="themes-name">{{name}}</span>
-                      <span class="fa fa-angle-right hidden-xs"></span>
-                    </a>
-                    <!-- <div class="arrow-box" style="display: none"></div> -->
-                  </li>
-                {{/each}}
-                </ul>
-              </div>
-            </aside>
-          </div>
-
-          <div class="col-sm-9">
-          {{#each article.categories}}
-            <section id="proposal-item-{{id}}" class="proposal-category-items proposal-category-items-{{slug}} hide proposal-container clearfix {{slug}}" data-category="{{slug}}">
-              <a class="ver-todos" href="#/programas" role="tab" aria-controls="proposal-group">Ver todos os programas</a>
-              <div class="header proposal-title">
-                <h2 class="name">{{name}}</h2>
-                <div class="description"></div>
-              </div>
-              <ul class="proposal-list row">
-                {{#list_proposal ../article.children category=slug host=../host}}
-                  {{#link title id}}{{/link}}
-                {{/list_proposal}}
-              </ul>
-            </section>
-          {{/each}}
-          </div>
-
-          <div class="col-sm-9">
-            <article id="proposal-group" class="">
-              <!--
-              <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label>
-              <div id="search-input-container">
-                <input placeholder="palavra chave" id="search-input" type="text" name="search" />
-              </div>
-              -->
-              <a class="ver-todos" href="#/programas" role="tab" aria-controls="proposal-group"><span class="fa fa-angle-right"></span>Ver todos os programas</a>
-              <h2 class="name">Programas</h2>
-
-              <ul class="proposal-list row">
-                {{#list_proposal article.children host=host}}
-                  {{#link title id}}{{/link}}
-                {{/list_proposal}}
-              </ul>
-            </article>
-          </div>
-
-          {{#each article.children}}
-            {{!-- <div class="container"> --}}
-              <article class="proposal-detail hide" id="proposal-item-{{id}}">
-                <div class="categories {{#each categories}}{{slug}}{{/each}}">
-
-                  <div class="select">
-                    {{#each categories}}
-                      <div class="category proposal-category" data-category="{{slug}}">
-                        <button class="go-back btn btn-default">
-                          <span class="fa fa-reply"></span>
-                          Voltar
-                        </button>
-                        <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a>
-                        {{#select_proposal ../../article.children slug ../id}}{{/select_proposal}}
-                      </div>
-                    {{/each}}
-                  </div>
-
-
-                  <div class="proposal-header">
-                    <div class="abstract">
-                      <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/>
-                    </div>
-                    <a href="#/programas/{{id}}/sobre-o-programa">
-                      <div class="title">{{title}}</div>
-                      <div class="abstract">{{{abstract}}}</div>
-                    </a>
-                    <div class="show_body row">
-                      <div class="col-sm-6 col-sm-offset-3">
-                        <a class="" href="#/programas/{{id}}/sobre-o-programa"><span>Conheça o programa</span></a>
-                      </div>
-                    </div>
-                  </div>
-
-                  <div class="body proposal-detail-base hide">
-                    <div class='body-content'>
-                      {{{body}}}
-                    </div>
-
-                    <div class="container">
-                      <div class="row">
-                        <div class="col-sm-4">
-                          <div class="go-to-proposal-button">
-                            <a href="#/programas/{{id}}" data-target="proposal-item-{{id}}" class="button button-participe">
-                              <span class="fa fa-reply"></span>
-                              Participe
-                            </a>
-                          </div>
-                        </div>
-                        <div class="col-sm-4 col-sm-offset-4">
-                          <div class="social right">
-                            <span>COMPARTILHE<br>ESTE PROGRAMA</span>
-                            {{{social_share title abstract (program_detail_url id)}}}
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-
-                  <div class="row">
-                    <div class="make-proposal-container col-sm-6 require-login-container">
-                      <section class="make-proposal box box-propostas">
-                        <div class="section-content">
-                          <div class="container-title box-title">Faça uma proposta</div>
-                          <div class="subtitle box-subtitle">Qual a sua sugestão para melhorar este programa?</div>
-                          <div class="info box-info">Esta consulta termina em outubro de 2015. Até lá, todas as propostas serão lidas e as três mais pontuadas em cada programa receberão resposta oficial do governo.</div>
-                          <div class="row">
-                            <div class="col-sm-6 col-sm-offset-3">
-                              <div class="button send-proposal-button button-send box-footer">
-                                <a href="#"><span>Envie sua proposta</span></a>
-                              </div>
-                            </div>
-                          </div>
-                          <div class="login-container hide">Login</div>
-                          <form class="make-proposal-form save-article-form require-login hide" id="make-proposal-form-{{id}}" action="{{proposal_action ../article . }}" method="post">
-                            <div class="message hide"></div>
-                            <div>
-                              <div><label for="article_abstract">Descrição</label></div>
-                              <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="200"></textarea>
-                            </div>
-                            <input type="hidden" id="type" name="article[type]" value="ProposalsDiscussionPlugin::Proposal">
-                            <input type="hidden" id="content_type" name="content_type" value="ProposalsDiscussionPlugin::Proposal">
-                            <div class="row">
-                              <div class="col-sm-6 col-sm-offset-3">
-                                <input type="submit" id="make-proposal-button" name="make-proposal-button" class="make-proposal-button button" value="Enviar">
-                              </div>
-                            </div>
-                          </form>
-                          <div class="success-proposal-sent success-sent hide button-send">
-                            <p>Sua proposta foi encaminhada com sucesso! Ela se tornará pública em até 48 horas e poderá ser apoiada por outros participantes.</p>
-                            <a href="#">Faça nova proposta</a>
-                          </div>
-                          <div class="clearfix"></div>
-                        </div>
-                      </section>
-                    </div>
-
-                    <div class="support-proposal-container col-sm-6 require-login-container">
-                      <section class="support-proposal box box-propostas box-center box-apoie">
-                        <div class="section-content">
-                          <div class="container-title box-title"> Apoie outras propostas</div>
-                          <div class="alert alert-warning hide" role="alert">
-                            <i class="fa fa-warning" aria-hidden="true"></i><strong>Proposta não encontrada</strong>
-                          </div>
-                          <div class="support-proposal-content require-login">
-                            <div class="random-proposal"></div>
-                            <div class="loading">Carregando...</div>
-                            <div class="no-proposals">Ainda não existe nenhuma proposta para este programa.</div>
-                          </div>
-                          <div class="login-container hide">Login</div>
-                          <div class="button-send hide"><a href="#"><span>Login</span></a></div>
-                        </div>
-                      </section>
-                    </div>
-
-                    <div class="results-container hide col-sm-12"></div>
-
-                    <div class="talk-proposal-container col-sm-12">
-                      <section class="talk-proposal box box-propostas">
-                        <div class="container-title box-title">Bate-papo virtual com ministras e ministros</div>
-                        <div class="calendar-container"></div>
-                      </section>
-                    </div>
-                  </div>
-
-                  <div class="clearfix"></div>
-                </div>
-              </article>
-            {{!-- </div> --}}
-          {{/each}}
-        </div>
-      </div>
-    </script>
-
-    <script id="support-proposal-template" type="text/x-handlebars-template">
-      <div class="abstract">
-        <p class="box-subtitle">{{stripTags (trimString abstract 200)}}</p>
-      </div>
-      <div class="vote-actions">
-        <button class="icon icon-vote vote-action dislike" data-vote-value="-1"><span class="fa fa-times"></span></button>
-        <button class="icon icon-vote vote-action like" data-vote-value="1"><span class="fa fa-check"></span></button>
-        <div class="row">
-          <div class="col-sm-6 col-sm-offset-3">
-            <button class="skip button button-block box-footer">Pular</button>
-          </div>
-        </div>
-        <a href="#/programas/{{parent.id}}/resultados" class="vote-result box-bottom">Resultados</a>
-      </div>
-      <div class="social">
-        <span>Compartilhe esta proposta</span>
-        {{{social_share parent.title abstract (proposal_url parent.id id)}}}
-      </div>
-    </script>
-
-    <script id="results-template" type="text/x-handlebars-template">
-      <div class="box box-propostas">
-        <div class="loading">Carregando...</div>
-        <div class="results-content hide">
-          <button class="vote-result"><span class="sr-only">Fechar</span><span class="fa fa-times"></span></button>
-          <h2>Resultados</h2>
-          <span class="total">Total de propostas para o programa {{title}}: <strong class="value">{{pagination.total}}</strong></span>
-          <div class="updated-at">
-            <span>Última atualização </span>
-            <span class="timeago" title="{{updated_at}}"></span>
-          </div>
-          <div class="border">
-            <table class="footable">
-              <thead>
-                <tr class="header">
-                  <th class="position">Posição <a href="#/artigo/108047" class="question-link"><span class="fa fa-question"></span></a></th>
-                  <th class="abstract-text" data-toggle="true">Propostas</th>
-                  <th class="views" data-hide="phone">Exibições</th>
-                  <th class="votes-for" data-hide="phone"><span class="sr-only">A favor</span><span class="fa fa-check"></span></th>
-                  <th class="votes-against" data-hide="phone"><span class="sr-only">Contra</span><span class="fa fa-times"></span></th>
-                </tr>
-              </thead>
-              <tbody>
-              {{#each proposals}}
-                <tr>
-                  <td class="">{{calcPosition @index ../pagination.per_page ../pagination.page}}°</td>
-                  <td class="abstract-text"><div class="truncate"><p class="truncated">{{stripTags abstract}}</p></div></td>
-                  <td class="views value">{{hits}}</td>
-                  <td class="votes-for value">{{votes_for}}</td>
-                  <td class="votes-against value">{{votes_against}}</td>
-                </tr>
-              {{/each}}
-              </tbody>
-            </table>
-          </div>
-          <div class="paging"></div>
-        </div>
-      </div>
-    </script>
-
-    <script id="login-template" type="text/x-handlebars-template">
-      <div class="loading">Carregando...</div>
-      <form id="login-form" class="login">
-        <div class="message hide"></div>
-        <div class="row">
-          <div class="col-sm-4">
-            <a href="#" class="new-user button">Cadastre-se</a>
-          </div>
-        </div>
-        <p class="box-subtitle">Ou acesse:</p>
-        <div class="username">
-          <label for="login-user_name" class="label">Nome de Usuário / E-mail:</label>
-          <input id="login-user_name" name="login" type="text" placeholder="Nome do usuário / E-mail">
-        </div>
-        <div class="password">
-          <label for="login-user_password" class="label">Senha:</label>
-          <input id="login-user_password" name="password" type="password" placeholder="Senha">
-        </div>
-        <div class="forgot-password">
-          <a href='http://login.dialoga.gov.br/account/forgot_password' target='_blank'>Esqueci a Senha</a>
-        </div>
-        <div class="row">
-          <div class="actions col-sm-4">
-            <input type="submit" class="login-action button col-sm-12" value="Acessar"/>
-          </div>
-          <div class="oauth col-sm-8">
-            <span class="label">Ou acesse usando <i>&raquo;</i></span>
-            <a href="http://login.dialoga.gov.br/plugin/oauth_client/facebook?oauth_client_popup=true&id=1" target="_blank" class="facebook oauth-login icon icon-facebook"><span class="fa fa-facebook"></span><span class="sr-only">Facebook</span></a>
-            <a href="http://login.dialoga.gov.br/plugin/oauth_client/google_oauth2?oauth_client_popup=true&id=2" target="_blank" class="google oauth-login icon icon-gplus"><span class="fa fa-google-plus"></span><span class="sr-only">Google Plus</span></a>
-          </div>
-        </div>
-      </form>
-      <form id="signup-form" class="signup hide" autocomplete="off" method="post">
-        <div class="message hide"></div>
-        <p class="box-subtitle">Cadastre-se</p>
-        <div class="email">
-          <label for="signup-user_email" class="label">E-mail:</label>
-          <input id="signup-user_email" name="email" type="email" required placeholder="E-mail">
-        </div>
-        <div class="username">
-          <label for="signup-user_name" class="label">Nome de Usuário</label>
-          <input id="signup-user_name" name="login" type="text" required placeholder="Nome do usuário">
-        </div>
-        <div class="row">
-          <div class="password col-sm-6">
-            <label for="signup-user_password" class="label">Senha:</label>
-            <input id="signup-user_password" name="password" required type="password" placeholder="Senha">
-          </div>
-          <div class="password-confirmation col-sm-6">
-            <label for="user_password_confirmation" class="label">Confirme a senha:</label>
-            <input id="user_password_confirmation" name="password_confirmation" required type="password" placeholder="Confirme a senha">
-          </div>
-          <div class="oauth-providers">
-            <input id="user_oauth_providers" name="oauth_providers" type="hidden">
-          </div>
-          <div id="serpro_captcha" class="captcha col-sm-12">
-          </div>
-          <div class="captcha col-sm-12">
-            Digite os caracteres acima:
-          </div>
-          <div class="captcha col-sm-6">
-            <input type="text" name="captcha_text" id="captcha_text">
-          </div>
-          <div id="terms-of-use-box" class="col-sm-12">
-            <div class="checkbox">
-              <label for="user_terms_accepted">
-                <input id="user_terms_accepted" name="user_terms_accepted" value="0" required type="checkbox" />
-                Eu aceito os <a href="#/artigo/107880" target="_blank">termos de uso</a>
-              </label>
-            </div>
-          </div>
-          <div class="actions col-sm-12">
-            <div class="row">
-              <div class="col-sm-4">
-                <button type="submit" class="confirm-signup button button-confirm button-block">Confirmar</button>
-              </div>
-              <div class="col-sm-4">
-                <button type="button" class="cancel-signup button button-cancela button-block">Cancelar</button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </form>
-    </script>
-
-    <script id="social-share" type="text/x-handlebars-template">
-      <ul>
-        <li><a href="{{url}}" class="fb-share icon icon-facebook" data-caption="{{title}}" data-description="{{stripTags description}}"><span class="fa fa-facebook"></span><span class="sr-only">Compartilhar no Facebook</span></a></li>
-        <li><a href="https://twitter.com/intent/tweet?url={{encodeURI url}}&text={{stripTags description}}" target="_blank" class="tw-share icon icon-twitter popup"><span class="fa fa-twitter"></span><span class="sr-only">Compartilhar no Twitter</span></a></li>
-        <li><a href="https://plus.google.com/share?url={{encodeURI url}}" target="_blank" class="gp-share icon icon-gplus popup"><span class="fa fa-google-plus"></span><span class="sr-only">Compartilhar no Google Plus</span></a></li>
-        <li><a href="whatsapp://send?text={{stripTags description}} {{encodeURI url}}" target="_blank" class="ws-share icon icon-whatsapp"><span class="fa fa-whatsapp"></span><span class="sr-only">Compartilhar no WhatsApp</span></a></li>
-      </ul>
-    </script>
-
-    <script id="article-template" type="text/x-handlebars-template">
-      <div class="title">
-        {{{title}}}
-      </div>
-      <div class="abstract">
-        {{{abstract}}}
-      </div>
-      <div class="body">
-        {{{body}}}
-      </div>
-    </script>
-
-    <script id="calendar-template" type="text/x-handlebars-template">
-      <div class="calendar {{category_class}}">
-        {{#if event.body}}
-          <div class="col-sm-12">
-            <div class="row">
-              <div class="embed-responsive embed-responsive-16by9">
-                {{{event.body}}}
-              </div>
-            </div>
-          </div>
-        {{/if}}
-        <div class="col-sm-12">
-          <div class="row">
-            <div class="calendar__column col-xs-12 col-sm-6">
-              <div class="row">
-                <div class="calendar__presenter">{{event.setting.presenter}}</div>
-                <div class="calendar__presenter-category">{{category}}</div>
-              </div>
-            </div>
-            <div class="calendar__column col-xs-6 col-sm-3">
-              <div class="row">
-                <div class="calendar__date"><i class="fa fa-calendar" aria-hidden="true"></i> {{date}}</div>
-              </div>
-            </div>
-            <div class="calendar__column col-xs-6 col-sm-3">
-              <div class="row">
-                <div class="calendar__time"><i class="fa fa-clock-o" aria-hidden="true"></i> {{time}}</div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="col-sm-12">
-          <div class="talk__participate">
-            <div class="row">
-              <div class="col-sm-4 col-md-3 col-lg-2">
-                <div class="row">
-                  <button id="talk__button-participate" type="button" class="button button-block require-main-login" data-event-id="{{event.id}}">Participar</button>
-                </div>
-              </div>
-              <div class="col-sm-8 col-md-9 col-lg-10">
-                <div class="row">
-                  <div class="talk__counter">
-                    {{#compare total_followers 50 operator=">"}}
-                      <span class="talk__value">{{total_followers}}</span>
-                      <span class="talk__counter-message">se inscreveram para esse bate-papo virtual</span>
-                    {{^}}
-                      <span class="talk__counter-message">Inscreva-se agora para esse bate-papo virtual.</span>
-                    {{/compare}}
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-    </script>
-
-    <div class="success-panel hide">
-      <div class="icon"></div>
-      <div class="message"></div>
-    </div>
-
-    <div class="terms-of-use text-center">
-      <a href="#/artigo/107880">Termos de uso</a>
-    </div>
-
-    <script type="text/javascript">
-      loadRequireJS();
-    </script>
-
-    <script src="http://captcha2.servicoscorporativos.serpro.gov.br/js/captcha.serpro.gov.br.js"></script>
-
-  </body>
-
-</html>
+<!DOCTYPE html>
+<html lang="pt-br">
+  <head>
+    <meta charset="utf-8" />
+    <title>Dialoga Brasil</title>
+
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta property="og:title" content="Dialoga Brasil" />
+
+    <script type="text/javascript">
+      /**
+      * The Url created with module pattern
+      *
+      * @todo Moves the module to another single js file
+      */
+      var Url = (function(){
+
+        return {
+          initBase: function(){
+            return "//" + window.location.host + window.location.pathname.replace('/index.html','');
+          },
+          addBaseUrl: function(filename){
+            var base = window.location.href;
+            if(base.match(/file:/) || filename.match(/http:/)){
+              base = '';
+            }else{
+              base = this.initBase();
+              if(base.indexOf('/', base.length - 1) === -1) {
+                base = base + '/';
+              }
+            }
+            return base + filename;
+          }
+        }
+
+      })();
+
+      function makeCSSLink(filename){
+        var fileref=document.createElement('link');
+        fileref.setAttribute('rel', 'stylesheet');
+        fileref.setAttribute('type', 'text/css');
+        fileref.setAttribute('href',  Url.addBaseUrl(filename));
+        return fileref;
+      }
+      function loadCSSFiles(){
+        var css_files = [
+          'css/bootstrap.min.css',
+          'css/bootstrap-alert.min.css',
+          'css/hover.custom.css',
+          'css/footable.core.min.css',
+          'http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css',
+          'http://fonts.googleapis.com/css?family=Open+Sans:400,300,700',
+          'http://fonts.googleapis.com/css?family=Asap:400,700',
+          'style.css'
+        ];
+        head = document.getElementsByTagName('head')[0]
+        for(i = 0; i < css_files.length; i++){
+          head.appendChild(makeCSSLink(css_files[i]));
+        }
+      }
+      function makeJSURL(filename){
+        var url = Url.addBaseUrl(filename);
+
+        return url;
+      }
+
+      function loadJavaScriptAsync(file_path){
+      }
+
+      function loadRequireJS(){
+        var head = document.getElementsByTagName('head')[0];
+        var script_element = document.createElement('script');
+        script_element.type = 'text/javascript';
+        script_element.src = makeJSURL('js/require.js');
+        script_element.setAttribute('data-main', makeJSURL('js/requirejs-config.js'));
+        head.appendChild(script_element);
+      }
+      loadCSSFiles();
+    </script>
+
+  </head>
+  <body>
+    <div id="fb-root"></div>
+    <script>(function(d, s, id) {
+      var js, fjs = d.getElementsByTagName(s)[0];
+      if (d.getElementById(id)) return;
+      js = d.createElement(s); js.id = id;
+      js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=687948707977695";
+      fjs.parentNode.insertBefore(js, fjs);
+    }(document, 'script', 'facebook-jssdk'));</script>
+
+    <div class="">
+      <div id="proposal-result"></div>
+    </div>
+    <div class="clearfix"></div>
+
+    <script id="proposal-template" type="text/x-handlebars-template">
+      <header class="container">
+        <div class="row" style="margin: 10px 0 0 0">
+          <div class="col-xs-6">
+            <button type="button" id="display-contrast" class="btn btn-link"><i class="fa fa-adjust" aria-hidden="true"></i> Alto Contraste</button>
+          </div>
+          <div class="col-xs-6">
+            <div class="participar hide">
+              <button type="button" id="login-button" class="btn login"><i class="icon icon-login" aria-hidden="true"></i>Entrar</button>
+              <button type="button" id="logout-button" class="btn logout hide"><i class="icon icon-login" aria-hidden="true"></i><span class="name"></span>Sair</button>
+            </div>
+          </div>
+          <div class="col-xs-12">
+            <div id="login-panel" class="hide"></div>
+          </div>
+        </div>
+        <h1>
+          <a href="/" class='logo'>Dialoga Brasil | O país fica melhor quando você participa</a>
+        </h1>
+        <div class="top-menu">
+          <a href="#/artigo/108073">Sobre</a>
+          <a href="#/programas">Programas</a>
+        </div>
+        <div class="social top">
+          {{#social_share "Dialoga Brasil" "Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo" "#"}}{{/social_share}}
+        </div>
+      </header>
+
+      <div id="article-container" class="article-container hide">
+        <a href="#" class="go-back">Voltar</a>
+        <div class="article-content"></div>
+      </div>
+
+      <div id="content" class="container">
+        <div class="embed-responsive embed-responsive-16by9">
+          {{{article.abstract}}}
+        </div>
+      </div>
+
+      <div class="background content">
+        <div class="container">
+          <div class="col-sm-3">
+            <aside id="proposal-categories">
+              <div id="proposal-categories-container">
+                <h2 class="menu hidden-xs"><strong>Programas</strong> por Tema</h2>
+                <ul class="themes">
+                {{#each article.categories}}
+                  <li id="proposal-category-{{slug}}" class="proposal-category" data-category="{{slug}}">
+                    <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">
+                      <span class="icon icon-theme icon-{{slug}}"></span>
+                      <span class="themes-name">{{name}}</span>
+                      <span class="fa fa-angle-right hidden-xs"></span>
+                    </a>
+                    <!-- <div class="arrow-box" style="display: none"></div> -->
+                  </li>
+                {{/each}}
+                </ul>
+              </div>
+            </aside>
+          </div>
+
+          <div class="col-sm-9">
+          {{#each article.categories}}
+            <section id="proposal-item-{{id}}" class="proposal-category-items proposal-category-items-{{slug}} hide proposal-container clearfix {{slug}}" data-category="{{slug}}">
+              <a class="ver-todos" href="#/programas" role="tab" aria-controls="proposal-group">Ver todos os programas</a>
+              <div class="header proposal-title">
+                <h2 class="name">{{name}}</h2>
+                <div class="description"></div>
+              </div>
+              <ul class="proposal-list row">
+                {{#list_proposal ../article.children category=slug host=../host}}
+                  {{#link title id}}{{/link}}
+                {{/list_proposal}}
+              </ul>
+            </section>
+          {{/each}}
+          </div>
+
+          <div class="col-sm-9">
+            <article id="proposal-group" class="">
+              <!--
+              <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label>
+              <div id="search-input-container">
+                <input placeholder="palavra chave" id="search-input" type="text" name="search" />
+              </div>
+              -->
+              <a class="ver-todos" href="#/programas" role="tab" aria-controls="proposal-group"><span class="fa fa-angle-right"></span>Ver todos os programas</a>
+              <h2 class="name">Programas</h2>
+
+              <ul class="proposal-list row">
+                {{#list_proposal article.children host=host}}
+                  {{#link title id}}{{/link}}
+                {{/list_proposal}}
+              </ul>
+            </article>
+          </div>
+
+          {{#each article.children}}
+            {{!-- <div class="container"> --}}
+              <article class="proposal-detail hide" id="proposal-item-{{id}}">
+                <div class="categories {{#each categories}}{{slug}}{{/each}}">
+
+                  <div class="select">
+                    {{#each categories}}
+                      <div class="category proposal-category" data-category="{{slug}}">
+                        <button class="go-back btn btn-default">
+                          <span class="fa fa-reply"></span>
+                          Voltar
+                        </button>
+                        <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a>
+                        {{#select_proposal ../../article.children slug ../id}}{{/select_proposal}}
+                      </div>
+                    {{/each}}
+                  </div>
+
+
+                  <div class="proposal-header">
+                    <div class="abstract">
+                      <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/>
+                    </div>
+                    <a href="#/programas/{{id}}/sobre-o-programa">
+                      <div class="title">{{title}}</div>
+                      <div class="abstract">{{{abstract}}}</div>
+                    </a>
+                    <div class="show_body row">
+                      <div class="col-sm-6 col-sm-offset-3">
+                        <a class="" href="#/programas/{{id}}/sobre-o-programa"><span>Conheça o programa</span></a>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div class="body proposal-detail-base hide">
+                    <div class='body-content'>
+                      {{{body}}}
+                    </div>
+
+                    <div class="container">
+                      <div class="row">
+                        <div class="col-sm-4">
+                          <div class="go-to-proposal-button">
+                            <a href="#/programas/{{id}}" data-target="proposal-item-{{id}}" class="button button-participe">
+                              <span class="fa fa-reply"></span>
+                              Participe
+                            </a>
+                          </div>
+                        </div>
+                        <div class="col-sm-4 col-sm-offset-4">
+                          <div class="social right">
+                            <span>COMPARTILHE<br>ESTE PROGRAMA</span>
+                            {{{social_share title abstract (program_detail_url id)}}}
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div class="row">
+                    <div class="make-proposal-container col-sm-6 require-login-container">
+                      <section class="make-proposal box box-propostas">
+                        <div class="section-content">
+                          <div class="container-title box-title">Faça uma proposta</div>
+                          <div class="subtitle box-subtitle">Qual a sua sugestão para melhorar este programa?</div>
+                          <div class="info box-info">Esta consulta termina em outubro de 2015. Até lá, todas as propostas serão lidas e as três mais pontuadas em cada programa receberão resposta oficial do governo.</div>
+                          <div class="row">
+                            <div class="col-sm-6 col-sm-offset-3">
+                              <div class="button send-proposal-button button-send box-footer">
+                                <a href="#"><span>Envie sua proposta</span></a>
+                              </div>
+                            </div>
+                          </div>
+                          <div class="login-container hide">Login</div>
+                          <form class="make-proposal-form save-article-form require-login hide" id="make-proposal-form-{{id}}" action="{{proposal_action ../article . }}" method="post">
+                            <div class="message hide"></div>
+                            <div>
+                              <div><label for="article_abstract">Descrição</label></div>
+                              <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="200"></textarea>
+                            </div>
+                            <input type="hidden" id="type" name="article[type]" value="ProposalsDiscussionPlugin::Proposal">
+                            <input type="hidden" id="content_type" name="content_type" value="ProposalsDiscussionPlugin::Proposal">
+                            <div class="row">
+                              <div class="col-sm-6 col-sm-offset-3">
+                                <input type="submit" id="make-proposal-button" name="make-proposal-button" class="make-proposal-button button" value="Enviar">
+                              </div>
+                            </div>
+                          </form>
+                          <div class="success-proposal-sent success-sent hide button-send">
+                            <p>Sua proposta foi encaminhada com sucesso! Ela se tornará pública em até 48 horas e poderá ser apoiada por outros participantes.</p>
+                            <a href="#">Faça nova proposta</a>
+                          </div>
+                          <div class="clearfix"></div>
+                        </div>
+                      </section>
+                    </div>
+
+                    <div class="support-proposal-container col-sm-6 require-login-container">
+                      <section class="support-proposal box box-propostas box-center box-apoie">
+                        <div class="section-content">
+                          <div class="container-title box-title"> Apoie outras propostas</div>
+                          <div class="alert alert-warning hide" role="alert">
+                            <i class="fa fa-warning" aria-hidden="true"></i><strong>Proposta não encontrada</strong>
+                          </div>
+                          <div class="support-proposal-content require-login">
+                            <div class="random-proposal"></div>
+                            <div class="loading">Carregando...</div>
+                            <div class="no-proposals">Ainda não existe nenhuma proposta para este programa.</div>
+                          </div>
+                          <div class="login-container hide">Login</div>
+                          <div class="button-send hide"><a href="#"><span>Login</span></a></div>
+                        </div>
+                      </section>
+                    </div>
+
+                    <div class="results-container hide col-sm-12"></div>
+
+                    <div class="talk-proposal-container col-sm-12">
+                      <section class="talk-proposal box box-propostas">
+                        <div class="container-title box-title">Bate-papo virtual com ministras e ministros</div>
+                        <div class="calendar-container"></div>
+                      </section>
+                    </div>
+                  </div>
+
+                  <div class="clearfix"></div>
+                </div>
+              </article>
+            {{!-- </div> --}}
+          {{/each}}
+        </div>
+      </div>
+    </script>
+
+    <script id="support-proposal-template" type="text/x-handlebars-template">
+      <div class="abstract">
+        <p class="box-subtitle">{{stripTags (trimString abstract 200)}}</p>
+      </div>
+      <div class="vote-actions">
+        <button class="icon icon-vote vote-action dislike" data-vote-value="-1"><span class="fa fa-times"></span></button>
+        <button class="icon icon-vote vote-action like" data-vote-value="1"><span class="fa fa-check"></span></button>
+        <div class="row">
+          <div class="col-sm-6 col-sm-offset-3">
+            <button class="skip button button-block box-footer">Pular</button>
+          </div>
+        </div>
+        <a href="#/programas/{{parent.id}}/resultados" class="vote-result box-bottom">Resultados</a>
+      </div>
+      <div class="social">
+        <span>Compartilhe esta proposta</span>
+        {{{social_share parent.title abstract (proposal_url parent.id id)}}}
+      </div>
+    </script>
+
+    <script id="results-template" type="text/x-handlebars-template">
+      <div class="box box-propostas">
+        <div class="loading">Carregando...</div>
+        <div class="results-content hide">
+          <button class="vote-result"><span class="sr-only">Fechar</span><span class="fa fa-times"></span></button>
+          <h2>Resultados</h2>
+          <span class="total">Total de propostas para o programa {{title}}: <strong class="value">{{pagination.total}}</strong></span>
+          <div class="updated-at">
+            <span>Última atualização </span>
+            <span class="timeago" title="{{updated_at}}"></span>
+          </div>
+          <div class="border">
+            <table class="footable">
+              <thead>
+                <tr class="header">
+                  <th class="position">Posição <a href="#/artigo/108047" class="question-link"><span class="fa fa-question"></span></a></th>
+                  <th class="abstract-text" data-toggle="true">Propostas</th>
+                  <th class="views" data-hide="phone">Exibições</th>
+                  <th class="votes-for" data-hide="phone"><span class="sr-only">A favor</span><span class="fa fa-check"></span></th>
+                  <th class="votes-against" data-hide="phone"><span class="sr-only">Contra</span><span class="fa fa-times"></span></th>
+                </tr>
+              </thead>
+              <tbody>
+              {{#each proposals}}
+                <tr>
+                  <td class="">{{calcPosition @index ../pagination.per_page ../pagination.page}}°</td>
+                  <td class="abstract-text"><div class="truncate"><p class="truncated">{{stripTags abstract}}</p></div></td>
+                  <td class="views value">{{hits}}</td>
+                  <td class="votes-for value">{{votes_for}}</td>
+                  <td class="votes-against value">{{votes_against}}</td>
+                </tr>
+              {{/each}}
+              </tbody>
+            </table>
+          </div>
+          <div class="paging"></div>
+        </div>
+      </div>
+    </script>
+
+    <script id="login-template" type="text/x-handlebars-template">
+      <div class="loading">Carregando...</div>
+      <form id="login-form" class="login">
+        <div class="message hide"></div>
+        <div class="row">
+          <div class="col-sm-4">
+            <a href="#" class="new-user button">Cadastre-se</a>
+          </div>
+        </div>
+        <p class="box-subtitle">Ou acesse:</p>
+        <div class="username">
+          <label for="login-user_name" class="label">Nome de Usuário / E-mail:</label>
+          <input id="login-user_name" name="login" type="text" placeholder="Nome do usuário / E-mail">
+        </div>
+        <div class="password">
+          <label for="login-user_password" class="label">Senha:</label>
+          <input id="login-user_password" name="password" type="password" placeholder="Senha">
+        </div>
+        <div class="forgot-password">
+          <a href='http://login.dialoga.gov.br/account/forgot_password' target='_blank'>Esqueci a Senha</a>
+        </div>
+        <div class="row">
+          <div class="actions col-sm-4">
+            <input type="submit" class="login-action button col-sm-12" value="Acessar"/>
+          </div>
+          <div class="oauth col-sm-8">
+            <span class="label">Ou acesse usando <i>&raquo;</i></span>
+            <a href="http://login.dialoga.gov.br/plugin/oauth_client/facebook?oauth_client_popup=true&id=1" target="_blank" class="facebook oauth-login icon icon-facebook"><span class="fa fa-facebook"></span><span class="sr-only">Facebook</span></a>
+            <a href="http://login.dialoga.gov.br/plugin/oauth_client/google_oauth2?oauth_client_popup=true&id=2" target="_blank" class="google oauth-login icon icon-gplus"><span class="fa fa-google-plus"></span><span class="sr-only">Google Plus</span></a>
+          </div>
+        </div>
+      </form>
+      <form id="signup-form" class="signup hide" autocomplete="off" method="post">
+        <div class="message hide"></div>
+        <p class="box-subtitle">Cadastre-se</p>
+        <div class="email">
+          <label for="signup-user_email" class="label">E-mail:</label>
+          <input id="signup-user_email" name="email" type="email" required placeholder="E-mail">
+        </div>
+        <div class="username">
+          <label for="signup-user_name" class="label">Nome de Usuário</label>
+          <input id="signup-user_name" name="login" type="text" required placeholder="Nome do usuário">
+        </div>
+        <div class="row">
+          <div class="password col-sm-6">
+            <label for="signup-user_password" class="label">Senha:</label>
+            <input id="signup-user_password" name="password" required type="password" placeholder="Senha">
+          </div>
+          <div class="password-confirmation col-sm-6">
+            <label for="user_password_confirmation" class="label">Confirme a senha:</label>
+            <input id="user_password_confirmation" name="password_confirmation" required type="password" placeholder="Confirme a senha">
+          </div>
+          <div class="oauth-providers">
+            <input id="user_oauth_providers" name="oauth_providers" type="hidden">
+          </div>
+          <div id="serpro_captcha" class="captcha col-sm-12">
+          </div>
+          <div class="captcha col-sm-12">
+            Digite os caracteres acima:
+          </div>
+          <div class="captcha col-sm-6">
+            <input type="text" name="captcha_text" id="captcha_text">
+          </div>
+          <div id="terms-of-use-box" class="col-sm-12">
+            <div class="checkbox">
+              <label for="user_terms_accepted">
+                <input id="user_terms_accepted" name="user_terms_accepted" value="0" required type="checkbox" />
+                Eu aceito os <a href="#/artigo/107880" target="_blank">termos de uso</a>
+              </label>
+            </div>
+          </div>
+          <div class="actions col-sm-12">
+            <div class="row">
+              <div class="col-sm-4">
+                <button type="submit" class="confirm-signup button button-confirm button-block">Confirmar</button>
+              </div>
+              <div class="col-sm-4">
+                <button type="button" class="cancel-signup button button-cancela button-block">Cancelar</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </form>
+    </script>
+
+    <script id="social-share" type="text/x-handlebars-template">
+      <ul>
+        <li><a href="{{url}}" class="fb-share icon icon-facebook" data-caption="{{title}}" data-description="{{stripTags description}}"><span class="fa fa-facebook"></span><span class="sr-only">Compartilhar no Facebook</span></a></li>
+        <li><a href="https://twitter.com/intent/tweet?url={{encodeURI url}}&text={{stripTags description}}" target="_blank" class="tw-share icon icon-twitter popup"><span class="fa fa-twitter"></span><span class="sr-only">Compartilhar no Twitter</span></a></li>
+        <li><a href="https://plus.google.com/share?url={{encodeURI url}}" target="_blank" class="gp-share icon icon-gplus popup"><span class="fa fa-google-plus"></span><span class="sr-only">Compartilhar no Google Plus</span></a></li>
+        <li><a href="whatsapp://send?text={{stripTags description}} {{encodeURI url}}" target="_blank" class="ws-share icon icon-whatsapp"><span class="fa fa-whatsapp"></span><span class="sr-only">Compartilhar no WhatsApp</span></a></li>
+      </ul>
+    </script>
+
+    <script id="article-template" type="text/x-handlebars-template">
+      <div class="title">
+        {{{title}}}
+      </div>
+      <div class="abstract">
+        {{{abstract}}}
+      </div>
+      <div class="body">
+        {{{body}}}
+      </div>
+    </script>
+
+    <script id="calendar-template" type="text/x-handlebars-template">
+      <div class="calendar {{category_class}}">
+        {{#if event.body}}
+          <div class="col-sm-12">
+            <div class="row">
+              <div class="embed-responsive embed-responsive-16by9">
+                {{{event.body}}}
+              </div>
+            </div>
+          </div>
+        {{/if}}
+        <div class="col-sm-12">
+          <div class="row">
+            <div class="calendar__column col-xs-12 col-sm-6">
+              <div class="row">
+                <div class="calendar__presenter">{{event.setting.presenter}}</div>
+                <div class="calendar__presenter-category">{{category}}</div>
+              </div>
+            </div>
+            <div class="calendar__column col-xs-6 col-sm-3">
+              <div class="row">
+                <div class="calendar__date"><i class="fa fa-calendar" aria-hidden="true"></i> {{date}}</div>
+              </div>
+            </div>
+            <div class="calendar__column col-xs-6 col-sm-3">
+              <div class="row">
+                <div class="calendar__time"><i class="fa fa-clock-o" aria-hidden="true"></i> {{time}}</div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-12">
+          <div class="talk__participate">
+            <div class="row">
+              <div class="col-sm-4 col-md-3 col-lg-2">
+                <div class="row">
+                  <button id="talk__button-participate" type="button" class="button button-block require-main-login" data-event-id="{{event.id}}">Participar</button>
+                </div>
+              </div>
+              <div class="col-sm-8 col-md-9 col-lg-10">
+                <div class="row">
+                  <div class="talk__counter">
+                    {{#compare total_followers 50 operator=">"}}
+                      <span class="talk__value">{{total_followers}}</span>
+                      <span class="talk__counter-message">se inscreveram para esse bate-papo virtual</span>
+                    {{^}}
+                      <span class="talk__counter-message">Inscreva-se agora para esse bate-papo virtual.</span>
+                    {{/compare}}
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+    </script>
+
+    <div class="success-panel hide">
+      <div class="icon"></div>
+      <div class="message"></div>
+    </div>
+
+    <div class="terms-of-use text-center">
+      <a href="#/artigo/107880">Termos de uso</a>
+    </div>
+
+    <script type="text/javascript">
+      loadRequireJS();
+    </script>
+
+    <script src="http://captcha.servicoscorporativos.serpro.gov.br/js/captcha.serpro.gov.br.js"></script>
+
+  </body>
+
+</html>
\ No newline at end of file
--
libgit2 0.21.2

