parametrizando o perfil da barra que ser? compilado

Augusto Herrmann
1 parent 1de58c6c
Showing 31 changed files with 228 additions and 211 deletions Show diff stats
app/barrabrasil.py
assets/barra-brasil.coffee
assets/conteudo-barra.html
assets/estatisticas.coffee
assets/estilo-barra.scss
assets/fonts/opensans-bold.woff
assets/fonts/opensans-extrabold.woff
assets/fonts/opensans.woff
assets/imagens/ai.png
assets/imagens/bandeira-brasil.png
assets/imagens/barra-brasil-v3-bgx.gif
assets/imagens/barra-brasil-v3-bgx.png
assets/imagens/brasil.png
barra-brasil-1.yaml
barra-brasil-2.yaml
build.sh
recipes/default/assets/barra-brasil.coffee
recipes/default/assets/conteudo-barra.html
recipes/default/assets/estatisticas.coffee
recipes/default/assets/estilo-barra.scss
@@ -14,8 +14,8 @@ def pagina_teste():
         return make_response("<h1>403 Forbidden</h1>", 403)
 @app.route('/barra.js')
-def barra():
-    with app.open_resource('templates/barra-brasil.js') as f:
+def barra(profile='default'):
+    with app.open_resource('templates/%s/barra-brasil.js' % profile) as f:
         conteudo = f.read().decode('utf-8')
     etag = hashlib.sha1(conteudo.encode('utf-8')).hexdigest()
     if request.if_none_match and \
@@ -29,4 +29,9 @@ def barra():
     return resposta
 if __name__ == '__main__':
+    from sys import argv
+    if len(argv) > 1:
+        profile = argv[1]
+    else:
+        profile = 'default'
     app.run(debug=False)
