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
.gitignore
  Diff comments   View file @38d5dff
... ... @@ -13,4 +13,5 @@ bower_components/
13 13 bower.json
14 14 sass/bootstrap.scss
15 15 css/bootstrap.css
16   -html/
17 16 \ No newline at end of file
  17 +html/
  18 +novo.css.map
... ...
novo.css
  Diff comments   View file @38d5dff
... ... @@ -49,22 +49,22 @@ nav ul {
49 49  
50 50 .proposal-category-items-saude .description:before {
51 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 53 font-size: 14px; }
54 54  
55 55 .proposal-category-items-seguranca .description:before {
56 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 58 font-size: 14px; }
59 59  
60 60 .proposal-category-items-educacao .description:before {
61 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 63 font-size: 14px; }
64 64  
65 65 .proposal-category-items-reducao-da-pobreza .description:before {
66 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 68 font-size: 14px; }
69 69  
70 70 #proposal-categories {
... ... @@ -212,6 +212,10 @@ nav ul {
212 212 height: 500px;
213 213 padding: 20px; }
214 214  
  215 +.categories {
  216 + display: table;
  217 + width: 100%; }
  218 +
215 219 .category {
216 220 background-color: #000;
217 221 border-top: 0;
... ... @@ -268,7 +272,7 @@ nav ul {
268 272 background: url("images/white-line.png") left center repeat-x;
269 273 color: #fff;
270 274 display: block;
271   - font-size: 38px;
  275 + font-size: 30px;
272 276 font-weight: 700;
273 277 margin: auto;
274 278 text-align: center;
... ... @@ -279,7 +283,7 @@ nav ul {
279 283  
280 284 .container-title {
281 285 color: #000;
282   - font-size: 38px;
  286 + font-size: 30px;
283 287 margin-bottom: 20px; }
284 288  
285 289 .subtitle {
... ... @@ -309,16 +313,40 @@ nav ul {
309 313 background-repeat: no-repeat; }
310 314  
311 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 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 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 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 351 #proposal-category-saude .proposal-link {
324 352 background-color: #00a9bd;
... ... @@ -357,6 +385,18 @@ li.category-saude {
357 385 color: #00a9bd; }
358 386 .saude .send-button a {
359 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 401 #proposal-category-seguranca .proposal-link {
362 402 background-color: #e34748;
... ... @@ -395,6 +435,18 @@ li.category-seguranca {
395 435 color: #e34748; }
396 436 .seguranca .send-button a {
397 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 451 #proposal-category-educacao .proposal-link {
400 452 background-color: #ffb400;
... ... @@ -433,6 +485,18 @@ li.category-educacao {
433 485 color: #ffb400; }
434 486 .educacao .send-button a {
435 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 501 #proposal-category-reducao-da-pobreza .proposal-link {
438 502 background-color: #51d0b3;
... ... @@ -471,3 +535,17 @@ li.category-reducao-da-pobreza {
471 535 color: #51d0b3; }
472 536 .reducao-da-pobreza .send-button a {
473 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 */
... ...
novo.html
  Diff comments   View file @38d5dff
... ... @@ -6,14 +6,7 @@
6 6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 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 10 function removeUrlParameters(full_url){
18 11 var url_base = full_url.split('#').shift();
19 12 return url_base;
... ... @@ -28,10 +21,10 @@
28 21 return base + filename;
29 22 }
30 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 28 return fileref;
36 29 }
37 30 function loadCSSFiles(){
... ... @@ -40,10 +33,9 @@
40 33 'css/hover.custom.css',
41 34 'http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css',
42 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 39 for(i = 0; i < css_files.length; i++){
48 40 head.appendChild(makeCSSLink(css_files[i]));
49 41 }
... ... @@ -55,20 +47,20 @@
55 47 }
56 48  
57 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 53 var req = new XMLHttpRequest();
62   - req.open("GET", file_path, false); // 'false': synchronous.
  54 + req.open('GET', file_path, false); // 'false': synchronous.
63 55 req.send(null);
64 56 script_element.text = req.responseText;
65 57 head.appendChild(script_element);
66 58 }
67 59  
68 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 64 script_element.src = file_path;
73 65 head.appendChild(script_element);
74 66 }
... ... @@ -98,45 +90,46 @@
98 90 }
99 91  
100 92 loadCSSFiles();
101   -
102 93 </script>
103 94  
  95 + <link rel="stylesheet" href="novo.css">
  96 +
104 97 </head>
105 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 103 <header>
111 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 106 </header>
114 107  
115 108 <div id="content">
116 109 <p>{{{article.body}}}</p>
117 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 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 119 </li>
127 120 </ul>
128 121 </nav>
129 122  
130   - <ul id="proposal-categories">
  123 + <div id="proposal-categories">
131 124 <div id="proposal-categories-container">
132 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 127 <a href="#/temas/{{slug}}/{{id}}" class="proposal-link hvr-float-shadow" data-target="proposal-item-{{id}}">{{name}}</a>
135 128 <div class="arrow-box" style="display: none"></div>
136 129 </li>
137 130 {{/each}}
138 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 133 <div class="header">
141 134 <div class="name">{{name}}</div>
142 135 <div class="description"></div>
... ... @@ -149,15 +142,14 @@
149 142 </div>
150 143 {{/each}}
151 144 </div>
152   - </ul>
  145 + </div>
153 146  
154   - <div id="proposal-group" class='hide'>
  147 + <div id="proposal-group" class="hide">
155 148 <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label>
156 149 <div id="search-input-container">
157 150 <input placeholder="palavra chave" id="search-input" type="text" name="search" />
158 151 </div>
159 152 <ul>
160   -
161 153 {{#list_proposal article.children}}
162 154 {{#link title id}}{{/link}}
163 155 {{/list_proposal}}
... ... @@ -165,11 +157,11 @@
165 157 </div>
166 158  
167 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 162 <ul class="select">
171 163 {{#each categories}}
172   - <li class='category proposal-category' data-category="{{slug}}">
  164 + <li class="category proposal-category" data-category="{{slug}}">
173 165 <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a>
174 166 <button class="go-back btn btn-default pull-right">
175 167 VOLTAR
... ... @@ -180,96 +172,98 @@
180 172 {{/each}}
181 173 </ul>
182 174  
183   - <div class='proposal-header'>
184   - <div class='abstract'>
  175 + <div class="proposal-header">
  176 + <div class="abstract">
185 177 <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/>
186 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 183 </div>
192 184 </div>
193 185  
194   - <div class='body proposal-detail-base hide'>
  186 + <div class="body proposal-detail-base hide">
195 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 191 Agora contribua para a melhoria desse programa
200 192 </a>
201   - </div>
202   -
  193 + </div>
203 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 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 204 <div class="message hide"></div>
213 205 <div>
214 206 <div><label for="article_abstract">Descrição</label></div>
215 207 <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="200"></textarea>
216 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 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 213 <p>Sua proposta foi encaminhada com sucesso!</p>
222   - <a href='#'>Encaminhar Nova Proposta</a>
  214 + <a href="#">Encaminhar Nova Proposta</a>
223 215 </div>
224 216 <br style="clear: both;" />
225 217 </div>
226 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 223 <div class="random-proposal"></div>
232 224 <div class="loading">Carregando...</div>
233 225 <div class="no-proposals">Ainda não existe nenhuma proposta para este programa.</div>
234 226 </div>
235 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 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 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 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 237 <div class="message hide"></div>
246 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 242 <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="5000"></textarea>
249 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 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 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 250 </div>
257 251 </div>
258 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 256 <p>Confira as datas e horários disponíveis:</p>
263   - <ul class='calendar'>
  257 + <ul class="calendar">
264 258 <li>
265 259 <span>Arthur Chioro</span>
266 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 262 </li>
269 263 <li>
270 264 <span>Teresa Campello</span>
271 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 267 </li>
274 268 </ul>
275 269 </div>
... ... @@ -279,8 +273,10 @@
279 273 {{/each}}
280 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 280 <div class="vote-actions">
285 281 <a href="#" class="like dislike" data-vote-value="-1"></a>
286 282 <a href="#" class="like" data-vote-value="1"></a>
... ... @@ -289,7 +285,7 @@
289 285 </div>
290 286 </script>
291 287  
292   - <script id="results" type='text/x-handlebars-template'>
  288 + <script id="results" type="text/x-handlebars-template">
293 289 <div class="loading">Carregando...</div>
294 290 <div class="results-content hide">
295 291 <a href="#" class="vote-result">Fechar</a>
... ... @@ -312,7 +308,7 @@
312 308 </div>
313 309 </script>
314 310  
315   - <script id='login' type='text/x-handlebars-template'>
  311 + <script id="login" type="text/x-handlebars-template">
316 312 <form id="login-form" class="login">
317 313 <div class="message hide"></div>
318 314 <div class="username">
... ... @@ -336,15 +332,9 @@
336 332 </form>
337 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 339 </body>
350 340  
... ...
sass/novo/_colors.scss
  Diff comments   View file @38d5dff
... ... @@ -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 102 \ No newline at end of file
... ...
sass/novo/_proposal_detail.scss
  Diff comments   View file @38d5dff
... ... @@ -37,6 +37,10 @@
37 37 padding: $default-spacing-size;
38 38 }
39 39 }
  40 +.categories {
  41 + display: table;
  42 + width: 100%;
  43 +}
40 44 .category {
41 45 background-color: #000;
42 46 border-top: 0;
... ... @@ -148,21 +152,49 @@
148 152 }
149 153 .make {
150 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 165 .support {
155 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 177 .experience {
160 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 189 .talk {
165 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 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 11 $category-select-size: 19px;
12 12 $proposal-link-size: 24px;
13 13 $detail-title-size: 32px;
14   -$detail-proposal-size: 38px;
  14 +$detail-proposal-size: 30px;
15 15  
16 16 // radius sizes
17 17 $default-radius-size: 7px;
... ...