Download as
Browse Code »

Commit b76106fb0accfef7950d125291196ce6f40120c1

Authored by Augusto dos Anjos Almeida
1 parent e88b8d09
Exists in master and in 6 other branches build, build2, capa, contigency_plan_recaptcha, production, staging

Changed some Divs to HTML5 Semantic friendly

Showing 1 changed file with 17 additions and 18 deletions   Show diff stats
index.html
  Diff comments   View file @b76106f
... ... @@ -108,7 +108,7 @@
108 108 {{{article.abstract}}}
109 109 </div>
110 110  
111   - <nav role="tabpanel">
  111 + <nav class="tab" role="tabpanel">
112 112 <ul role="tablist">
113 113 <li id="nav-proposal-categories" role="presentation">
114 114 <a href="#/temas" class="active" role="tab" aria-controls="proposal-categories">Por Temas</a>
... ... @@ -119,7 +119,7 @@
119 119 </ul>
120 120 </nav>
121 121  
122   - <div id="proposal-categories">
  122 + <article id="proposal-categories">
123 123 <div id="proposal-categories-container">
124 124 {{#each article.categories}}
125 125 <li id="proposal-category-{{slug}}" class="proposal-category" data-category="{{slug}}">
... ... @@ -128,7 +128,7 @@
128 128 </li>
129 129 {{/each}}
130 130 {{#each article.categories}}
131   - <div id="proposal-item-{{id}}" class="proposal-category-items proposal-category-items-{{slug}} hide" data-category="{{slug}}">
  131 + <section id="proposal-item-{{id}}" class="proposal-category-items proposal-category-items-{{slug}} hide proposal-container clearfix {{slug}}" data-category="{{slug}}">
132 132 <div class="header">
133 133 <div class="name">{{name}}</div>
134 134 <div class="description"></div>
... ... @@ -138,12 +138,12 @@
138 138 {{#link title id}}{{/link}}
139 139 {{/list_proposal}}
140 140 </ul>
141   - </div>
  141 + </section>
142 142 {{/each}}
143 143 </div>
144   - </div>
  144 + </article>
145 145  
146   - <div id="proposal-group" class="hide">
  146 + <article id="proposal-group" class="hide">
147 147 <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label>
148 148 <div id="search-input-container">
149 149 <input placeholder="palavra chave" id="search-input" type="text" name="search" />
... ... @@ -153,11 +153,11 @@
153 153 {{#link title id}}{{/link}}
154 154 {{/list_proposal}}
155 155 </ul>
156   - </div>
  156 + </article>
157 157  
158 158 {{#each article.children}}
159 159 {{!-- <div class="container"> --}}
160   - <div class="proposal-detail hide" id="proposal-item-{{id}}">
  160 + <article class="proposal-detail hide" id="proposal-item-{{id}}">
161 161 <div class="categories {{#each categories}}{{slug}}{{/each}}">
162 162 <ul class="select">
163 163 {{#each categories}}
... ... @@ -172,14 +172,13 @@
172 172 {{/each}}
173 173 </ul>
174 174  
175   -
176   - <div class="proposal-header ">
177   - <div class="abstract ">
  175 + <div class="proposal-header">
  176 + <div class="abstract">
178 177 <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/>
179 178 </div>
180 179 <a href="#/programas/{{id}}/sobre-o-programa">
181   - <div class="title ">{{title}}</div>
182   - <div class="abstract ">{{{abstract}}}</div>
  180 + <div class="title">{{title}}</div>
  181 + <div class="abstract">{{{abstract}}}</div>
183 182 </a>
184 183 <div class="show_body row">
185 184 <a class="col-sm-6 col-sm-offset-3" href="#/programas/{{id}}/sobre-o-programa"><span>Conheça o programa</span></a>
... ... @@ -195,7 +194,7 @@
195 194 <div class="row">
196 195 <div class="col-sm-4">
197 196 <div class="go-to-proposal-button">
198   - <a href="#/programas/{{id}}" data-target="proposal-item-{{id}}">
  197 + <a href="#/programas/{{id}}" data-target="proposal-item-{{id}}" class="button button-participe">
199 198 <span class="fa fa-reply"></span>
200 199 Participe
201 200 </a>
... ... @@ -291,20 +290,20 @@
291 290  
292 291 <div class="clearfix"></div>
293 292 </div>
294   - </div>
  293 + </article>
295 294 {{!-- </div> --}}
296 295 {{/each}}
297 296 </script>
298 297  
299 298 <script id="support-proposal-template" type="text/x-handlebars-template">
300 299 <div class="abstract">
301   - <p>{{stripTags (trimString abstract 200)}}</p>
  300 + <p class="box-subtitle">{{stripTags (trimString abstract 200)}}</p>
302 301 </div>
303 302 <div class="vote-actions">
304 303 <a href="#" class="like dislike" data-vote-value="-1"></a>
305 304 <a href="#" class="like" data-vote-value="1"></a>
306   - <a href="#" class="skip">Pular</a>
307   - <a href="#" class="vote-result">Resultados</a>
  305 + <a href="#" class="skip button box-footer">Pular</a>
  306 + <a href="#" class="vote-result box-bottom">Resultados</a>
308 307 </div>
309 308 <div class="social">
310 309 <span>Compartilhe esta proposta</span>
... ...