Commit ead32c1f8431f257fc2ef9d6dc41e55f1651eb0f
1 parent
054c6818
Exists in
master
build.sh: Chamando o teste junto com o build. scss: padronizando o border e widt…
…h. barrabrasil.py: chamando o browser automaticamente
Showing
4 changed files
with
16 additions
and
13 deletions
Show diff stats
app/barrabrasil.py
| 1 | 1 | from flask import Flask, url_for, render_template, request, Response, make_response |
| 2 | -import hashlib | |
| 2 | +import hashlib,webbrowser | |
| 3 | 3 | app = Flask(__name__) |
| 4 | 4 | |
| 5 | 5 | @app.route('/') |
| ... | ... | @@ -34,4 +34,5 @@ if __name__ == '__main__': |
| 34 | 34 | profile = argv[1] |
| 35 | 35 | else: |
| 36 | 36 | profile = 'default' |
| 37 | + webbrowser.open("http://127.0.0.1:5000/",new=2) | |
| 37 | 38 | app.run(debug=False) | ... | ... |
app/templates/exemplo.html
| ... | ... | @@ -6,6 +6,6 @@ |
| 6 | 6 | <div id="barra-brasil"><a href="http://brasil.gov.br" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">Portal do Governo Brasileiro</a></div> |
| 7 | 7 | <h1>Barra Brasil</h1> |
| 8 | 8 | <p>Veja as <a href="http://epwg.governoeletronico.gov.br/barra/">instruções de como usar a barra</a> no e-PWG.</p> |
| 9 | - <script src="copa2014/barra-brasil.js" type="text/javascript"></script> | |
| 9 | + <script src="barra.js" type="text/javascript"></script> | |
| 10 | 10 | </body> |
| 11 | 11 | </html> | ... | ... |
build.sh
recipes/copa2014/assets/barra-copa.scss
| 1 | +$borderPadrao: 1px solid #d3a725; | |
| 2 | +$widthPadrao: 960px; | |
| 3 | + | |
| 1 | 4 | #barra-brasil { |
| 2 | 5 | div, a, ul, li { |
| 3 | 6 | margin: 0; |
| ... | ... | @@ -16,9 +19,7 @@ |
| 16 | 19 | font-size: 13px; |
| 17 | 20 | line-height: 32px; |
| 18 | 21 | font-family: "Open Sans",Arial,Helvetica,sans-serif; |
| 19 | - border-bottom-style: solid; | |
| 20 | - border-bottom-color: hsl(45, 70%, 49%); | |
| 21 | - border-bottom-width: 1px; | |
| 22 | + border-bottom: $borderPadrao; | |
| 22 | 23 | a { |
| 23 | 24 | text-decoration: none; |
| 24 | 25 | } |
| ... | ... | @@ -37,7 +38,7 @@ div#wrapper-barra-brasil { |
| 37 | 38 | overflow: hidden; |
| 38 | 39 | margin: 0 auto; |
| 39 | 40 | width: 100%; |
| 40 | - max-width: 960px; | |
| 41 | + max-width: $widthPadrao; | |
| 41 | 42 | } |
| 42 | 43 | |
| 43 | 44 | #barra-brasil { |
| ... | ... | @@ -46,7 +47,7 @@ div#wrapper-barra-brasil { |
| 46 | 47 | padding: 7px 0 6px; |
| 47 | 48 | width: 116px; |
| 48 | 49 | height: 19px; |
| 49 | - border-right: 1px solid #d3a725; | |
| 50 | + border-right: $borderPadrao; | |
| 50 | 51 | .link-barra { |
| 51 | 52 | display: block; |
| 52 | 53 | padding-left: 42px; |
| ... | ... | @@ -59,7 +60,7 @@ div#wrapper-barra-brasil { |
| 59 | 60 | .acesso-info { |
| 60 | 61 | float: left; |
| 61 | 62 | padding: 0 13px; |
| 62 | - border-right: 1px solid #d3a725; | |
| 63 | + border-right: $borderPadrao; | |
| 63 | 64 | } |
| 64 | 65 | .copa-counter { |
| 65 | 66 | position: absolute; |
| ... | ... | @@ -87,13 +88,13 @@ div#wrapper-barra-brasil { |
| 87 | 88 | float: left; |
| 88 | 89 | padding: 0 13px; |
| 89 | 90 | color: #138542; |
| 90 | - border-right: 1px solid #d3a725; | |
| 91 | + border-right: $borderPadrao; | |
| 91 | 92 | } |
| 92 | 93 | .list { |
| 93 | 94 | position: absolute; |
| 94 | 95 | top: 0; |
| 95 | 96 | right: 0; |
| 96 | - border-left: 1px solid #d3a725; | |
| 97 | + border-left: $borderPadrao; | |
| 97 | 98 | .first! {} |
| 98 | 99 | } |
| 99 | 100 | .list-item { |
| ... | ... | @@ -101,7 +102,7 @@ div#wrapper-barra-brasil { |
| 101 | 102 | padding: 0 15px 0 14px; |
| 102 | 103 | height: 32px; |
| 103 | 104 | float: left; |
| 104 | - border-right: 1px solid #d3a725; | |
| 105 | + border-right: $borderPadrao; | |
| 105 | 106 | } |
| 106 | 107 | .list! .last {} |
| 107 | 108 | .link-barra { |
| ... | ... | @@ -120,8 +121,8 @@ div#wrapper-barra-brasil { |
| 120 | 121 | } |
| 121 | 122 | } |
| 122 | 123 | |
| 123 | -@media screen and (min-width: 960px) { | |
| 124 | +@media screen and (min-width: $widthPadrao) { | |
| 124 | 125 | #wrapper-barra-brasil { |
| 125 | - width: 960px; | |
| 126 | + width: $widthPadrao; | |
| 126 | 127 | } |
| 127 | 128 | } | ... | ... |