@@ -1,36 +0,0 @@
-  divBarra = document.getElementById("barra-brasil")
-  divBarra.parentNode.removeChild(divBarra) if divBarra
-  head = document.getElementsByTagName("head")[0]
-  body = document.getElementsByTagName("body")[0]
-
-  link = document.createElement("link")
-  href = document.createAttribute("href")
-
-  novaDiv = document.createElement("div")
-  idNovaDiv = document.createAttribute("id")
-  idNovaDiv.nodeValue = "barra-brasil"
-  novaDiv.setAttributeNode idNovaDiv
-  # conteudoBarra definido no barra-brasil-1.yaml e atribuido pelo assetgen
-  novaDiv.innerHTML = conteudoBarra
-  body.insertBefore(novaDiv, body.childNodes[0])
-  
-  #    src.nodeValue = "http://barra.brasil.gov.br/estilo-barra.css";
-  #    href.nodeValue = "http://189.9.137.173/estilo-barra.css";
-  #    href.nodeValue = "static/estilo-barra.css"
-  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
-        
-        if style.styleSheet #Hack para IE8
-            style.styleSheet.cssText = css
-        else
-            style.appendChild document.createTextNode(css)
-        
-        head.appendChild style
-
@@ -1 +0,0 @@
-<div id="wrapper-barra-brasil"><div class="brasil-flag"><a href="http://brasil.gov.br" class="link-barra">Brasil</a></div><span class="acesso-info"><a href="http://brasil.gov.br/barra#acesso-informacao" class="link-barra">Acesso &agrave; informa&ccedil;&atilde;o</a></span><ul class="list"><li class="list-item first"><a href="http://brasil.gov.br/barra#participe" class="link-barra">Participe</a></li><li class="list-item"><a href="http://www.servicos.gov.br/" class="link-barra">Servi&ccedil;os</a></li><li class="list-item"><a href="http://www.planalto.gov.br/legislacao" class="link-barra">Legisla&ccedil;&atilde;o</a></li><li class="list-item last last-item"><a href="http://brasil.gov.br/barra#orgaos-atuacao-canais" class="link-barra">Canais</a></li></ul></div>
@@ -1,9 +0,0 @@
-  head = document.getElementsByTagName("head")[0]
-  novoScript = document.createElement("script")
-  tipo = document.createAttribute("type")
-  tipo.nodeValue = "text/javascript"
-  src = document.createAttribute("src")
-  src.nodeValue = "http://coletajavascript.serpro.gov.br/estatistica.js"
-  novoScript.setAttributeNode tipo
-  novoScript.setAttributeNode src
-  head.appendChild novoScript
@@ -1,101 +0,0 @@
-/* http://meyerweb.com/eric/tools/css/reset/
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-
-/* Css reset mínimo */
-#barra-brasil {
-  div, a, ul, li {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    font-size: 100%;
-    font-family: inherit;
-    vertical-align: baseline;
-  }
-}
-
-#barra-brasil ul {
-  list-style: none;
-}
-
-/* Css específico */
-
-/*   web font   */
-
-@font-face {
-    font-family: "Open Sans";
-    font-style: normal;
-    font-weight: 700;
-    src: local("Open Sans Bold"), local("OpenSans-Bold"), url("http://barra.brasil.gov.br/static/opensans-bold.woff") format("woff");
-}
-
-/*  fim da web font   */
-
-#barra-brasil {
-    height: 32px;
-    background: #f1f1f1;
-    font-weight: bold;
-    font-size: 12px;
-    line-height: 32px;
-    font-family: "Open Sans",Arial,Helvetica,sans-serif;
-    a {
-        text-decoration: none;
-    }
-}
-
-div#wrapper-barra-brasil {
-    position: relative;
-    overflow: hidden;
-    margin: 0 auto;
-    width: 100%;
-    max-width: 960px;
-}
-
-#barra-brasil .brasil-flag {
-    float: left;
-    padding: 7px 0 6px;
-    width: 115px;
-    height: 19px;
-    border-right: 2px solid #dfdfdf;
-}
-
-#barra-brasil .brasil-flag .link-barra {
-    display: block;
-    padding-left: 42px;
-    width: 43px;
-    background: embed("imagens/bandeira-brasil.png") 8px center no-repeat;
-    text-transform: uppercase;
-    line-height: 19px;
-}
-
-#barra-brasil .acesso-info {
-    position: absolute;
-    left: 130px;
-}
-
-#barra-brasil .list {
-    position: absolute;
-    top: 0;
-    right: 0;
-}
-
-#barra-brasil .list .first { border-left: 2px solid #dfdfdf; }
-
-#barra-brasil .list-item {
-    display: inline-block;
-    padding: 0 15px 0 13px;
-    height: 32px;
-    border-right: 2px solid #dfdfdf;
-}
-
-#barra-brasil .link-barra { color: #606060; }
-
-@media screen and (max-width: 668px)  {
-    #barra-brasil .list { top: -100px; }
-}
-
-@media screen and (min-width: 960px) {
-    #wrapper-barra-brasil { width: 960px; }
-}
-
@@ -1,42 +0,0 @@
-# configuracao do assetgen para:
-# - gerar o script de comportamento, minificado
-# - gerar o css com as imagens incorporadas
-
-generate:
-
-- barra-brasil.js:
-    source:
-      - assets/conteudo-barra.html
-      - assets/barra-brasil.coffee
-      - assets/estatisticas.coffee
-      - raw: "})();"  # fechamento do escopo da funcao anonima (ver template abaixo)
-    template: |
-        (function(){
-            var conteudoBarra = '${source|trim}';
-
-- estilo-barra.css:
-    source:
-      - assets/estilo-barra.scss
-    depends:
-      - assets/imagens/*
-    embed.path.root: assets
-    embed.url.base: imagens/
-
-- barra-brasil-css.js:
-    source:
-      - build/estilo-barra.css
-    template: |
-        window._barrabrasil.insere_css('${source|trim}');
-
-css.embed: true
-css.embed.only: true
-css.compress: true
-js.compress: false
-js.uglify.bin: uglifyjs
-output.directory: build
-output.hashed: false
-output.manifest: app/assets.json
-
-profile.dev:
-  css.compress: false
-  js.compress: false
@@ -1,20 +0,0 @@
-# configuracao do assetgen para:
-# - mesclar o css com javascript de comportamento
-
-generate:
-
-- barra-brasil.js:
-    source:
-      - build/barra-brasil.js       # parte de comportamento
-      - build/barra-brasil-css.js   # codigo de insercao do css
-    uglify.bin: uglifyjs
-
-css.embed: true
-css.embed.only: true
-output.directory: app/templates
-output.hashed: false
-output.manifest: assets.json
-
-profile.dev:
-  css.compress: false
-  js.compress: false
@@ -0,0 +1,9 @@
+#!/bin/sh
+echo .
+echo .
+if test -f recipes/$1
+    sh recipes/$1/compile.sh
+    cp recipes/$1/build/barra-brasil.js app/templates/$1/
+else
+    echo "Error. Profile $1 does not exist."
+fi
@@ -0,0 +1,36 @@
+  divBarra = document.getElementById("barra-brasil")
+  divBarra.parentNode.removeChild(divBarra) if divBarra
+  head = document.getElementsByTagName("head")[0]
+  body = document.getElementsByTagName("body")[0]
+
+  link = document.createElement("link")
+  href = document.createAttribute("href")
+
+  novaDiv = document.createElement("div")
+  idNovaDiv = document.createAttribute("id")
+  idNovaDiv.nodeValue = "barra-brasil"
+  novaDiv.setAttributeNode idNovaDiv
+  # conteudoBarra definido no barra-brasil-1.yaml e atribuido pelo assetgen
+  novaDiv.innerHTML = conteudoBarra
+  body.insertBefore(novaDiv, body.childNodes[0])
+  
+  #    src.nodeValue = "http://barra.brasil.gov.br/estilo-barra.css";
+  #    href.nodeValue = "http://189.9.137.173/estilo-barra.css";
+  #    href.nodeValue = "static/estilo-barra.css"
+  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
+        
+        if style.styleSheet #Hack para IE8
+            style.styleSheet.cssText = css
+        else
+            style.appendChild document.createTextNode(css)
+        
+        head.appendChild style
+
@@ -0,0 +1 @@
+<div id="wrapper-barra-brasil"><div class="brasil-flag"><a href="http://brasil.gov.br" class="link-barra">Brasil</a></div><span class="acesso-info"><a href="http://brasil.gov.br/barra#acesso-informacao" class="link-barra">Acesso &agrave; informa&ccedil;&atilde;o</a></span><ul class="list"><li class="list-item first"><a href="http://brasil.gov.br/barra#participe" class="link-barra">Participe</a></li><li class="list-item"><a href="http://www.servicos.gov.br/" class="link-barra">Servi&ccedil;os</a></li><li class="list-item"><a href="http://www.planalto.gov.br/legislacao" class="link-barra">Legisla&ccedil;&atilde;o</a></li><li class="list-item last last-item"><a href="http://brasil.gov.br/barra#orgaos-atuacao-canais" class="link-barra">Canais</a></li></ul></div>
@@ -0,0 +1,9 @@
+  head = document.getElementsByTagName("head")[0]
+  novoScript = document.createElement("script")
+  tipo = document.createAttribute("type")
+  tipo.nodeValue = "text/javascript"
+  src = document.createAttribute("src")
+  src.nodeValue = "http://coletajavascript.serpro.gov.br/estatistica.js"
+  novoScript.setAttributeNode tipo
+  novoScript.setAttributeNode src
+  head.appendChild novoScript
@@ -0,0 +1,101 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+/* Css reset mínimo */
+#barra-brasil {
+  div, a, ul, li {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font-family: inherit;
+    vertical-align: baseline;
+  }
+}
+
+#barra-brasil ul {
+  list-style: none;
+}
+
+/* Css específico */
+
+/*   web font   */
+
+@font-face {
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 700;
+    src: local("Open Sans Bold"), local("OpenSans-Bold"), url("http://barra.brasil.gov.br/static/opensans-bold.woff") format("woff");
+}
+
+/*  fim da web font   */
+
+#barra-brasil {
+    height: 32px;
+    background: #f1f1f1;
+    font-weight: bold;
+    font-size: 12px;
+    line-height: 32px;
+    font-family: "Open Sans",Arial,Helvetica,sans-serif;
+    a {
+        text-decoration: none;
+    }
+}
+
+div#wrapper-barra-brasil {
+    position: relative;
+    overflow: hidden;
+    margin: 0 auto;
+    width: 100%;
+    max-width: 960px;
+}
+
+#barra-brasil .brasil-flag {
+    float: left;
+    padding: 7px 0 6px;
+    width: 115px;
+    height: 19px;
+    border-right: 2px solid #dfdfdf;
+}
+
+#barra-brasil .brasil-flag .link-barra {
+    display: block;
+    padding-left: 42px;
+    width: 43px;
+    background: embed("imagens/bandeira-brasil.png") 8px center no-repeat;
+    text-transform: uppercase;
+    line-height: 19px;
+}
+
+#barra-brasil .acesso-info {
+    position: absolute;
+    left: 130px;
+}
+
+#barra-brasil .list {
+    position: absolute;
+    top: 0;
+    right: 0;
+}
+
+#barra-brasil .list .first { border-left: 2px solid #dfdfdf; }
+
+#barra-brasil .list-item {
+    display: inline-block;
+    padding: 0 15px 0 13px;
+    height: 32px;
+    border-right: 2px solid #dfdfdf;
+}
+
+#barra-brasil .link-barra { color: #606060; }
+
+@media screen and (max-width: 668px)  {
+    #barra-brasil .list { top: -100px; }
+}
+
+@media screen and (min-width: 960px) {
+    #wrapper-barra-brasil { width: 960px; }
+}
+
@@ -0,0 +1,42 @@
+# configuracao do assetgen para:
+# - gerar o script de comportamento, minificado
+# - gerar o css com as imagens incorporadas
+
+generate:
+
+- barra-brasil.js:
+    source:
+      - assets/conteudo-barra.html
+      - assets/barra-brasil.coffee
+      - assets/estatisticas.coffee
+      - raw: "})();"  # fechamento do escopo da funcao anonima (ver template abaixo)
+    template: |
+        (function(){
+            var conteudoBarra = '${source|trim}';
+
+- estilo-barra.css:
+    source:
+      - assets/estilo-barra.scss
+    depends:
+      - assets/imagens/*
+    embed.path.root: assets
+    embed.url.base: imagens/
+
+- barra-brasil-css.js:
+    source:
+      - build/estilo-barra.css
+    template: |
+        window._barrabrasil.insere_css('${source|trim}');
+
+css.embed: true
+css.embed.only: true
+css.compress: true
+js.compress: false
+js.uglify.bin: uglifyjs
+output.directory: build
+output.hashed: false
+output.manifest: app/assets.json
+
+profile.dev:
+  css.compress: false
+  js.compress: false
@@ -0,0 +1,20 @@
+# configuracao do assetgen para:
+# - mesclar o css com javascript de comportamento
+
+generate:
+
+- barra-brasil.js:
+    source:
+      - build/barra-brasil.js       # parte de comportamento
+      - build/barra-brasil-css.js   # codigo de insercao do css
+    uglify.bin: uglifyjs
+
+css.embed: true
+css.embed.only: true
+output.directory: app/templates
+output.hashed: false
+output.manifest: assets.json
+
+profile.dev:
+  css.compress: false
+  js.compress: false
@@ -0,0 +1,3 @@
+#!/bin/sh
+assetgen ./barra-brasil-1.yaml
+assetgen ./barra-brasil-2.yaml
	@@ -1,36 +0,0 @@	@@ -1,36 +0,0 @@
1	- divBarra = document.getElementById("barra-brasil")
2	- divBarra.parentNode.removeChild(divBarra) if divBarra
3	- head = document.getElementsByTagName("head")[0]
4	- body = document.getElementsByTagName("body")[0]
5	-
6	- link = document.createElement("link")
7	- href = document.createAttribute("href")
8	-
9	- novaDiv = document.createElement("div")
10	- idNovaDiv = document.createAttribute("id")
11	- idNovaDiv.nodeValue = "barra-brasil"
12	- novaDiv.setAttributeNode idNovaDiv
13	- # conteudoBarra definido no barra-brasil-1.yaml e atribuido pelo assetgen
14	- novaDiv.innerHTML = conteudoBarra
15	- body.insertBefore(novaDiv, body.childNodes[0])
16	-
17	- # src.nodeValue = "http://barra.brasil.gov.br/estilo-barra.css";
18	- # href.nodeValue = "http://189.9.137.173/estilo-barra.css";
19	- # href.nodeValue = "static/estilo-barra.css"
20	- window._barrabrasil =
21	- insere_css: (css) ->
22	- style = document.createElement("style")
23	- tipo = document.createAttribute("type")
24	- tipo.nodeValue = "text/css"
25	- media = document.createAttribute("media")
26	- media.nodeValue = "all"
27	- style.setAttributeNode tipo
28	- style.setAttributeNode media
29	-
30	- if style.styleSheet #Hack para IE8
31	- style.styleSheet.cssText = css
32	- else
33	- style.appendChild document.createTextNode(css)
34	-
35	- head.appendChild style
36	-
	@@ -1 +0,0 @@		@@ -1 +0,0 @@
1	-<div id="wrapper-barra-brasil"><div class="brasil-flag"><a href="http://brasil.gov.br" class="link-barra">Brasil</a></div><span class="acesso-info"><a href="http://brasil.gov.br/barra#acesso-informacao" class="link-barra">Acesso à informação</a></span><ul class="list"><li class="list-item first"><a href="http://brasil.gov.br/barra#participe" class="link-barra">Participe</a></li><li class="list-item"><a href="http://www.servicos.gov.br/" class="link-barra">Serviços</a></li><li class="list-item"><a href="http://www.planalto.gov.br/legislacao" class="link-barra">Legislação</a></li><li class="list-item last last-item"><a href="http://brasil.gov.br/barra#orgaos-atuacao-canais" class="link-barra">Canais</a></li></ul></div>
	@@ -1,9 +0,0 @@	@@ -1,9 +0,0 @@
1	- head = document.getElementsByTagName("head")[0]
2	- novoScript = document.createElement("script")
3	- tipo = document.createAttribute("type")
4	- tipo.nodeValue = "text/javascript"
5	- src = document.createAttribute("src")
6	- src.nodeValue = "http://coletajavascript.serpro.gov.br/estatistica.js"
7	- novoScript.setAttributeNode tipo
8	- novoScript.setAttributeNode src
9	- head.appendChild novoScript
	@@ -1,101 +0,0 @@	@@ -1,101 +0,0 @@
1	-/* http://meyerweb.com/eric/tools/css/reset/
2	- v2.0 \| 20110126
3	- License: none (public domain)
4	-*/
5	-
6	-/* Css reset mínimo */
7	-#barra-brasil {
8	- div, a, ul, li {
9	- margin: 0;
10	- padding: 0;
11	- border: 0;
12	- font-size: 100%;
13	- font-family: inherit;
14	- vertical-align: baseline;
15	- }
16	-}
17	-
18	-#barra-brasil ul {
19	- list-style: none;
20	-}
21	-
22	-/* Css específico */
23	-
24	-/* web font */
25	-
26	-@font-face {
27	- font-family: "Open Sans";
28	- font-style: normal;
29	- font-weight: 700;
30	- src: local("Open Sans Bold"), local("OpenSans-Bold"), url("http://barra.brasil.gov.br/static/opensans-bold.woff") format("woff");
31	-}
32	-
33	-/* fim da web font */
34	-
35	-#barra-brasil {
36	- height: 32px;
37	- background: #f1f1f1;
38	- font-weight: bold;
39	- font-size: 12px;
40	- line-height: 32px;
41	- font-family: "Open Sans",Arial,Helvetica,sans-serif;
42	- a {
43	- text-decoration: none;
44	- }
45	-}
46	-
47	-div#wrapper-barra-brasil {
48	- position: relative;
49	- overflow: hidden;
50	- margin: 0 auto;
51	- width: 100%;
52	- max-width: 960px;
53	-}
54	-
55	-#barra-brasil .brasil-flag {
56	- float: left;
57	- padding: 7px 0 6px;
58	- width: 115px;
59	- height: 19px;
60	- border-right: 2px solid #dfdfdf;
61	-}
62	-
63	-#barra-brasil .brasil-flag .link-barra {
64	- display: block;
65	- padding-left: 42px;
66	- width: 43px;
67	- background: embed("imagens/bandeira-brasil.png") 8px center no-repeat;
68	- text-transform: uppercase;
69	- line-height: 19px;
70	-}
71	-
72	-#barra-brasil .acesso-info {
73	- position: absolute;
74	- left: 130px;
75	-}
76	-
77	-#barra-brasil .list {
78	- position: absolute;
79	- top: 0;
80	- right: 0;
81	-}
82	-
83	-#barra-brasil .list .first { border-left: 2px solid #dfdfdf; }
84	-
85	-#barra-brasil .list-item {
86	- display: inline-block;
87	- padding: 0 15px 0 13px;
88	- height: 32px;
89	- border-right: 2px solid #dfdfdf;
90	-}
91	-
92	-#barra-brasil .link-barra { color: #606060; }
93	-
94	-@media screen and (max-width: 668px) {
95	- #barra-brasil .list { top: -100px; }
96	-}
97	-
98	-@media screen and (min-width: 960px) {
99	- #wrapper-barra-brasil { width: 960px; }
100	-}
101	-
	@@ -1,42 +0,0 @@	@@ -1,42 +0,0 @@
