Download as
Browse Code »

Commit 38d5dff04a85a19e492b472f87e309523352b212

Authored by Augusto dos Anjos Almeida
1 parent 02dde451
Exists in refactory-sass

Add color.

Showing 6 changed files with 243 additions and 114 deletions   Show diff stats
@@ -13,4 +13,5 @@ bower_components/ @@ -13,4 +13,5 @@ bower_components/
13 bower.json 13 bower.json
14 sass/bootstrap.scss 14 sass/bootstrap.scss
15 css/bootstrap.css 15 css/bootstrap.css
16 -html/  
17 \ No newline at end of file 16 \ No newline at end of file
  17 +html/
  18 +novo.css.map
@@ -49,22 +49,22 @@ nav ul { @@ -49,22 +49,22 @@ nav ul {
49 49
50 .proposal-category-items-saude .description:before { 50 .proposal-category-items-saude .description:before {
51 color: #fff; 51 color: #fff;
52 - content: "Saúde é direito de todos e dever do Estado. O Sistema Único de Saúde (SUS) atende a todos os brasileiros. Ele é universal, integral e de responsabilidade do Governo Federal, dos estados e dos municípios."; 52 + content: "Saúde é direito de todos e dever do Estado. O Sistema Único de Saúde (SUS) é universal, integral e de responsabilidade do Governo Federal, estados e municípios. Atende a todos os brasileiros.";
53 font-size: 14px; } 53 font-size: 14px; }
54 54
55 .proposal-category-items-seguranca .description:before { 55 .proposal-category-items-seguranca .description:before {
56 color: #fff; 56 color: #fff;
57 - content: "A segurança pública é um direito fundamental, dever do Estado e responsabilidade de todos. Tem na proteção da vida, na disseminação da cultura de paz e na integração dos órgãos e instituições seus maiores compromissos."; 57 + content: "A Segurança Pública é um direito fundamental, dever do Estado e responsabilidade de todos. A proteção da vida, a disseminação da cultura de paz e a integração dos órgãos e instituições são os maiores compromissos desta política pública.";
58 font-size: 14px; } 58 font-size: 14px; }
59 59
60 .proposal-category-items-educacao .description:before { 60 .proposal-category-items-educacao .description:before {
61 color: #fff; 61 color: #fff;
62 - content: "O Brasil avançou na qualidade e ampliou o acesso à educação em todos os níveis. Agora, o Plano Nacional de Educação (PNE) definiu metas quantitativas e qualitativas para os próximos 10 anos."; 62 + content: "O Brasil avançou na qualidade e ampliou o acesso à educação em todos os níveis ‐ da creche à pós‐graduação. Com o Plano Nacional de Educação (PNE) para os próximos 10 anos, o Brasil consolida um caminho de oportunidades, por meio da educação, para todos os brasileiros.";
63 font-size: 14px; } 63 font-size: 14px; }
64 64
65 .proposal-category-items-reducao-da-pobreza .description:before { 65 .proposal-category-items-reducao-da-pobreza .description:before {
66 color: #fff; 66 color: #fff;
67 - content: "Este governo escolheu como prioridade combater a pobreza e reduzir as desigualdades sociais. Por isso, o Brasil saiu do Mapa da Fome das Nações Unidas"; 67 + content: "Com o esforço do Brasil para reduzir a pobreza e a desigualdade, na última década, 36 milhões de pessoas superaram a miséria e o país saiu do Mapa da Fome das Nações Unidas.";
68 font-size: 14px; } 68 font-size: 14px; }
69 69
70 #proposal-categories { 70 #proposal-categories {
@@ -212,6 +212,10 @@ nav ul { @@ -212,6 +212,10 @@ nav ul {
212 height: 500px; 212 height: 500px;
213 padding: 20px; } 213 padding: 20px; }
214 214
  215 +.categories {
  216 + display: table;
  217 + width: 100%; }
  218 +
215 .category { 219 .category {
216 background-color: #000; 220 background-color: #000;
217 border-top: 0; 221 border-top: 0;
@@ -268,7 +272,7 @@ nav ul { @@ -268,7 +272,7 @@ nav ul {
268 background: url("images/white-line.png") left center repeat-x; 272 background: url("images/white-line.png") left center repeat-x;
269 color: #fff; 273 color: #fff;
270 display: block; 274 display: block;
271 - font-size: 38px; 275 + font-size: 30px;
272 font-weight: 700; 276 font-weight: 700;
273 margin: auto; 277 margin: auto;
274 text-align: center; 278 text-align: center;
@@ -279,7 +283,7 @@ nav ul { @@ -279,7 +283,7 @@ nav ul {
279 283
280 .container-title { 284 .container-title {
281 color: #000; 285 color: #000;
282 - font-size: 38px; 286 + font-size: 30px;
283 margin-bottom: 20px; } 287 margin-bottom: 20px; }
284 288
285 .subtitle { 289 .subtitle {
@@ -309,16 +313,40 @@ nav ul { @@ -309,16 +313,40 @@ nav ul {
309 background-repeat: no-repeat; } 313 background-repeat: no-repeat; }
310 314
311 .make-proposal { 315 .make-proposal {
312 - margin-right: 10px; } 316 + border: 1px solid #000;
  317 + height: 500px;
  318 + margin-right: 10px;
  319 + padding: 20px; }
  320 + .make-proposal-container {
  321 + float: left;
  322 + width: 50%; }
313 323
314 .support-proposal { 324 .support-proposal {
315 - margin-left: 10px; } 325 + border: 1px solid #000;
  326 + height: 500px;
  327 + margin-left: 10px;
  328 + padding: 20px; }
  329 + .support-proposal-container {
  330 + float: left;
  331 + width: 50%; }
316 332
317 .experience-proposal { 333 .experience-proposal {
318 - margin-right: 10px; } 334 + border: 1px solid #000;
  335 + height: 500px;
  336 + margin-right: 10px;
  337 + padding: 20px; }
  338 + .experience-proposal-container {
  339 + float: left;
  340 + width: 50%; }
319 341
320 .talk-proposal { 342 .talk-proposal {
321 - margin-left: 10px; } 343 + border: 1px solid #000;
  344 + height: 500px;
  345 + margin-left: 10px;
  346 + padding: 20px; }
  347 + .talk-proposal-container {
  348 + float: left;
  349 + width: 50%; }
322 350
323 #proposal-category-saude .proposal-link { 351 #proposal-category-saude .proposal-link {
324 background-color: #00a9bd; 352 background-color: #00a9bd;
@@ -357,6 +385,18 @@ li.category-saude { @@ -357,6 +385,18 @@ li.category-saude {
357 color: #00a9bd; } 385 color: #00a9bd; }
358 .saude .send-button a { 386 .saude .send-button a {
359 background-color: #00a9bd; } 387 background-color: #00a9bd; }
  388 +.saude .title {
  389 + background-color: #00a9bd; }
  390 +.saude .abstract p {
  391 + background-color: #00a9bd; }
  392 +.saude .make-proposal {
  393 + border-color: #00a9bd; }
  394 +.saude .support-proposal {
  395 + border-color: #00a9bd; }
  396 +.saude .experience-proposal {
  397 + border-color: #00a9bd; }
  398 +.saude .talk-proposal {
  399 + border-color: #00a9bd; }
360 400
361 #proposal-category-seguranca .proposal-link { 401 #proposal-category-seguranca .proposal-link {
362 background-color: #e34748; 402 background-color: #e34748;
@@ -395,6 +435,18 @@ li.category-seguranca { @@ -395,6 +435,18 @@ li.category-seguranca {
395 color: #e34748; } 435 color: #e34748; }
396 .seguranca .send-button a { 436 .seguranca .send-button a {
397 background-color: #e34748; } 437 background-color: #e34748; }
  438 +.seguranca .title {
  439 + background-color: #e34748; }
  440 +.seguranca .abstract p {
  441 + background-color: #e34748; }
  442 +.seguranca .make-proposal {
  443 + border-color: #e34748; }
  444 +.seguranca .support-proposal {
  445 + border-color: #e34748; }
  446 +.seguranca .experience-proposal {
  447 + border-color: #e34748; }
  448 +.seguranca .talk-proposal {
  449 + border-color: #e34748; }
398 450
399 #proposal-category-educacao .proposal-link { 451 #proposal-category-educacao .proposal-link {
400 background-color: #ffb400; 452 background-color: #ffb400;
@@ -433,6 +485,18 @@ li.category-educacao { @@ -433,6 +485,18 @@ li.category-educacao {
433 color: #ffb400; } 485 color: #ffb400; }
434 .educacao .send-button a { 486 .educacao .send-button a {
435 background-color: #ffb400; } 487 background-color: #ffb400; }
  488 +.educacao .title {
  489 + background-color: #ffb400; }
  490 +.educacao .abstract p {
  491 + background-color: #ffb400; }
  492 +.educacao .make-proposal {
  493 + border-color: #ffb400; }
  494 +.educacao .support-proposal {
  495 + border-color: #ffb400; }
  496 +.educacao .experience-proposal {
  497 + border-color: #ffb400; }
  498 +.educacao .talk-proposal {
  499 + border-color: #ffb400; }
436 500
437 #proposal-category-reducao-da-pobreza .proposal-link { 501 #proposal-category-reducao-da-pobreza .proposal-link {
438 background-color: #51d0b3; 502 background-color: #51d0b3;
@@ -471,3 +535,17 @@ li.category-reducao-da-pobreza { @@ -471,3 +535,17 @@ li.category-reducao-da-pobreza {
471 color: #51d0b3; } 535 color: #51d0b3; }
472 .reducao-da-pobreza .send-button a { 536 .reducao-da-pobreza .send-button a {
473 background-color: #51d0b3; } 537 background-color: #51d0b3; }
  538 +.reducao-da-pobreza .title {
  539 + background-color: #51d0b3; }
  540 +.reducao-da-pobreza .abstract p {
  541 + background-color: #51d0b3; }
  542 +.reducao-da-pobreza .make-proposal {
  543 + border-color: #51d0b3; }
  544 +.reducao-da-pobreza .support-proposal {
  545 + border-color: #51d0b3; }
  546 +.reducao-da-pobreza .experience-proposal {
  547 + border-color: #51d0b3; }
  548 +.reducao-da-pobreza .talk-proposal {
  549 + border-color: #51d0b3; }
  550 +
  551 +/*# sourceMappingURL=novo.css.map */
@@ -6,14 +6,7 @@ @@ -6,14 +6,7 @@
6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <meta name="viewport" content="width=device-width, initial-scale=1">
8 8
9 - <link rel="stylesheet" href="css/bootstrap.min.css">  
10 - <link rel="stylesheet" href="css/hover.custom.css">  
11 - <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">  
12 - <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,700">  
13 - <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Asap:400,700">  
14 - <link rel="stylesheet" href="novo.css">  
15 -  
16 - <script type='text/javascript'> 9 + <script type="text/javascript">
17 function removeUrlParameters(full_url){ 10 function removeUrlParameters(full_url){
18 var url_base = full_url.split('#').shift(); 11 var url_base = full_url.split('#').shift();
19 return url_base; 12 return url_base;
@@ -28,10 +21,10 @@ @@ -28,10 +21,10 @@
28 return base + filename; 21 return base + filename;
29 } 22 }
30 function makeCSSLink(filename){ 23 function makeCSSLink(filename){
31 - var fileref=document.createElement("link");  
32 - fileref.setAttribute("rel", "stylesheet");  
33 - fileref.setAttribute("type", "text/css");  
34 - fileref.setAttribute("href", addBaseUrl(filename)); 24 + var fileref=document.createElement('link');
  25 + fileref.setAttribute('rel', 'stylesheet');
  26 + fileref.setAttribute('type', 'text/css');
  27 + fileref.setAttribute('href', addBaseUrl(filename));
35 return fileref; 28 return fileref;
36 } 29 }
37 function loadCSSFiles(){ 30 function loadCSSFiles(){
@@ -40,10 +33,9 @@ @@ -40,10 +33,9 @@
40 'css/hover.custom.css', 33 'css/hover.custom.css',
41 'http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css', 34 'http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css',
42 'http://fonts.googleapis.com/css?family=Open+Sans:400,300,700', 35 'http://fonts.googleapis.com/css?family=Open+Sans:400,300,700',
43 - 'http://fonts.googleapis.com/css?family=Asap:400,700',  
44 - 'style.css' 36 + 'http://fonts.googleapis.com/css?family=Asap:400,700'
45 ]; 37 ];
46 - head = document.getElementsByTagName("head")[0] 38 + head = document.getElementsByTagName('head')[0]
47 for(i = 0; i < css_files.length; i++){ 39 for(i = 0; i < css_files.length; i++){
48 head.appendChild(makeCSSLink(css_files[i])); 40 head.appendChild(makeCSSLink(css_files[i]));
49 } 41 }
@@ -55,20 +47,20 @@ @@ -55,20 +47,20 @@
55 } 47 }
56 48
57 function loadJavaScriptSync(file_path){ 49 function loadJavaScriptSync(file_path){
58 - var head = document.getElementsByTagName("head")[0];  
59 - var script_element = document.createElement("script");  
60 - script_element.type = "text/javascript"; 50 + var head = document.getElementsByTagName('head')[0];
  51 + var script_element = document.createElement('script');
  52 + script_element.type = 'text/javascript';
61 var req = new XMLHttpRequest(); 53 var req = new XMLHttpRequest();
62 - req.open("GET", file_path, false); // 'false': synchronous. 54 + req.open('GET', file_path, false); // 'false': synchronous.
63 req.send(null); 55 req.send(null);
64 script_element.text = req.responseText; 56 script_element.text = req.responseText;
65 head.appendChild(script_element); 57 head.appendChild(script_element);
66 } 58 }
67 59
68 function loadJavaScriptAsync(file_path){ 60 function loadJavaScriptAsync(file_path){
69 - var head = document.getElementsByTagName("head")[0];  
70 - var script_element = document.createElement("script");  
71 - script_element.type = "text/javascript"; 61 + var head = document.getElementsByTagName('head')[0];
  62 + var script_element = document.createElement('script');
  63 + script_element.type = 'text/javascript';
72 script_element.src = file_path; 64 script_element.src = file_path;
73 head.appendChild(script_element); 65 head.appendChild(script_element);
74 } 66 }
@@ -98,45 +90,46 @@ @@ -98,45 +90,46 @@
98 } 90 }
99 91
100 loadCSSFiles(); 92 loadCSSFiles();
101 -  
102 </script> 93 </script>
103 94
  95 + <link rel="stylesheet" href="novo.css">
  96 +
104 </head> 97 </head>
105 <body> 98 <body>
106 99
107 - <div id='proposal-result'></div> 100 + <div id="proposal-result"></div>
108 101
109 - <script id='proposal-template' type='text/x-handlebars-template'> 102 + <script id="proposal-template" type="text/x-handlebars-template">
110 <header> 103 <header>
111 <h1><a href="#">{{article.title}}</a></h1> 104 <h1><a href="#">{{article.title}}</a></h1>
112 - <a id='display-contrast' href='#'>Alto Contraste</a> 105 + <a id="display-contrast" href="#">Alto Contraste</a>
113 </header> 106 </header>
114 107
115 <div id="content"> 108 <div id="content">
116 <p>{{{article.body}}}</p> 109 <p>{{{article.body}}}</p>
117 </div> 110 </div>
118 111
119 - <nav>  
120 - <ul>  
121 - <li id='nav-proposal-categories'>  
122 - <a href="#/temas" class="active">Temas</a> 112 + <nav role="tabpanel">
  113 + <ul role="tablist">
  114 + <li id="nav-proposal-categories" role="presentation">
  115 + <a href="#/temas" class="active" role="tab" aria-controls="proposal-categories">Temas</a>
123 </li> 116 </li>
124 - <li id='nav-proposal-group'>  
125 - <a href="#/programas">Programas</a> 117 + <li id="nav-proposal-group" role="presentation">
  118 + <a href="#/programas" role="tab" aria-controls="proposal-group">Programas</a>
126 </li> 119 </li>
127 </ul> 120 </ul>
128 </nav> 121 </nav>
129 122
130 - <ul id="proposal-categories"> 123 + <div id="proposal-categories">
131 <div id="proposal-categories-container"> 124 <div id="proposal-categories-container">
132 {{#each article.categories}} 125 {{#each article.categories}}
133 - <li id='proposal-category-{{slug}}' class="proposal-category" data-category="{{slug}}"> 126 + <li id="proposal-category-{{slug}}" class="proposal-category" data-category="{{slug}}">
134 <a href="#/temas/{{slug}}/{{id}}" class="proposal-link hvr-float-shadow" data-target="proposal-item-{{id}}">{{name}}</a> 127 <a href="#/temas/{{slug}}/{{id}}" class="proposal-link hvr-float-shadow" data-target="proposal-item-{{id}}">{{name}}</a>
135 <div class="arrow-box" style="display: none"></div> 128 <div class="arrow-box" style="display: none"></div>
136 </li> 129 </li>
137 {{/each}} 130 {{/each}}
138 {{#each article.categories}} 131 {{#each article.categories}}
139 - <div id='proposal-item-{{id}}' class="proposal-category-items proposal-category-items-{{slug}} hide" data-category="{{slug}}"> 132 + <div id="proposal-item-{{id}}" class="proposal-category-items proposal-category-items-{{slug}} hide" data-category="{{slug}}">
140 <div class="header"> 133 <div class="header">
141 <div class="name">{{name}}</div> 134 <div class="name">{{name}}</div>
142 <div class="description"></div> 135 <div class="description"></div>
@@ -149,15 +142,14 @@ @@ -149,15 +142,14 @@
149 </div> 142 </div>
150 {{/each}} 143 {{/each}}
151 </div> 144 </div>
152 - </ul> 145 + </div>
153 146
154 - <div id="proposal-group" class='hide'> 147 + <div id="proposal-group" class="hide">
155 <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label> 148 <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label>
156 <div id="search-input-container"> 149 <div id="search-input-container">
157 <input placeholder="palavra chave" id="search-input" type="text" name="search" /> 150 <input placeholder="palavra chave" id="search-input" type="text" name="search" />
158 </div> 151 </div>
159 <ul> 152 <ul>
160 -  
161 {{#list_proposal article.children}} 153 {{#list_proposal article.children}}
162 {{#link title id}}{{/link}} 154 {{#link title id}}{{/link}}
163 {{/list_proposal}} 155 {{/list_proposal}}
@@ -165,11 +157,11 @@ @@ -165,11 +157,11 @@
165 </div> 157 </div>
166 158
167 {{#each article.children}} 159 {{#each article.children}}
168 - <div class='proposal-detail hide' id="proposal-item-{{id}}">  
169 - <div class='categories {{#each categories}}{{slug}} {{/each}}'> 160 + <div class="proposal-detail hide" id="proposal-item-{{id}}">
  161 + <div class="categories {{#each categories}}{{slug}} {{/each}}">
170 <ul class="select"> 162 <ul class="select">
171 {{#each categories}} 163 {{#each categories}}
172 - <li class='category proposal-category' data-category="{{slug}}"> 164 + <li class="category proposal-category" data-category="{{slug}}">
173 <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a> 165 <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a>
174 <button class="go-back btn btn-default pull-right"> 166 <button class="go-back btn btn-default pull-right">
175 VOLTAR 167 VOLTAR
@@ -180,96 +172,98 @@ @@ -180,96 +172,98 @@
180 {{/each}} 172 {{/each}}
181 </ul> 173 </ul>
182 174
183 - <div class='proposal-header'>  
184 - <div class='abstract'> 175 + <div class="proposal-header">
  176 + <div class="abstract">
185 <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/> 177 <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/>
186 </div> 178 </div>
187 - <div class='title'>{{title}}</div>  
188 - <div class='abstract'>{{{abstract}}}</div>  
189 - <div class='show_body'>  
190 - <a href='#/programas/{{id}}/sobre-o-programa'><span>Conheça o Programa</span></a> 179 + <div class="title">{{title}}</div>
  180 + <div class="abstract">{{{abstract}}}</div>
  181 + <div class="show_body">
  182 + <a href="#/programas/{{id}}/sobre-o-programa"><span>Conheça o Programa</span></a>
191 </div> 183 </div>
192 </div> 184 </div>
193 185
194 - <div class='body proposal-detail-base hide'> 186 + <div class="body proposal-detail-base hide">
195 {{{body}}} 187 {{{body}}}
196 - <div class='go-to-proposal-button'>  
197 - <a href="#/programas/{{id}}" data-target='proposal-item-{{id}}'>  
198 - <span class='fa fa-reply'></span> 188 + <div class="go-to-proposal-button">
  189 + <a href="#/programas/{{id}}" data-target="proposal-item-{{id}}">
  190 + <span class="fa fa-reply"></span>
199 Agora contribua para a melhoria desse programa 191 Agora contribua para a melhoria desse programa
200 </a> 192 </a>
201 - </div>  
202 - 193 + </div>
203 </div> 194 </div>
204 - <div class='make-proposal-container'>  
205 - <div class='make-proposal'>  
206 - <div class='container-title'>Faça Uma Proposta</div>  
207 - <div class='subtitle'>Qual a sua sugestão para melhorar este programa?</div>  
208 - <div class='info'>Ela se tornará pública em até 24 horas após o envio e poderá ser apoiada por outros participantes.</div>  
209 - <div class='send-proposal-button send-button'><a href='#'><span>Envie Sua Proposta</span></a></div> 195 +
  196 + <div class="make-proposal-container">
  197 + <div class="make-proposal">
  198 + <div class="container-title">Faça Uma Proposta</div>
  199 + <div class="subtitle">Qual a sua sugestão para melhorar este programa?</div>
  200 + <div class="info">Ela se tornará pública em até 24 horas após o envio e poderá ser apoiada por outros participantes.</div>
  201 + <div class="send-proposal-button send-button"><a href="#"><span>Envie Sua Proposta</span></a></div>
210 <div class="login-container hide">Login</div> 202 <div class="login-container hide">Login</div>
211 - <form class='make-proposal-form save-article-form hide' id='make-proposal-form-{{id}}'> 203 + <form class="make-proposal-form save-article-form hide" id="make-proposal-form-{{id}}">
212 <div class="message hide"></div> 204 <div class="message hide"></div>
213 <div> 205 <div>
214 <div><label for="article_abstract">Descrição</label></div> 206 <div><label for="article_abstract">Descrição</label></div>
215 <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="200"></textarea> 207 <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="200"></textarea>
216 </div> 208 </div>
217 - <input id='content_type' name='content_type' value='ProposalsDiscussionPlugin::Proposal' type='hidden'>  
218 - <input type='submit' id='make-proposal-button' class='make-proposal-button' name='make-proposal-button' value='Enviar'> 209 + <input type="hidden" id="content_type" name="content_type" value="ProposalsDiscussionPlugin::Proposal">
  210 + <input type="submit" id="make-proposal-button" name="make-proposal-button" class="make-proposal-button" value="Enviar">
219 </form> 211 </form>
220 - <div class='success-proposal-sent success-sent hide send-button'> 212 + <div class="success-proposal-sent success-sent hide send-button">
221 <p>Sua proposta foi encaminhada com sucesso!</p> 213 <p>Sua proposta foi encaminhada com sucesso!</p>
222 - <a href='#'>Encaminhar Nova Proposta</a> 214 + <a href="#">Encaminhar Nova Proposta</a>
223 </div> 215 </div>
224 <br style="clear: both;" /> 216 <br style="clear: both;" />
225 </div> 217 </div>
226 </div> 218 </div>
227 - <div class='support-proposal-container'>  
228 - <div class='support-proposal'>  
229 - <div class='container-title'> Apoie outras propostas</div>  
230 - <div class='subtitle'> Propostas da sociedade</div> 219 + <div class="support-proposal-container">
  220 + <div class="support-proposal">
  221 + <div class="container-title"> Apoie outras propostas</div>
  222 + <div class="subtitle"> Propostas da sociedade</div>
231 <div class="random-proposal"></div> 223 <div class="random-proposal"></div>
232 <div class="loading">Carregando...</div> 224 <div class="loading">Carregando...</div>
233 <div class="no-proposals">Ainda não existe nenhuma proposta para este programa.</div> 225 <div class="no-proposals">Ainda não existe nenhuma proposta para este programa.</div>
234 </div> 226 </div>
235 </div> 227 </div>
236 - <div class='results-container hide'></div>  
237 - <div class='experience-proposal-container'>  
238 - <div class='experience-proposal'>  
239 - <div class='container-title'>Conte sua experiência</div> 228 + <div class="results-container hide"></div>
  229 + <div class="experience-proposal-container">
  230 + <div class="experience-proposal">
  231 + <div class="container-title">Conte sua experiência</div>
240 <p>Adoraríamos que você nos contasse a sua experiência com este programa ou a de alguém que você conhece.</p> 232 <p>Adoraríamos que você nos contasse a sua experiência com este programa ou a de alguém que você conhece.</p>
241 <p>Esta história pode nos ajudar a melhorar a nossa ação e não será divulgada.</p> 233 <p>Esta história pode nos ajudar a melhorar a nossa ação e não será divulgada.</p>
242 - <div class='send-experience-button send-button'><a href='#'><span>Envie Sua Experiência</span></a></div> 234 + <div class="send-experience-button send-button"><a href="#"><span>Envie Sua Experiência</span></a></div>
243 <div class="login-container hide">Login</div> 235 <div class="login-container hide">Login</div>
244 - <form class='make-experience-form save-article-form hide' id='make-experience-form-{{id}}'> 236 + <form class="make-experience-form save-article-form hide" id="make-experience-form-{{id}}">
245 <div class="message hide"></div> 237 <div class="message hide"></div>
246 <div> 238 <div>
247 - <div><label for="article_abstract">Descrição</label></div> 239 + <div>
  240 + <label for="article_abstract">Descrição</label>
  241 + </div>
248 <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="5000"></textarea> 242 <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="5000"></textarea>
249 </div> 243 </div>
250 - <input id='content_type' name='content_type' value='ProposalsDiscussionPlugin::Story' type='hidden'>  
251 - <input type='submit' id='make-experience-button' class='make-experience-button' name='make-experience-button' value='Enviar'> 244 + <input type="hidden" id="content_type" name="content_type" value="ProposalsDiscussionPlugin::Story">
  245 + <input type="submit" id="make-experience-button" name="make-experience-button" class="make-experience-button" value="Enviar">
252 </form> 246 </form>
253 - <div class='success-experience-sent success-sent hide send-button'> 247 + <div class="success-experience-sent success-sent hide send-button">
254 <p>Sua experiência foi encaminhada com sucesso!</p> 248 <p>Sua experiência foi encaminhada com sucesso!</p>
255 - <a href='#'>Encaminhar Nova Experiência</a> 249 + <a href="#">Encaminhar Nova Experiência</a>
256 </div> 250 </div>
257 </div> 251 </div>
258 </div> 252 </div>
259 - <div class='talk-proposal-container'>  
260 - <div class='talk-proposal'>  
261 - <div class='container-title'>Fale com os ministros</div> 253 + <div class="talk-proposal-container">
  254 + <div class="talk-proposal">
  255 + <div class="container-title">Fale com os ministros</div>
262 <p>Confira as datas e horários disponíveis:</p> 256 <p>Confira as datas e horários disponíveis:</p>
263 - <ul class='calendar'> 257 + <ul class="calendar">
264 <li> 258 <li>
265 <span>Arthur Chioro</span> 259 <span>Arthur Chioro</span>
266 <span>Saúde</span> 260 <span>Saúde</span>
267 - <div class='date'><i class="fa fa-calendar"></i> 22/04/2015</div><div class='time'><i class="fa fa-clock-o"></i> 09:00</div> 261 + <div class="date"><i class="fa fa-calendar"></i> 22/04/2015</div><div class="time"><i class="fa fa-clock-o"></i> 09:00</div>
268 </li> 262 </li>
269 <li> 263 <li>
270 <span>Teresa Campello</span> 264 <span>Teresa Campello</span>
271 <span>Desenvolvimento Social</span> 265 <span>Desenvolvimento Social</span>
272 - <div class='date'><i class="fa fa-calendar"></i> 22/04/2015</div><div class='time'><i class="fa fa-clock-o"></i> 09:00</div> 266 + <div class="date"><i class="fa fa-calendar"></i> 22/04/2015</div><div class="time"><i class="fa fa-clock-o"></i> 09:00</div>
273 </li> 267 </li>
274 </ul> 268 </ul>
275 </div> 269 </div>
@@ -279,8 +273,10 @@ @@ -279,8 +273,10 @@
279 {{/each}} 273 {{/each}}
280 </script> 274 </script>
281 275
282 - <script id='support-proposal-template' type='text/x-handlebars-template'>  
283 - <div class='abstract'><p>"{{trimString abstract 200}}"</p></div> 276 + <script id="support-proposal-template" type="text/x-handlebars-template">
  277 + <div class="abstract">
  278 + <p>{{trimString abstract 200}}</p>
  279 + </div>
284 <div class="vote-actions"> 280 <div class="vote-actions">
285 <a href="#" class="like dislike" data-vote-value="-1"></a> 281 <a href="#" class="like dislike" data-vote-value="-1"></a>
286 <a href="#" class="like" data-vote-value="1"></a> 282 <a href="#" class="like" data-vote-value="1"></a>
@@ -289,7 +285,7 @@ @@ -289,7 +285,7 @@
289 </div> 285 </div>
290 </script> 286 </script>
291 287
292 - <script id="results" type='text/x-handlebars-template'> 288 + <script id="results" type="text/x-handlebars-template">
293 <div class="loading">Carregando...</div> 289 <div class="loading">Carregando...</div>
294 <div class="results-content hide"> 290 <div class="results-content hide">
295 <a href="#" class="vote-result">Fechar</a> 291 <a href="#" class="vote-result">Fechar</a>
@@ -312,7 +308,7 @@ @@ -312,7 +308,7 @@
312 </div> 308 </div>
313 </script> 309 </script>
314 310
315 - <script id='login' type='text/x-handlebars-template'> 311 + <script id="login" type="text/x-handlebars-template">
316 <form id="login-form" class="login"> 312 <form id="login-form" class="login">
317 <div class="message hide"></div> 313 <div class="message hide"></div>
318 <div class="username"> 314 <div class="username">
@@ -336,15 +332,9 @@ @@ -336,15 +332,9 @@
336 </form> 332 </form>
337 </script> 333 </script>
338 334
339 - <script src='js/jquery-2.1.3.min.js'></script>  
340 - <script src='js/jquery-ui-1.11.4.custom/jquery-ui.min.js'></script>  
341 - <script src='js/jquery.cookie.js'></script>  
342 - <script src='js/handlebars-v3.0.1.js'></script>  
343 - <script src='js/handlebars-helpers.js'></script>  
344 - <script src='js/jquery.dotdotdot.min.js'></script>  
345 - <script src='js/jquery.maxlength.min.js'></script>  
346 - <script src='js/layout.js'></script>  
347 - <script src='js/main.js'></script> 335 + <script type="text/javascript">
  336 + loadJSFiles();
  337 + </script>
348 338
349 </body> 339 </body>
350 340
sass/novo/_colors.scss
  Diff comments   View file @38d5dff
@@ -69,5 +69,33 @@ @@ -69,5 +69,33 @@
69 } 69 }
70 } 70 }
71 } 71 }
  72 + .title {
  73 + background-color: $color;
  74 + }
  75 + .abstract {
  76 + p {
  77 + background-color: $color;
  78 + }
  79 + }
  80 + .make {
  81 + &-proposal {
  82 + border-color: $color;
  83 + }
  84 + }
  85 + .support {
  86 + &-proposal {
  87 + border-color: $color;
  88 + }
  89 + }
  90 + .experience {
  91 + &-proposal {
  92 + border-color: $color;
  93 + }
  94 + }
  95 + .talk {
  96 + &-proposal {
  97 + border-color: $color;
  98 + }
  99 + }
72 } 100 }
73 } 101 }
74 \ No newline at end of file 102 \ No newline at end of file
sass/novo/_proposal_detail.scss
  Diff comments   View file @38d5dff
@@ -37,6 +37,10 @@ @@ -37,6 +37,10 @@
37 padding: $default-spacing-size; 37 padding: $default-spacing-size;
38 } 38 }
39 } 39 }
  40 +.categories {
  41 + display: table;
  42 + width: 100%;
  43 +}
40 .category { 44 .category {
41 background-color: #000; 45 background-color: #000;
42 border-top: 0; 46 border-top: 0;
@@ -148,21 +152,49 @@ @@ -148,21 +152,49 @@
148 } 152 }
149 .make { 153 .make {
150 &-proposal { 154 &-proposal {
151 - margin-right: $default-spacing-size - 10; 155 + border: 1px solid #000;
  156 + height: 500px;
  157 + margin-right: $default-spacing-size / 2;
  158 + padding: $default-spacing-size;
  159 + &-container {
  160 + float: left;
  161 + width: 50%;
  162 + }
152 } 163 }
153 } 164 }
154 .support { 165 .support {
155 &-proposal { 166 &-proposal {
156 - margin-left: $default-spacing-size - 10; 167 + border: 1px solid #000;
  168 + height: 500px;
  169 + margin-left: $default-spacing-size / 2;
  170 + padding: $default-spacing-size;
  171 + &-container {
  172 + float: left;
  173 + width: 50%;
  174 + }
157 } 175 }
158 } 176 }
159 .experience { 177 .experience {
160 &-proposal { 178 &-proposal {
161 - margin-right: $default-spacing-size - 10; 179 + border: 1px solid #000;
  180 + height: 500px;
  181 + margin-right: $default-spacing-size / 2;
  182 + padding: $default-spacing-size;
  183 + &-container {
  184 + float: left;
  185 + width: 50%;
  186 + }
162 } 187 }
163 } 188 }
164 .talk { 189 .talk {
165 &-proposal { 190 &-proposal {
166 - margin-left: $default-spacing-size - 10; 191 + border: 1px solid #000;
  192 + height: 500px;
  193 + margin-left: $default-spacing-size / 2;
  194 + padding: $default-spacing-size;
  195 + &-container {
  196 + float: left;
  197 + width: 50%;
  198 + }
167 } 199 }
168 } 200 }
169 \ No newline at end of file 201 \ No newline at end of file
sass/novo/_variables.scss
  Diff comments   View file @38d5dff
@@ -11,7 +11,7 @@ $category-title-size: 18px; @@ -11,7 +11,7 @@ $category-title-size: 18px;
11 $category-select-size: 19px; 11 $category-select-size: 19px;
12 $proposal-link-size: 24px; 12 $proposal-link-size: 24px;
13 $detail-title-size: 32px; 13 $detail-title-size: 32px;
14 -$detail-proposal-size: 38px; 14 +$detail-proposal-size: 30px;
15 15
16 // radius sizes 16 // radius sizes
17 $default-radius-size: 7px; 17 $default-radius-size: 7px;