/barra.govbr

Barra dinâmica do governo brasileiro - migrada para https://portal.softwarepublico.gov.br/gitlab/govbr/barra-govbr

Primary LanguageCSS

Barra.gov.br

Gitter

Barra dinâmica do governo brasileiro. Nesse projeto está incluído o código da barra e do rodapé de governo.

Captura de tela da barra/rodapé

Barra e rodapé da identidade do governo brasileiro.

Exemplo de uso da barra/rodapé

O exemplo de como utilizar a barra no seu sítio está publicado em Manual da Barra do Governo Brasileiro. A página de testes está disponível em Teste da Barra do Governo Brasileiro. Você pode contribuir e melhorar o exemplo no Código do Manual da Barra do Governo Brasileiro.

Como gerar a barra/rodapé

Mudando o profile

Altere o arquivo 'app/profile' para apontar para o novo profile. Exemplo:

	profile : copa2014

Dependências:

Esses são comandos exemplos, por favor verifique no seu sistema como deve ser instalado.

  • node.js apt-get install python-software-properties python g++ make add-apt-repository ppa:chris-lea/node.js apt-get update apt-get install nodejs apt-get install npm

  • sass apt-get install ruby-full build-essential apt-get install rubygems gem install sass sass -v

  • zlib

Para criar o ambiente de desenvolvimento execute:

  make venv

Para profiling é necessário além dos acima:

  • werkzeug

E execute o

make profile

Usando vagrant:

vagrant up
vagrant ssh
cd /vagrant/

Geração da barra

Execute o comando:

make run

O profile selecionado será o contido em app/profile

Testes da barra

Execute o comando:

make teste

Para gerar um teste em XUNIT execute

make testReport

Requisitos da Barra

  1. A Barra deve ser adaptável a um desenho fluído e fixo
  2. A Barra deve suportar diferentes opções de cor de fundo
  3. A Barra deve suportar a inclusão dinâmica do nome da organização
  4. A Barra deve funcionar nos navegadores:

Internet Explorer versão 8 ou superior

Mozilla Firefox versão 24

Google Chrome versão C30

Safari versão S6

Opera versão 12

Navegadores de dispositivos móveis

  1. A Barra deve degradar graciosamente (graceful degradation ou progressive enhancement) clientes que não possuam compatibilidade ou no qual o javascript esteja desligado.

  2. A barra deve ser acessível.

  3. A Barra deve conter tanto o rodapé como a barra.

Considerações sobre a arquitetura

  1. A barra será hospedada em local centralizado e chamada de forma distribuída pelos portais institucionais;

  2. A barra será incluída via javascript minificado.

  3. O rodapé será incluído via javascript minificado.