Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

mais algumas alterações #2

Merged
merged 2 commits into from

2 participants

@ltartari

chagelog:
• barra social [ainda faltando definir os links e algumas coisas para Facebook (Open Graph)]
• barra para identificação de endereço encontrado
• pequenas mudanças de layout

@nettofarah nettofarah merged commit 12420eb into from
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
This page is out of date. Refresh to see the latest.
View
60 public/styles/sodexo.css
@@ -1,5 +1,5 @@
html { height: 100% }
-body { height: 100%; margin: 0; padding: 42px 0 0 0; }
+body { height: 100%; margin: 0; padding: 72px 0 0 0; }
#map_canvas {
height: 100%;
@@ -49,8 +49,60 @@ body { height: 100%; margin: 0; padding: 42px 0 0 0; }
border: 0 none;
margin: 0 0 0 -32px;
}
-
-.brand {
+.navbar .search-query {
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+.navbar .brand,
+.navbar .brand a {
font-family: Nunito, sans-serif;
- line-height: 36px;
+ position: relative;
+ top: 6px;
+ left: 0;
+ color: white;
+ text-shadow: rgba(0,0,0,.6) 0 1px 1px;
+ text-decoration: none;
+ margin: 0 7px 0 0;
+ padding: 0;
+ font-weight: bold;
+}
+.brand a:hover {
+ text-decoration: none;
+}
+
+::-webkit-input-placeholder {
+ color: #12345E !important;
+}
+
+:-moz-placeholder {
+ color: #12345E !important;
+}
+.subnav {
+ background: #F8F8F8;
+ width: 100%;
+ position: absolute;
+ top: 44px;
+ height: 27px;
+ line-height: 27px;
+ border-bottom: 1px solid white;
+}
+.social {
+ position: fixed;
+ bottom: 0;
+ left: 50%;
+ margin-left: -275px;
+ width: 550px;
+ background: white;
+ border: 1px solid #ddd;
+ padding-top: 20px;
+ -webkit-border-radius: 4px 4px 0 0;
+ -moz-border-radius: 4px 4px 0 0;
+ border-radius: 4px 4px 0 0;
+}
+.social ul {
+ list-style: none;
+}
+.social li {
+ float: left;
}
View
2  views/index.slim
@@ -1,6 +1,6 @@
div[style="width:100%; height:100%;"]
#map_canvas
- #directions-list
+ #directions-list[style='display:none;']
a.close[href="#"] ×
#directions-panel
View
15 views/layout.slim
@@ -1,5 +1,5 @@
doctype html
-html[lang='pt-br']
+html[lang='pt-br' itemscope itemtype="http://schema.org/application"]
head
meta[charset='utf-8']
title Aceita Sodexo?
@@ -9,11 +9,15 @@ html[lang='pt-br']
link[rel="stylesheet" href="bootstrap/css/bootstrap.css" type="text/css" media="screen" charset="utf-8"]
link[href='http://fonts.googleapis.com/css?family=Nunito:700' rel='stylesheet' type='text/css']
link[rel="stylesheet" href="styles/sodexo.css" type="text/css" media="screen" charset="utf-8"]
+ meta[itemprop="name" content="Aceita Sodexo?"]
+ meta[itemprop="description" content="Descubra os pontos que aceitam cartão Sodexo mais próximos de de você."]
+ meta[itemprop="image" content="http://aceitasodexo.com.br/images/social-image.png"]
body
.navbar.navbar-fixed-top
.navbar-inner
.container-fluid
- a.brand[href="#"] Aceita Sodexo?
+ h1.brand
+ a[href="/"] Aceita Sodexo?
.nav-collapse
form#addressForm.navbar-search.pull-left
.control-group
@@ -27,7 +31,14 @@ html[lang='pt-br']
a[data-toggle="modal" href="#onde-ja-tem"] Onde já tem?
li
a[href="#"] Como funciona?
+ .subnav.subnav-fixed
+ .subnavbar-inner
+ .container-fluid
+ b Você foi encontrado em:
+ i.icon-map-marker
+ | R. Endereço mocado, s/n · Bairro Nossa Senhora da Aparecida. Porto Alegre, RS.
== yield
+ == slim :social
script[type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBJFTySGBY5r23R6dLWMEbj64UW7lK4Qdg&sensor=true&language=pt-br"]
script[type="text/javascript" src="javascripts/underscore-min.js"]
script[type="text/javascript" src="javascripts/jquery-1.7.2.min.js"]
View
21 views/social.slim
@@ -0,0 +1,21 @@
+.social
+ ul
+ li.twitter
+ erb:
+ <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://aceitasodexo.com.br" data-text="Confira os locais mais próximos de você que aceitam Sodexo!" data-via="aceitasodexo" data-related="aceitasodexo" data-hashtags="aceitaSodexo">Tweet</a>
+ <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+ li.google-plus
+ erb:
+ <!-- Place this tag where you want the +1 button to render -->
+ <div class="g-plusone" data-size="medium" data-href="http://aceitasodexo.com.br"></div>
+ <!-- Place this render call where appropriate -->
+ <script type="text/javascript">
+ (function() {
+ var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
+ po.src = 'https://apis.google.com/js/plusone.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
+ })();
+ </script>
+ li.facebook
+ erb:
+ <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Faceitasodexo.com.br&amp;send=false&amp;layout=standard&amp;width=300&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=lucida+grande&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:35px;" allowTransparency="true"></iframe>
Something went wrong with that request. Please try again.