Download as
Browse Code »

Commit 74109d9e2de1d0934b7df8e54f951b2747ad0747

Authored by augustoalmeida
1 parent 2c9a62f5
Exists in master and in 6 other branches build, build2, capa, contigency_plan_recaptcha, production, staging

area de conteudo

Showing 1 changed file with 172 additions and 168 deletions   Show diff stats
index.html
  Diff comments   View file @74109d9
... ... @@ -91,13 +91,13 @@
91 91 }(document, 'script', 'facebook-jssdk'));</script>
92 92  
93 93  
94   - <div class="container">
  94 + <div class="">
95 95 <div id="proposal-result"></div>
96 96 </div>
97 97 <div class="clearfix"></div>
98 98  
99 99 <script id="proposal-template" type="text/x-handlebars-template">
100   - <header class="clearfix">
  100 + <header class="container">
101 101 <a id="display-contrast" href="#">Alto Contraste</a>
102 102 <div class="participar">
103 103 <a href="#" class="button button-inline participe">Participe</a>
... ... @@ -109,7 +109,7 @@
109 109 </div>
110 110 </header>
111 111  
112   - <div id="content">
  112 + <div id="content" class="container">
113 113 <div class="embed-responsive embed-responsive-16by9">
114 114 {{{article.abstract}}}
115 115 </div>
... ... @@ -128,188 +128,192 @@
128 128 </nav>
129 129 -->
130 130  
131   - <div class="col-sm-3">
132   - <aside id="proposal-categories">
133   - <div id="proposal-categories-container">
134   - <ul class="themes">
135   - {{#each article.categories}}
136   - <li id="proposal-category-{{slug}}" class="proposal-category" data-category="{{slug}}">
137   - <a href="#/temas/{{slug}}/{{id}}" class="proposal-link " data-target="proposal-item-{{id}}">{{name}}</a>
138   - <!-- <div class="arrow-box" style="display: none"></div> -->
139   - </li>
140   - {{/each}}
141   - </ul>
142   - {{#each article.categories}}
143   - <section id="proposal-item-{{id}}" class="proposal-category-items proposal-category-items-{{slug}} hide proposal-container clearfix {{slug}}" data-category="{{slug}}">
144   - <div class="header">
145   - <div class="name">{{name}}</div>
146   - <div class="description"></div>
147   - </div>
148   - <ul class="proposal-list">
149   - {{#list_proposal ../article.children category=slug}}
150   - {{#link title id}}{{/link}}
151   - {{/list_proposal}}
152   - </ul>
153   - </section>
154   - {{/each}}
155   - </div>
156   - </aside>
157   - </div>
158   -
159   - <div class="col-sm-9">
160   - <article id="proposal-group" class="">
161   - <!--
162   - <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label>
163   - <div id="search-input-container">
164   - <input placeholder="palavra chave" id="search-input" type="text" name="search" />
165   - </div>
166   - -->
167   - <ul class="proposal-list">
168   - {{#list_proposal article.children}}
169   - {{#link title id}}{{/link}}
170   - {{/list_proposal}}
171   - </ul>
172   - </article>
173   - </div>
174   -
175   - {{#each article.children}}
176   - {{!-- <div class="container"> --}}
177   - <article class="proposal-detail hide" id="proposal-item-{{id}}">
178   - <div class="categories {{#each categories}}{{slug}}{{/each}}">
179   - <ul class="select">
180   - {{#each categories}}
181   - <li class="category proposal-category" data-category="{{slug}}">
182   - <button class="go-back btn btn-default">
183   - <span class="fa fa-reply"></span>
184   - Voltar
185   - </button>
186   - <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a>
187   - {{#select_proposal ../../article.children slug ../id}}{{/select_proposal}}
  131 + <div class="background content">
  132 + <div class="container">
  133 + <div class="col-sm-3">
  134 + <aside id="proposal-categories">
  135 + <div id="proposal-categories-container">
  136 + <ul class="themes">
  137 + {{#each article.categories}}
  138 + <li id="proposal-category-{{slug}}" class="proposal-category" data-category="{{slug}}">
  139 + <a href="#/temas/{{slug}}/{{id}}" class="proposal-link " data-target="proposal-item-{{id}}">{{name}}</a>
  140 + <!-- <div class="arrow-box" style="display: none"></div> -->
188 141 </li>
189 142 {{/each}}
190   - </ul>
191   -
192   - <div class="proposal-header">
193   - <div class="abstract">
194   - <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/>
195   - </div>
196   - <a href="#/programas/{{id}}/sobre-o-programa">
197   - <div class="title">{{title}}</div>
198   - <div class="abstract">{{{abstract}}}</div>
199   - </a>
200   - <div class="show_body row">
201   - <a class="col-sm-6 col-sm-offset-3" href="#/programas/{{id}}/sobre-o-programa"><span>Conheça o programa</span></a>
202   - </div>
  143 + </ul>
  144 + {{#each article.categories}}
  145 + <section id="proposal-item-{{id}}" class="proposal-category-items proposal-category-items-{{slug}} hide proposal-container clearfix {{slug}}" data-category="{{slug}}">
  146 + <div class="header">
  147 + <div class="name">{{name}}</div>
  148 + <div class="description"></div>
  149 + </div>
  150 + <ul class="proposal-list">
  151 + {{#list_proposal ../article.children category=slug}}
  152 + {{#link title id}}{{/link}}
  153 + {{/list_proposal}}
  154 + </ul>
  155 + </section>
  156 + {{/each}}
203 157 </div>
  158 + </aside>
  159 + </div>
204 160  
205   - <div class="body proposal-detail-base hide">
206   - <div class='body-content'>
207   - {{{body}}}
208   - </div>
  161 + <div class="col-sm-9">
  162 + <article id="proposal-group" class="">
  163 + <!--
  164 + <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label>
  165 + <div id="search-input-container">
  166 + <input placeholder="palavra chave" id="search-input" type="text" name="search" />
  167 + </div>
  168 + -->
  169 + <ul class="proposal-list">
  170 + {{#list_proposal article.children}}
  171 + {{#link title id}}{{/link}}
  172 + {{/list_proposal}}
  173 + </ul>
  174 + </article>
  175 + </div>
209 176  
210   - <div class="container">
211   - <div class="row">
212   - <div class="col-sm-4">
213   - <div class="go-to-proposal-button">
214   - <a href="#/programas/{{id}}" data-target="proposal-item-{{id}}" class="button button-participe">
  177 + {{#each article.children}}
  178 + {{!-- <div class="container"> --}}
  179 + <article class="proposal-detail hide" id="proposal-item-{{id}}">
  180 + <div class="categories {{#each categories}}{{slug}}{{/each}}">
  181 + <ul class="select">
  182 + {{#each categories}}
  183 + <li class="category proposal-category" data-category="{{slug}}">
  184 + <button class="go-back btn btn-default">
215 185 <span class="fa fa-reply"></span>
216   - Participe
217   - </a>
218   - </div>
  186 + Voltar
  187 + </button>
  188 + <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a>
  189 + {{#select_proposal ../../article.children slug ../id}}{{/select_proposal}}
  190 + </li>
  191 + {{/each}}
  192 + </ul>
  193 +
  194 + <div class="proposal-header">
  195 + <div class="abstract">
  196 + <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/>
219 197 </div>
220   - <div class="col-sm-4 col-sm-offset-4">
221   - <div class="social right">
222   - <span>COMPARTILHE<br>ESTE PROGRAMA</span>
223   - {{{social_share title abstract (program_detail_url id)}}}
224   - </div>
  198 + <a href="#/programas/{{id}}/sobre-o-programa">
  199 + <div class="title">{{title}}</div>
  200 + <div class="abstract">{{{abstract}}}</div>
  201 + </a>
  202 + <div class="show_body row">
  203 + <a class="col-sm-6 col-sm-offset-3" href="#/programas/{{id}}/sobre-o-programa"><span>Conheça o programa</span></a>
225 204 </div>
226 205 </div>
227   - </div>
228   - </div>
229 206  
230   - <div class="make-proposal-container">
231   - <section class="make-proposal box box-propostas">
232   - <div class="container-title box-title">Faça Uma Proposta</div>
233   - <div class="subtitle box-subtitle">Qual a sua sugestão para melhorar este programa?</div>
234   - <div class="info box-info">Esta consulta termina em julho de 2015. Até lá, todas as propostas serão lidas e as cinco mais pontuadas em cada programa receberão resposta oficial do governo.</div>
235   - <div class="send-proposal-button send-button box-footer"><a href="#"><span>Envie sua proposta</span></a></div>
236   - <div class="login-container hide">Login</div>
237   - <form class="make-proposal-form save-article-form require-login hide" id="make-proposal-form-{{id}}" action="{{proposal_action ../article . }}" method="post">
238   - <div class="message hide"></div>
239   - <div>
240   - <div><label for="article_abstract">Descrição</label></div>
241   - <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="200"></textarea>
  207 + <div class="body proposal-detail-base hide">
  208 + <div class='body-content'>
  209 + {{{body}}}
  210 + </div>
  211 +
  212 + <div class="container">
  213 + <div class="row">
  214 + <div class="col-sm-4">
  215 + <div class="go-to-proposal-button">
  216 + <a href="#/programas/{{id}}" data-target="proposal-item-{{id}}" class="button button-participe">
  217 + <span class="fa fa-reply"></span>
  218 + Participe
  219 + </a>
  220 + </div>
  221 + </div>
  222 + <div class="col-sm-4 col-sm-offset-4">
  223 + <div class="social right">
  224 + <span>COMPARTILHE<br>ESTE PROGRAMA</span>
  225 + {{{social_share title abstract (program_detail_url id)}}}
  226 + </div>
  227 + </div>
  228 + </div>
242 229 </div>
243   - <input type="hidden" id="type" name="article[type]" value="ProposalsDiscussionPlugin::Proposal">
244   - <input type="hidden" id="content_type" name="content_type" value="ProposalsDiscussionPlugin::Proposal">
245   - <input type="submit" id="make-proposal-button" name="make-proposal-button" class="make-proposal-button" value="Enviar">
246   - </form>
247   - <div class="success-proposal-sent success-sent hide send-button">
248   - <p>Sua proposta foi encaminhada com sucesso! Ela se tornará pública em até 24 horas e poderá ser apoiada por outros participantes.</p>
249   - <a href="#">Faça nova proposta</a>
250 230 </div>
251   - <div class="clearfix"></div>
252   - </section>
253   - </div>
254 231  
255   - <div class="support-proposal-container">
256   - <section class="support-proposal box box-propostas box-center box-apoie">
257   - <div class="container-title box-title"> Apoie outras propostas</div>
258   - <div class="alert alert-warning hide" role="alert">
259   - <i class="fa fa-warning"></i><strong>Proposta não encontrada</strong>
  232 + <div class="make-proposal-container">
  233 + <section class="make-proposal box box-propostas">
  234 + <div class="container-title box-title">Faça Uma Proposta</div>
  235 + <div class="subtitle box-subtitle">Qual a sua sugestão para melhorar este programa?</div>
  236 + <div class="info box-info">Esta consulta termina em julho de 2015. Até lá, todas as propostas serão lidas e as cinco mais pontuadas em cada programa receberão resposta oficial do governo.</div>
  237 + <div class="send-proposal-button send-button box-footer"><a href="#"><span>Envie sua proposta</span></a></div>
  238 + <div class="login-container hide">Login</div>
  239 + <form class="make-proposal-form save-article-form require-login hide" id="make-proposal-form-{{id}}" action="{{proposal_action ../article . }}" method="post">
  240 + <div class="message hide"></div>
  241 + <div>
  242 + <div><label for="article_abstract">Descrição</label></div>
  243 + <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="200"></textarea>
  244 + </div>
  245 + <input type="hidden" id="type" name="article[type]" value="ProposalsDiscussionPlugin::Proposal">
  246 + <input type="hidden" id="content_type" name="content_type" value="ProposalsDiscussionPlugin::Proposal">
  247 + <input type="submit" id="make-proposal-button" name="make-proposal-button" class="make-proposal-button" value="Enviar">
  248 + </form>
  249 + <div class="success-proposal-sent success-sent hide send-button">
  250 + <p>Sua proposta foi encaminhada com sucesso! Ela se tornará pública em até 24 horas e poderá ser apoiada por outros participantes.</p>
  251 + <a href="#">Faça nova proposta</a>
  252 + </div>
  253 + <div class="clearfix"></div>
  254 + </section>
260 255 </div>
261   - <div class="support-proposal-content require-login">
262   - <div class="random-proposal"></div>
263   - <div class="loading">Carregando...</div>
264   - <div class="no-proposals">Ainda não existe nenhuma proposta para este programa.</div>
  256 +
  257 + <div class="support-proposal-container">
  258 + <section class="support-proposal box box-propostas box-center box-apoie">
  259 + <div class="container-title box-title"> Apoie outras propostas</div>
  260 + <div class="alert alert-warning hide" role="alert">
  261 + <i class="fa fa-warning"></i><strong>Proposta não encontrada</strong>
  262 + </div>
  263 + <div class="support-proposal-content require-login">
  264 + <div class="random-proposal"></div>
  265 + <div class="loading">Carregando...</div>
  266 + <div class="no-proposals">Ainda não existe nenhuma proposta para este programa.</div>
  267 + </div>
  268 + <div class="login-container hide">Login</div>
  269 + <div class="send-button"><a href="#"><span>Login</span></a></div>
  270 + </section>
265 271 </div>
266   - <div class="login-container hide">Login</div>
267   - <div class="send-button"><a href="#"><span>Login</span></a></div>
268   - </section>
269   - </div>
270 272  
271   - <div class="results-container hide box box-propostas"></div>
272   -
273   - <div class="talk-proposal-container">
274   - <section class="talk-proposal box box-propostas">
275   - <div class="container-title">Bate-papo com os ministros</div>
276   - <p>Confira as datas e horários:</p>
277   - <ul class="calendar saude" data-slick='{"infinite": false, "rows": 2}'>
278   - <li>
279   - <span>Arthur Chioro</span>
280   - <span>Saúde</span>
281   - <div class="date"><i class="fa fa-calendar"></i> 17/06/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
282   - </li>
283   - </ul>
284   - <ul class="calendar seguranca-publica" data-slick='{"infinite": false, "rows": 2}'>
285   - <li>
286   - <span>José Eduardo Cardozo</span>
287   - <span>Justiça</span>
288   - <div class="date"><i class="fa fa-calendar"></i> 25/04/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
289   - </li>
290   - </ul>
291   - <ul class="calendar educacao" data-slick='{"infinite": false, "rows": 2}'>
292   - <li>
293   - <span>Renato Janine Ribeiro</span>
294   - <span>Educação</span>
295   - <div class="date"><i class="fa fa-calendar"></i> 24/06/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
296   - </li>
297   - </ul>
298   - <ul class="calendar reducao-da-pobreza" data-slick='{"infinite": false, "rows": 2}'>
299   - <li>
300   - <span>Tereza Campello</span>
301   - <span>Desenvolvimento Social</span>
302   - <div class="date"><i class="fa fa-calendar"></i> 18/06/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
303   - </li>
304   - </ul>
305   - </section>
306   - </div>
  273 + <div class="results-container hide box box-propostas"></div>
  274 +
  275 + <div class="talk-proposal-container">
  276 + <section class="talk-proposal box box-propostas">
  277 + <div class="container-title">Bate-papo com os ministros</div>
  278 + <p>Confira as datas e horários:</p>
  279 + <ul class="calendar saude" data-slick='{"infinite": false, "rows": 2}'>
  280 + <li>
  281 + <span>Arthur Chioro</span>
  282 + <span>Saúde</span>
  283 + <div class="date"><i class="fa fa-calendar"></i> 17/06/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
  284 + </li>
  285 + </ul>
  286 + <ul class="calendar seguranca-publica" data-slick='{"infinite": false, "rows": 2}'>
  287 + <li>
  288 + <span>José Eduardo Cardozo</span>
  289 + <span>Justiça</span>
  290 + <div class="date"><i class="fa fa-calendar"></i> 25/04/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
  291 + </li>
  292 + </ul>
  293 + <ul class="calendar educacao" data-slick='{"infinite": false, "rows": 2}'>
  294 + <li>
  295 + <span>Renato Janine Ribeiro</span>
  296 + <span>Educação</span>
  297 + <div class="date"><i class="fa fa-calendar"></i> 24/06/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
  298 + </li>
  299 + </ul>
  300 + <ul class="calendar reducao-da-pobreza" data-slick='{"infinite": false, "rows": 2}'>
  301 + <li>
  302 + <span>Tereza Campello</span>
  303 + <span>Desenvolvimento Social</span>
  304 + <div class="date"><i class="fa fa-calendar"></i> 18/06/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
  305 + </li>
  306 + </ul>
  307 + </section>
  308 + </div>
307 309  
308   - <div class="clearfix"></div>
309   - </div>
310   - </article>
311   - {{!-- </div> --}}
312   - {{/each}}
  310 + <div class="clearfix"></div>
  311 + </div>
  312 + </article>
  313 + {{!-- </div> --}}
  314 + {{/each}}
  315 + </div>
  316 + </div>
313 317 </script>
314 318  
315 319 <script id="support-proposal-template" type="text/x-handlebars-template">
... ...