Merge pull request #24 from OSMBrasil/homepage

Correções na página inicial

Author: naoliv

css/main.css

@@ -43,6 +43,7 @@ a:visited { color: #205caa; }
 .container,
 .grid {
   margin: 0 auto;
+  margin-bottom: 40px;
 }
 .container {
   padding-left: 30px;
@@ -120,27 +121,30 @@ a:visited { color: #205caa; }
 .site-footer .column { float: left; margin-bottom: 15px; }
 
 .footer-col-1 {
-  width: 270px; /*fallback*/
-  width: -webkit-calc(35% - 10px);
-  width: -moz-calc(35% - 10px);
-  width: -o-calc(35% - 10px);
-  width: calc(35% - 10px);
-  margin-right: 10px
+  width: 302px; /*fallback*/
+  width: -webkit-calc(38% - 10px);
+  width: -moz-calc(38% - 10px);
+  width: -o-calc(38% - 10px);
+  width: calc(38% - 10px);
+  margin-right: 10px;
+  text-align: center;
 }
 .footer-col-2 {
   width: 175px; /*fallback*/
-  width: -webkit-calc(23.125% - 10px);
-  width: -moz-calc(23.125% - 10px);
-  width: -o-calc(23.125% - 10px);
-  width: calc(23.125% - 10px);
-  margin-right: 10px
+  width: -webkit-calc(24% - 10px);
+  width: -moz-calc(24% - 10px);
+  width: -o-calc(24% - 10px);
+  width: calc(24% - 10px);
+  margin-right: 10px;
+  text-align: center;
 }
 .footer-col-3 {
-  width: 335px; /*fallback*/
-  width: -webkit-calc(41.875%);
-  width: -moz-calc(41.875%);
-  width: -o-calc(41.875%);
-  width: calc(41.875%);
+  width: 302px; /*fallback*/
+  width: -webkit-calc(38%);
+  width: -moz-calc(38%);
+  width: -o-calc(38%);
+  width: calc(38%);
+  text-align: left;
 }
 
 .site-footer ul { list-style: none; }
@@ -196,7 +200,7 @@ a:visited { color: #205caa; }
 /* ----------------------------------------------------------*/
 
 .hero {
-  height: 200px;
+  min-height: 200px;
   text-align: center;
   margin-top: 50px;
 }
@@ -421,6 +425,22 @@ a:visited { color: #205caa; }
     width: auto;
     float: none;
     clear: both;
+    text-align: center;
+  }
+
+  .hero {
+    margin-top: 30px;
+    margin-bottom: 30px;
+  }
+
+  .hero h2 {
+    line-height: 1.2em;
+    margin-bottom: 20px;
+  }
+
+  .grid {
+    margin-top: 40px;
+    margin-bottom: 20px;
   }
 
 }

index.html

@@ -4,11 +4,11 @@
 
 <section class="hero">
   <h2>
-    Conheça o OpenStreetMap, o mapa livre do mundo
+    OpenStreetMap, o mapa mundial editável e livre
   </h2>
   <p>
-    O OpenStreetMap é um projeto de produção colaborativa de dados geo-espaciais abertos. </br>
-    Qualquer pessoa pode editar o <em><a href="http://www.openstreetmap.org/?locale=pt-BR#map=4/-15.19/-51.31" target="_blank">mapa</a></em> e os dados são redistribuídos sob uma <em><a href="http://www.openstreetmap.org/copyright?locale=pt-BR" target="_blank">licença aberta</a></em>. 
+    Um projeto de produção colaborativa de dados geo-espaciais abertos.</br>
+    Qualquer pessoa pode editar o <a href="http://www.openstreetmap.org/?locale=pt-BR#map=4/-15.19/-51.31" target="_blank">mapa</a> e os dados são redistribuídos sob a licença <a href="http://www.openstreetmap.org/copyright?locale=pt-BR" target="_blank">ODbl</a>.
   </p>
 </section>
 
@@ -20,13 +20,13 @@ <h3>
       </h3>
       <p>
         <a href="/aprenda/">
-          Criar uma conta e comece a explorar o universo do OpenStreetMap →
+          Crie uma conta e comece a explorar o universo do OpenStreetMap →
         </a>
       </p>
     </div>
     <div class="teaser col-1-2">
       <h3>
-        Participe da comunidade
+        Participe da comunidade!
       </h3>
       <p>
         <a href="/comunidade/">