From cd49024e1abf9ebe1db347df4ea041e85f692f33 Mon Sep 17 00:00:00 2001 From: Carlos Vieira Date: Thu, 1 Oct 2015 12:16:22 -0300 Subject: [PATCH] Versão para outubro rosa 2015 --- CHANGES.md | 1 + README.md | 4 ++-- app/static/barra-brasil.js | 2 +- makefile | 6 +++--- package.json | 7 ++----- recipes/outubrorosa/assets/barra-brasil.coffee | 25 +++++++++++++++++-------- recipes/outubrorosa/assets/conteudo-barra.html | 2 +- recipes/outubrorosa/assets/conteudo-footer.html | 2 +- recipes/outubrorosa/assets/estatisticas.coffee | 27 ++++++++++++++++++--------- recipes/outubrorosa/assets/estilo-barra.scss | 148 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------- recipes/outubrorosa/assets/estilo-footer.scss | 26 ++++++++++++++++++++++---- recipes/outubrorosa/assets/footer-brasil.coffee | 8 ++------ recipes/outubrorosa/assets/imagens/acesso-a-informacao.png | Bin 3838 -> 0 bytes recipes/outubrorosa/assets/imagens/bandeira-brasil.png | Bin 1249 -> 0 bytes recipes/outubrorosa/assets/imagens/brasil.png | Bin 5737 -> 0 bytes recipes/outubrorosa/barra-brasil-1.yaml | 2 +- recipes/outubrorosa/barra-brasil-final.yaml | 2 +- recipes/outubrorosa/compile.sh | 11 ++++++----- recipes/outubrorosa/footer-brasil-1.yaml | 4 +--- recipes/outubrorosa/footer-brasil-2.yaml | 4 ++-- 20 files changed, 214 insertions(+), 67 deletions(-) diff --git a/CHANGES.md b/CHANGES.md index cbbf1cf..478a642 100644 --- a/CHANGES.md +++ b/CHANGES.md @@ -3,6 +3,7 @@ # 2.1.5 * Corrigindo exemplo para o órgão [caduvieira] +* Outubro rosa [caduvieira] # 2.1.4 diff --git a/README.md b/README.md index 8adcdd3..31b4a6f 100644 --- a/README.md +++ b/README.md @@ -67,9 +67,9 @@ cd /vagrant/ Execute o comando: -> make run +> make run PROFILE=outubrorosa -O profile selecionado será o contido em _app/profile_ +O profile selecionado é o outubrorosa nesse exemplo ## Testes da barra diff --git a/app/static/barra-brasil.js b/app/static/barra-brasil.js index 50bd8da..a662b68 100644 --- a/app/static/barra-brasil.js +++ b/app/static/barra-brasil.js @@ -1 +1 @@ -!function(){var a,r,i,t,e='
Brasil
Acesso à informação
';a=document.getElementById("barra-brasil"),a&&(a.removeAttribute("style"),a.innerHTML=e,i=document.getElementsByTagName("head")[0]),r=function(){var a,r;for(r=document.getElementsByTagName("meta"),a=0;a + metas = document.getElementsByTagName('meta') + i = 0 + while i < metas.length + if metas[i].getAttribute('property') == 'creator.productor' + return '&orgao='+ metas[i].getAttribute('content') + i++ + '' + + link = document.getElementById('barra-brasil-orgao') + link.setAttribute 'href', 'http://www.servicos.gov.br/?pk_campaign=barrabrasil'+getOrgaoContent() + window._barrabrasil = insere_css: (css) -> style = document.createElement("style") - tipo = document.createAttribute("type") - tipo.nodeValue = "text/css" - media = document.createAttribute("media") - media.nodeValue = "all" - style.setAttributeNode tipo - style.setAttributeNode media + style.setAttribute "type","text/css" + style.setAttribute "media","all" if style.styleSheet #Hack para IE8 style.styleSheet.cssText = css else style.appendChild document.createTextNode(css) - - head = document.getElementsByTagName("head")[0] + head.appendChild style diff --git a/recipes/outubrorosa/assets/conteudo-barra.html b/recipes/outubrorosa/assets/conteudo-barra.html index b2aeaa1..19698a3 100644 --- a/recipes/outubrorosa/assets/conteudo-barra.html +++ b/recipes/outubrorosa/assets/conteudo-barra.html @@ -1 +1 @@ - + diff --git a/recipes/outubrorosa/assets/conteudo-footer.html b/recipes/outubrorosa/assets/conteudo-footer.html index ca8812b..ebb5738 100644 --- a/recipes/outubrorosa/assets/conteudo-footer.html +++ b/recipes/outubrorosa/assets/conteudo-footer.html @@ -1 +1 @@ - + diff --git a/recipes/outubrorosa/assets/estatisticas.coffee b/recipes/outubrorosa/assets/estatisticas.coffee index 91e74ea..2f01f14 100644 --- a/recipes/outubrorosa/assets/estatisticas.coffee +++ b/recipes/outubrorosa/assets/estatisticas.coffee @@ -1,9 +1,18 @@ - head = document.getElementsByTagName("head")[0] - novoScript = document.createElement("script") - tipo = document.createAttribute("type") - tipo.nodeValue = "text/javascript" - src = document.createAttribute("src") - src.nodeValue = "//coletajavascript.serpro.gov.br/estatistica.js" - novoScript.setAttributeNode tipo - novoScript.setAttributeNode src - head.appendChild novoScript + u = ((if ("https:" is document.location.protocol) then "https" else "http")) + "://189.9.150.35/piwik/" + _paq.push [ + "setTrackerUrl" + u + "piwik.php" + ] + _paq.push [ + "setSiteId" + 1 + ] + d = document + g = d.createElement("script") + s = d.getElementsByTagName("script")[0] + g.type = "text/javascript" + g.defer = true + g.async = true + g.src = u + "piwik.js" + s.parentNode.insertBefore g, s + diff --git a/recipes/outubrorosa/assets/estilo-barra.scss b/recipes/outubrorosa/assets/estilo-barra.scss index a507aad..cae401c 100644 --- a/recipes/outubrorosa/assets/estilo-barra.scss +++ b/recipes/outubrorosa/assets/estilo-barra.scss @@ -8,19 +8,25 @@ div, a, ul, li { margin: 0; padding: 0; - border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; } } +#barra-brasil .hashtag-barra-brasil { + margin-left: 25px; + color: #FFFBA2 !important; +} + #barra-brasil ul { list-style: none; } /* Css específico */ +$cor-link: #FFF; + /* web font */ @font-face { @@ -34,7 +40,7 @@ #barra-brasil { height: 32px; - background: #EC5C9A; + background: #ea2c6a; font-weight: bold; font-size: 12px; line-height: 32px; @@ -43,6 +49,11 @@ text-decoration: none; } border-bottom: 1px solid #dfdfdf; + box-sizing: content-box; +} + +body.contraste #barra-brasil { + background: #000 !important; } div#wrapper-barra-brasil { @@ -76,14 +87,6 @@ div#wrapper-barra-brasil { left: 130px; } -#barra-brasil .hashtag-barra-brasil span{ - padding-left: 42px; -} - -#barra-brasil .hashtag-barra-brasil span a{ - color: #FFFBA2; -} - #barra-brasil .list { position: absolute; top: 0; @@ -94,18 +97,133 @@ div#wrapper-barra-brasil { #barra-brasil .list-item { display: inline-block; - padding: 0 15px 0 13px; height: 32px; border-right: 2px solid #dfdfdf; + a { + padding: 8px 15px 8px 13px; + } +} + +#barra-brasil .link-barra { color: $cor-link; } + +body.contraste #barra-brasil .link-barra { + color: #FF0 !important; + text-decoration: underline; +} + +#menu-icon { + position: absolute; + top: 3px; + border-top: 15px double $cor-link; + border-bottom: 5px solid $cor-link; + display: none; + width: 20px; + right: 5px; +} + +#barra-brasil li .hashtag-barra-brasil, +#barra-brasil li .hashtag-barra-brasil a { + visibility: hidden; } -#barra-brasil .link-barra { color: #FFF; } -@media screen and (max-width: 668px) { - #barra-brasil .list { top: -100px; } +@media only screen and (max-width: 959px) { + #barra-brasil #menu-icon { + display:inline-block; + padding: 5px 3px 0px 3px; + } + + #barra-brasil .list .first { border-left: 1px solid #dfdfdf; } + + #barra-brasil nav:hover #menu-icon, + #barra-brasil nav:active #menu-icon, + #barra-brasil nav:focus #menu-icon { + background-color: #DDD; + } + + body.contraste #barra-brasil nav:hover #menu-icon, + body.contraste #barra-brasil nav:active #menu-icon, + body.contraste #barra-brasil nav:focus #menu-icon { + background-color: $cor-link !important; + } + + #barra-brasil ul.list, + #barra-brasil ul.list:active, + #barra-brasil ul.list:focus { + overflow: hidden; + height: 0px; + transition: 0.3s; + padding-top: 32px; + width: auto; + position: absolute; + z-index: 9; + } + + #barra-brasil .hashtag-barra-brasil, + #barra-brasil .hashtag-barra-brasil a { + visibility: hidden; + } + + #barra-brasil li .hashtag-barra-brasil, + #barra-brasil li .hashtag-barra-brasil a { + visibility: visible; + margin-left: 0; + } + + + #barra-brasil .list-item { + display: block; + text-align: center; + height: 30px; + background: #ea2c6a; + border: 1px solid #dfdfdf; + a { + padding: 8px 30px 8px 28px; + } + } + + body.contraste #barra-brasil .list-item { + background: #000 !important; + } + + body.contraste #menu-icon { + border-top: 15px double #fff !important; + border-bottom: 5px solid #fff !important; + } + + #barra-brasil .list a:active li, + #barra-brasil .list a:focus li, + #barra-brasil .list a:hover li { + background: #DDD; + } + + body.contraste #barra-brasil .list a:active li, + body.contraste #barra-brasil .list a:focus li, + body.contraste #barra-brasil .list a:hover li { + background: $cor-link !important; + } + + #barra-brasil nav:active ul.list, + #barra-brasil nav:focus ul.list, + #barra-brasil nav:hover ul.list { + height: 160px; + transition: 0.5s; + } + + div#wrapper-barra-brasil { + overflow: visible; + } } @media screen and (min-width: 960px) { #wrapper-barra-brasil { width: 960px; } } - +@media print { + #barra-brasil .list{ + display: none; + } + + #barra-brasil .acesso-info .link-barra:after { + content: " - Barra GovBr"; + } +} diff --git a/recipes/outubrorosa/assets/estilo-footer.scss b/recipes/outubrorosa/assets/estilo-footer.scss index 41acbe6..9be16f6 100644 --- a/recipes/outubrorosa/assets/estilo-footer.scss +++ b/recipes/outubrorosa/assets/estilo-footer.scss @@ -1,20 +1,38 @@ - div#wrapper-footer-brasil { position: relative; overflow: hidden; margin: 0 auto; - width: 100%; + width: auto; + padding: 0 20px; max-width: 960px; } - #wrapper-footer-brasil .logo-acesso-footer { float: left; width: 107px; background: embed("imagens/acesso-a-informacao.png") center no-repeat; height: 49px; } - +#wrapper-footer-brasil .logo-brasil-footer { + float: right; + width: 153px; + background: embed("imagens/brasil.png") center no-repeat; + height: 48px; +} +body.contraste #footer-brasil { + background: #000 !important; +} @media screen and (min-width: 960px) { #wrapper-footer-brasil { width: 960px; } } +@media print { + #wrapper-footer-brasil{ + border-top: 2px solid #dfdfdf; + } + #wrapper-footer-brasil:before{ + content: "Barra GovBr"; + color: #606060; + font-size: 12px; + font-family: "Open Sans",Arial,Helvetica,sans-serif; + } +} diff --git a/recipes/outubrorosa/assets/footer-brasil.coffee b/recipes/outubrorosa/assets/footer-brasil.coffee index 0424a55..ffa5783 100755 --- a/recipes/outubrorosa/assets/footer-brasil.coffee +++ b/recipes/outubrorosa/assets/footer-brasil.coffee @@ -5,12 +5,8 @@ window._footerbrasil = insere_css: (css) -> style = document.createElement("style") - tipo = document.createAttribute("type") - tipo.nodeValue = "text/css" - media = document.createAttribute("media") - media.nodeValue = "all" - style.setAttributeNode tipo - style.setAttributeNode media + style.setAttribute "type","text/css" + style.setAttribute "media","all" if style.styleSheet #Hack para IE8 style.styleSheet.cssText = css diff --git a/recipes/outubrorosa/assets/imagens/acesso-a-informacao.png b/recipes/outubrorosa/assets/imagens/acesso-a-informacao.png index fffec98..e79936e 100644 Binary files a/recipes/outubrorosa/assets/imagens/acesso-a-informacao.png and b/recipes/outubrorosa/assets/imagens/acesso-a-informacao.png differ diff --git a/recipes/outubrorosa/assets/imagens/bandeira-brasil.png b/recipes/outubrorosa/assets/imagens/bandeira-brasil.png index a2fcc4d..ed37e08 100644 Binary files a/recipes/outubrorosa/assets/imagens/bandeira-brasil.png and b/recipes/outubrorosa/assets/imagens/bandeira-brasil.png differ diff --git a/recipes/outubrorosa/assets/imagens/brasil.png b/recipes/outubrorosa/assets/imagens/brasil.png index 4bc21de..fcd9d8b 100644 Binary files a/recipes/outubrorosa/assets/imagens/brasil.png and b/recipes/outubrorosa/assets/imagens/brasil.png differ diff --git a/recipes/outubrorosa/barra-brasil-1.yaml b/recipes/outubrorosa/barra-brasil-1.yaml index afcfcf9..7ab0400 100644 --- a/recipes/outubrorosa/barra-brasil-1.yaml +++ b/recipes/outubrorosa/barra-brasil-1.yaml @@ -7,7 +7,7 @@ generate: source: - assets/conteudo-barra.html - assets/barra-brasil.coffee - # - assets/estatisticas.coffee #Parte da estatistica do Piwik + # - assets/estatisticas.coffee #Parte da estatistica do Piwik - raw: "})();" # fechamento do escopo da funcao anonima (ver template abaixo) template: | (function(){ diff --git a/recipes/outubrorosa/barra-brasil-final.yaml b/recipes/outubrorosa/barra-brasil-final.yaml index 577aed2..1cce27c 100644 --- a/recipes/outubrorosa/barra-brasil-final.yaml +++ b/recipes/outubrorosa/barra-brasil-final.yaml @@ -6,7 +6,7 @@ generate: - barra-brasil.js: source: - build/barra-brasil-original.js # parte de comportamento -# - build/footer-brasil.js # parte de comportamento + - build/footer-brasil-original.js # parte de comportamento uglify.bin: uglifyjs css.embed: true diff --git a/recipes/outubrorosa/compile.sh b/recipes/outubrorosa/compile.sh index f3e95aa..e5fa4a1 100644 --- a/recipes/outubrorosa/compile.sh +++ b/recipes/outubrorosa/compile.sh @@ -1,7 +1,8 @@ #!/bin/sh -assetgen ./barra-brasil-1.yaml -assetgen ./barra-brasil-2.yaml -#assetgen ./footer-brasil-1.yaml -#assetgen ./footer-brasil-2.yaml -assetgen ./barra-brasil-final.yaml +export PATH=$PATH:../../node_modules/.bin/ +../../venv/bin/assetgen ./barra-brasil-1.yaml +../../venv/bin/assetgen ./barra-brasil-2.yaml +#../../venv/bin/assetgen ./footer-brasil-1.yaml +#../../venv/bin/assetgen ./footer-brasil-2.yaml +../../venv/bin/assetgen ./barra-brasil-final.yaml diff --git a/recipes/outubrorosa/footer-brasil-1.yaml b/recipes/outubrorosa/footer-brasil-1.yaml index 3da7830..d1b1c07 100644 --- a/recipes/outubrorosa/footer-brasil-1.yaml +++ b/recipes/outubrorosa/footer-brasil-1.yaml @@ -4,7 +4,7 @@ generate: -- footer-brasil.js: +- footer-brasil-1.js: source: - assets/conteudo-footer.html - assets/footer-brasil.coffee @@ -27,8 +27,6 @@ generate: template: | window._footerbrasil.insere_css('${source|trim}'); - - css.embed: true css.embed.only: true css.compress: true diff --git a/recipes/outubrorosa/footer-brasil-2.yaml b/recipes/outubrorosa/footer-brasil-2.yaml index cd850a7..94d8c3f 100644 --- a/recipes/outubrorosa/footer-brasil-2.yaml +++ b/recipes/outubrorosa/footer-brasil-2.yaml @@ -3,9 +3,9 @@ generate: -- footer-brasil.js: +- footer-brasil-original.js: source: - - build/footer-brasil.js # parte de comportamento + - build/footer-brasil-1.js # parte de comportamento - build/footer-brasil-css.js # codigo de insercao do css uglify.bin: uglifyjs -- libgit2 0.21.2