Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: pages/committee/members.tmpl

Issue 29438582: Issue 5135 - Reduce font size and padding on smaller screens on acceptableads.com (Closed) Base URL: https://hg.adblockplus.org/web.acceptableads.com
Patch Set: Refactor and use .section Created July 5, 2017, 10:52 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
1 title=Members | The Acceptable Ads Committee 1 title=Members | The Acceptable Ads Committee
2 description=A list of all Representatives and supporting Members that make up th e Acceptable Ads Committee. 2 description=A list of all Representatives and supporting Members that make up th e Acceptable Ads Committee.
3 parent=committee/index 3 parent=committee/index
4 custom=1 4 custom=1
5 5
6 {% block head %} 6 {% block head %}
7 <style> 7 <style>
8 @media(min-width: 768px) 8 @media(min-width: 768px)
9 { 9 {
10 #committee-structure 10 #committee-structure
(...skipping 351 matching lines...) Expand 10 before | Expand all | Expand 10 after
362 <section class="section"> 362 <section class="section">
363 <h3 class="h2">{{ coalitions[id].title | translate("{{ id }}-heading", "head ing") }}</h3> 363 <h3 class="h2">{{ coalitions[id].title | translate("{{ id }}-heading", "head ing") }}</h3>
364 <p class="col-6">{{ coalitions[id].description | translate("{{ id }}-intro") }}</p> 364 <p class="col-6">{{ coalitions[id].description | translate("{{ id }}-intro") }}</p>
365 {% for group in coalitions[id].groups %} 365 {% for group in coalitions[id].groups %}
366 {{ group_list(group) }} 366 {{ group_list(group) }}
367 {% endfor %} 367 {% endfor %}
368 </section> 368 </section>
369 {% endmacro %} 369 {% endmacro %}
370 370
371 <section class="container"> 371 <section class="container">
372 <div class="row"> 372 <div class="row section">
373 <div class="col-6"> 373 <div class="col-6">
374 <h1>{{ "Members" | translate("members-heading", "heading") }}</h1> 374 <h1>{{ "Members" | translate("members-heading", "heading") }}</h1>
375 <hr> 375 <hr>
376 <p>{{ "The Acceptable Ads Committee is divided into three Coalitions, with each faction consisting of several Members. Each group includes a Representativ e and multiple supporting Members." | translate("members-intro-2") }}</p> 376 <p>{{ "The Acceptable Ads Committee is divided into three Coalitions, with each faction consisting of several Members. Each group includes a Representativ e and multiple supporting Members." | translate("members-intro-2") }}</p>
377 <p>{{ "Below is a list of all current Representatives and supporting Membe rs, broken down by Coalition." | translate("members-intro-2") }}</p> 377 <p>{{ "Below is a list of all current Representatives and supporting Membe rs, broken down by Coalition." | translate("members-intro-2") }}</p>
378 </div> 378 </div>
379 <aside class="col-6"> 379 <aside class="col-6">
380 <img id="committee-structure" class="block" alt="{{ "Acceptable Ads Commit tee Structure" | translate("featured-image-alt", "Image alt text") }}" src="/img /png/blog/acceptable-ads-committee-structure.png" /> 380 <img id="committee-structure" class="block" alt="{{ "Acceptable Ads Commit tee Structure" | translate("featured-image-alt", "Image alt text") }}" src="/img /png/blog/acceptable-ads-committee-structure.png" />
381 </aside> 381 </aside>
382 </div> 382 </div>
383 </section> 383 </section>
384 384
385 <section> 385 <section>
386 386
387 <div class="bg-accent"> 387 <div class="bg-accent">
388 <h2 class="center h3 p-y-md m-a-md">{{ "Meet the Acceptable Ads Committee" | translate("committee-heading", "heading") }}</h2> 388 <h2 class="center h3 p-y-md m-a-md">{{ "Meet the Acceptable Ads Committee" | translate("committee-heading", "heading") }}</h2>
389 </div> 389 </div>
390 390
391 <div class="container"> 391 <div class="container">
392 {% for coalition in ["for-profit", "expert", "user-advocate"] %} 392 {% for coalition in ["for-profit", "expert", "user-advocate"] %}
393 {{ coalition_section(coalition) }} 393 {{ coalition_section(coalition) }}
394 {% endfor %} 394 {% endfor %}
395 </div> 395 </div>
396 396
397 </section> 397 </section>
OLDNEW

Powered by Google App Engine
This is Rietveld