From a8a94af78058398ea69850aab0c6f47ae25ebada Mon Sep 17 00:00:00 2001
From: augustoalmeida <augusto.almeida@gmail.com>
Date: Mon, 1 Jun 2015 18:50:05 -0300
Subject: [PATCH] Cabeçalho inicial

---
 images/icons/icon-user.png     | Bin 0 -> 1256 bytes
 index.html                     | 14 ++++++++------
 sass/_login.scss               | 29 +++++++++++++++++++++++++++++
 sass/_proposal_categories.scss |  8 +++++---
 sass/style.scss                |  9 ++++-----
 5 files changed, 46 insertions(+), 14 deletions(-)
 create mode 100644 images/icons/icon-user.png

diff --git a/images/icons/icon-user.png b/images/icons/icon-user.png
new file mode 100644
index 0000000..fa08ab3
Binary files /dev/null and b/images/icons/icon-user.png differ
diff --git a/index.html b/index.html
index 5d049dd..be7332c 100644
--- a/index.html
+++ b/index.html
@@ -98,9 +98,9 @@
     <script id="proposal-template" type="text/x-handlebars-template">
       <header>
         <a id="display-contrast" href="#">Alto Contraste</a>
-        <div class="login">
-          <a href="#" class="button">Participe</a>
-          <a href="#">Entrar</a>
+        <div class="login-block">
+          <a href="#" class="login-register">Participe</a>
+          <a href="#" class="login-in">Entrar</a>
         </div>
         <div class="social top">
           {{#social_share "Dialoga Brasil" "Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo" "#"}}{{/social_share}}
@@ -109,7 +109,9 @@
       </header>
 
       <div id="content">
-        {{{article.abstract}}}
+        <div class="embed-responsive embed-responsive-16by9">
+          {{{article.abstract}}}
+        </div>
       </div>
 
       <nav class="tab" role="tabpanel">
@@ -123,7 +125,7 @@
         </ul>
       </nav>
 
-      <article id="proposal-categories">
+      <aside id="proposal-categories">
         <div id="proposal-categories-container">
           <ul class="themes">
           {{#each article.categories}}
@@ -147,7 +149,7 @@
             </section>
           {{/each}}
         </div>
-      </article>
+      </aside>
 
       <article id="proposal-group" class="hide">
         <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label>
diff --git a/sass/_login.scss b/sass/_login.scss
index 67a8bd0..7a265a6 100644
--- a/sass/_login.scss
+++ b/sass/_login.scss
@@ -4,3 +4,32 @@
   color: #000;
   text-decoration: none;
 }
+
+.login {
+	&-block {
+		text-align: right;
+		margin-bottom: 10px;
+		a:nth-child(2) {
+			border-left: 1px solid #bcbcbc;
+			margin-left: 20px;
+			padding-left: 40px;
+		}
+	}
+	&-register {
+		background-color: #387bfa;
+		border-bottom: 3px solid darken(#387bfa, 15%);
+		border-radius: 3px;
+		color: #fff;
+		display: inline-block;
+		font-weight: 700;
+		font-size: 14px;
+		padding: 2px 20px;
+		text-align: center;
+		&:hover {
+			background-color: darken(#387bfa, 15%);
+		}
+	}
+	&-in {
+		background: url(images/icons/icon-user.png) no-repeat 20px 50%;
+	}
+}
\ No newline at end of file
diff --git a/sass/_proposal_categories.scss b/sass/_proposal_categories.scss
index 881277c..20c10b6 100644
--- a/sass/_proposal_categories.scss
+++ b/sass/_proposal_categories.scss
@@ -5,14 +5,16 @@
   clear: both;
   margin: 0;
   padding: 10px;
-  text-align: center;
+  text-align: left;
   border-bottom: 1px solid #03316f;
   border-left: 1px solid #03316f;
   border-right: 1px solid #03316f;    
-  
+  ul {
+    padding-left: 0;
+  }
   li {
     list-style: none;
-    display: inline-block;
+    display: block;
   }
   
   .proposal-category {
diff --git a/sass/style.scss b/sass/style.scss
index 5ffcf87..ffdec9f 100755
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -56,11 +56,10 @@ h1 {
 #content {
   padding-bottom: 50px;
   p {
-
-    text-align: justify;
-    margin: 20px;
-    line-height: 1.5em;
-    font-size: 1.2em;
+    text-align: inherit;
+    margin: 0;
+    line-height: inherit;
+    font-size: inherit;
 
     font{
       weight: lighter;
--
libgit2 0.21.2