1	-# configuracao do assetgen para:
2	-# - gerar o script de comportamento, minificado
3	-# - gerar o css com as imagens incorporadas
4	-
5	-generate:
6	-
7	-- barra-brasil.js:
8	- source:
9	- - assets/conteudo-barra.html
10	- - assets/barra-brasil.coffee
11	- - assets/estatisticas.coffee
12	- - raw: "})();" # fechamento do escopo da funcao anonima (ver template abaixo)
13	- template: \|
14	- (function(){
15	- var conteudoBarra = '${source\|trim}';
16	-
17	-- estilo-barra.css:
18	- source:
19	- - assets/estilo-barra.scss
20	- depends:
21	- - assets/imagens/*
22	- embed.path.root: assets
23	- embed.url.base: imagens/
24	-
25	-- barra-brasil-css.js:
26	- source:
27	- - build/estilo-barra.css
28	- template: \|
29	- window._barrabrasil.insere_css('${source\|trim}');
30	-
31	-css.embed: true
32	-css.embed.only: true
33	-css.compress: true
34	-js.compress: false
35	-js.uglify.bin: uglifyjs
36	-output.directory: build
37	-output.hashed: false
38	-output.manifest: app/assets.json
39	-
40	-profile.dev:
41	- css.compress: false
42	- js.compress: false
	@@ -1,20 +0,0 @@	@@ -1,20 +0,0 @@
1	-# configuracao do assetgen para:
2	-# - mesclar o css com javascript de comportamento
3	-
4	-generate:
5	-
6	-- barra-brasil.js:
7	- source:
8	- - build/barra-brasil.js # parte de comportamento
9	- - build/barra-brasil-css.js # codigo de insercao do css
10	- uglify.bin: uglifyjs
11	-
12	-css.embed: true
13	-css.embed.only: true
14	-output.directory: app/templates
15	-output.hashed: false
16	-output.manifest: assets.json
17	-
18	-profile.dev:
19	- css.compress: false
20	- js.compress: false
@@ -0,0 +1,9 @@		@@ -0,0 +1,9 @@
	1	+#!/bin/sh
	2	+echo .
	3	+echo .
	4	+if test -f recipes/$1
	5	+ sh recipes/$1/compile.sh
	6	+ cp recipes/$1/build/barra-brasil.js app/templates/$1/
	7	+else
	8	+ echo "Error. Profile $1 does not exist."
	9	+fi
@@ -0,0 +1,36 @@		@@ -0,0 +1,36 @@
	1	+ divBarra = document.getElementById("barra-brasil")
	2	+ divBarra.parentNode.removeChild(divBarra) if divBarra
	3	+ head = document.getElementsByTagName("head")[0]
	4	+ body = document.getElementsByTagName("body")[0]
	5	+
	6	+ link = document.createElement("link")
	7	+ href = document.createAttribute("href")
	8	+
	9	+ novaDiv = document.createElement("div")
	10	+ idNovaDiv = document.createAttribute("id")
	11	+ idNovaDiv.nodeValue = "barra-brasil"
	12	+ novaDiv.setAttributeNode idNovaDiv
	13	+ # conteudoBarra definido no barra-brasil-1.yaml e atribuido pelo assetgen
	14	+ novaDiv.innerHTML = conteudoBarra
	15	+ body.insertBefore(novaDiv, body.childNodes[0])
	16	+
	17	+ # src.nodeValue = "http://barra.brasil.gov.br/estilo-barra.css";
	18	+ # href.nodeValue = "http://189.9.137.173/estilo-barra.css";
	19	+ # href.nodeValue = "static/estilo-barra.css"
	20	+ window._barrabrasil =
	21	+ insere_css: (css) ->
	22	+ style = document.createElement("style")
	23	+ tipo = document.createAttribute("type")
	24	+ tipo.nodeValue = "text/css"
	25	+ media = document.createAttribute("media")
	26	+ media.nodeValue = "all"
	27	+ style.setAttributeNode tipo
	28	+ style.setAttributeNode media
	29	+
	30	+ if style.styleSheet #Hack para IE8
	31	+ style.styleSheet.cssText = css
	32	+ else
	33	+ style.appendChild document.createTextNode(css)
	34	+
	35	+ head.appendChild style
	36	+
	@@ -0,0 +1 @@		@@ -0,0 +1 @@
		1	+<div id="wrapper-barra-brasil"><div class="brasil-flag"><a href="http://brasil.gov.br" class="link-barra">Brasil</a></div><span class="acesso-info"><a href="http://brasil.gov.br/barra#acesso-informacao" class="link-barra">Acesso à informação</a></span><ul class="list"><li class="list-item first"><a href="http://brasil.gov.br/barra#participe" class="link-barra">Participe</a></li><li class="list-item"><a href="http://www.servicos.gov.br/" class="link-barra">Serviços</a></li><li class="list-item"><a href="http://www.planalto.gov.br/legislacao" class="link-barra">Legislação</a></li><li class="list-item last last-item"><a href="http://brasil.gov.br/barra#orgaos-atuacao-canais" class="link-barra">Canais</a></li></ul></div>
@@ -0,0 +1,101 @@		@@ -0,0 +1,101 @@
	1	+/* http://meyerweb.com/eric/tools/css/reset/
	2	+ v2.0 \| 20110126
	3	+ License: none (public domain)
	4	+*/
	5	+
	6	+/* Css reset mínimo */
	7	+#barra-brasil {
	8	+ div, a, ul, li {
	9	+ margin: 0;
	10	+ padding: 0;
	11	+ border: 0;
	12	+ font-size: 100%;
	13	+ font-family: inherit;
	14	+ vertical-align: baseline;
	15	+ }
	16	+}
	17	+
	18	+#barra-brasil ul {
	19	+ list-style: none;
	20	+}
	21	+
	22	+/* Css específico */
	23	+
	24	+/* web font */
	25	+
	26	+@font-face {
	27	+ font-family: "Open Sans";
	28	+ font-style: normal;
	29	+ font-weight: 700;
	30	+ src: local("Open Sans Bold"), local("OpenSans-Bold"), url("http://barra.brasil.gov.br/static/opensans-bold.woff") format("woff");
	31	+}
	32	+
	33	+/* fim da web font */
	34	+
	35	+#barra-brasil {
	36	+ height: 32px;
	37	+ background: #f1f1f1;
	38	+ font-weight: bold;
	39	+ font-size: 12px;
	40	+ line-height: 32px;
	41	+ font-family: "Open Sans",Arial,Helvetica,sans-serif;
	42	+ a {
	43	+ text-decoration: none;
	44	+ }
	45	+}
	46	+
	47	+div#wrapper-barra-brasil {
	48	+ position: relative;
	49	+ overflow: hidden;
	50	+ margin: 0 auto;
	51	+ width: 100%;
	52	+ max-width: 960px;
	53	+}
	54	+
	55	+#barra-brasil .brasil-flag {
	56	+ float: left;
	57	+ padding: 7px 0 6px;
	58	+ width: 115px;
	59	+ height: 19px;
	60	+ border-right: 2px solid #dfdfdf;
	61	+}
	62	+
	63	+#barra-brasil .brasil-flag .link-barra {
	64	+ display: block;
	65	+ padding-left: 42px;
	66	+ width: 43px;
	67	+ background: embed("imagens/bandeira-brasil.png") 8px center no-repeat;
	68	+ text-transform: uppercase;
	69	+ line-height: 19px;
	70	+}
	71	+
	72	+#barra-brasil .acesso-info {
	73	+ position: absolute;
	74	+ left: 130px;
	75	+}
	76	+
	77	+#barra-brasil .list {
	78	+ position: absolute;
	79	+ top: 0;
	80	+ right: 0;
	81	+}
	82	+
	83	+#barra-brasil .list .first { border-left: 2px solid #dfdfdf; }
	84	+
	85	+#barra-brasil .list-item {
	86	+ display: inline-block;
	87	+ padding: 0 15px 0 13px;
	88	+ height: 32px;
	89	+ border-right: 2px solid #dfdfdf;
	90	+}
	91	+
	92	+#barra-brasil .link-barra { color: #606060; }
	93	+
	94	+@media screen and (max-width: 668px) {
	95	+ #barra-brasil .list { top: -100px; }
	96	+}
	97	+
	98	+@media screen and (min-width: 960px) {
	99	+ #wrapper-barra-brasil { width: 960px; }
	100	+}
	101	+