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

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

Issue 29471608: Issue 5043 - Update member page layout (Closed) Base URL: https://hg.adblockplus.org/web.acceptableads.com
Patch Set: Addressed comments Created June 26, 2017, 2:38 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « globals/sitemap.py ('k') | pages/committee/members/ari-levenfeld.md » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 title=Members | The Acceptable Ads Committee 1 title=Members | The Acceptable Ads Committee
2 description=Meet the Acceptable Ads Committee. 2 description=A list of all Representatives and supporting Members that make up th e Acceptable Ads Committee.
3 breadcrumb=Members
4 parent=committee/index 3 parent=committee/index
5 custom=1 4 custom=1
6 5
7 <style type="text/css"> 6 {% block head %}
8 .card 7 <style>
9 { 8 @media(min-width: 768px)
10 border-bottom: 0px; 9 {
11 } 10 #committee-structure
12 11 {
13 .card .summary 12 padding-top: 25%;
14 { 13 margin: 0 auto;
15 height: 140px; 14 max-width: 70%;
16 } 15 }
17 16 }
18 .card h3 17
19 { 18 .group-list h4
20 height: auto; 19 {
21 } 20 margin-top: 40px;
22 21 padding: 8px 22px;
23 html[dir="ltr"] .card 22 background-color: #E1E1E1;
24 { 23 }
25 border-left: 0px; 24
26 } 25 .group-list dl
27 26 {
28 html[dir="rtl"] .card 27 margin: 22px;
29 { 28 }
30 border-right: 0px; 29
31 } 30 .group-list dt
32 </style> 31 {
33 32 margin: 32px 0 26px 0;
34 <div class="container" markdown="1"> 33 color: #424242;
35 # {{members-heading[Members Heading] Members}} 34 text-transform: none;
36 35 }
37 --- 36
38 </div> 37 .group-list dd
39 38 {
40 <? include members/all-members ?> 39 margin: 0;
40 }
41
42 .member-list
43 {
44 display: block;
45 width: 100%;
46 margin: 0;
47 overflow: auto;
48 }
49
50 .member-list li
51 {
52 width: 100%;
53 float: left;
54 padding-left: 0px;
55 margin-bottom: 1em;
56 }
57
58 @media(min-width: 768px)
59 {
60 .member-list li
61 {
62 min-height: 3em;
63 width: 50%;
64 }
65 }
66
67 @media(min-width: 992px)
68 {
69 .member-list li
70 {
71 width: 33.3333333%;
72 }
73 }
74
75 .member-list li:before
76 {
77 display: none;
78 }
79 </style>
80 {% endblock %}
81
82 {% set coalitions = {
83 "for-profit": {
84 "title": "FOR-PROFIT COALITION",
85 "description": "This Coalition consists of stakeholders that can be classifi ed as organizations primarily driven by generating profits. The following groups form the For-Profit Coalition: Advertisers, Ad-Tech Agencies, Advertising Agenc ies, and Publishers and Content Creators.",
86 "groups": [
87 "Advertisers",
88 "Ad Tech Agencies",
89 "Advertising Agencies",
90 "Publishers & Content Creators",
91 ],
92 },
93 "expert": {
94 "title": "EXPERT COALITION",
95 "description": "This Coalition consists of stakeholders who primarily focus on specific issues relevant to their area of expertise. These experts bring a un ique and objective perspective to the AAC. The following groups form the Expert Coalition: Creative Agents, Researchers and Academics and User Agents.",
96 "groups": [
97 "Creative Agents",
98 "Researchers & Academics",
99 "User Agents",
100 ],
101 },
102 "user-advocate": {
103 "title": "USER ADVOCATE COALITION",
104 "description": "This Coalition consists of stakeholders that can be classifi ed as entities primarily driven by protecting the rights of online users. The fo llowing Member Groups form the User Advocate Coalition: Digital Rights Organizat ions and Individual Users.",
105 "groups": [
106 "Digital Rights Organizations",
107 "Users",
108 ],
109 },
110 } %}
111
112 {% set members = [
113 {
114 "group": "Advertisers",
115 "position": "Representative",
116 "name": "Breanna Fowler",
117 "title": "Strategic Partnerships & Advertising",
118 "org": "Dell",
119 },
120 {
121 "group": "Advertising Agencies",
122 "position": "Representative",
123 "name": "Gabriel Cheng",
124 "title": "VP Strategy Growth & Partnerships",
125 "org": "M&C Saatchi Mobile",
126 },
127 {
128 "group": "Advertising Agencies",
129 "position": "Member",
130 "name": "Kevin Vanvalkenburgh",
131 "title": "Vice President of Connections Planning",
132 "org": "The Tombras Group",
133 },
134 {
135 "group": "Advertising Agencies",
136 "position": "Member",
137 "name": "Tom Rathbone",
138 "title": "Head of Technology",
139 "org": "Schaaf-PartnerCentric",
140 },
141 {
142 "group": "Advertising Agencies",
143 "position": "Member",
144 "name": "Christoph Bornschein",
145 "title": "CEO/Founder",
146 "org": "TLGG",
147 },
148 {
149 "group": "Advertising Agencies",
150 "position": "Member",
151 "name": "Will Perkins",
152 "title": "VP Media",
153 "org": "Look Listen",
154 },
155 {
156 "group": "Ad Tech Agencies",
157 "position": "Representative",
158 "name": "Ari Levenfeld",
159 "title": "Senior Director of Privacy and Inventory Quality",
160 "org": "Rocket Fuel Inc.",
161 },
162 {
163 "group": "Ad Tech Agencies",
164 "position": "Member",
165 "name": "Todd Garland",
166 "title": "Founder",
167 "org": "BuySellAds",
168 },
169 {
170 "group": "Ad Tech Agencies",
171 "position": "Member",
172 "name": "Sebastien Bock",
173 "title": "GVP Tech & Product Programmatic & Data",
174 "org": "Rakuten Marketing",
175 },
176 {
177 "group": "Ad Tech Agencies",
178 "position": "Member",
179 "name": "Jon Malach",
180 "title": "CEO",
181 "org": "Native Ads, Inc.",
182 },
183 {
184 "group": "Ad Tech Agencies",
185 "position": "Member",
186 "name": "Francine Hardaway",
187 "title": "Director of Marketing",
188 "org": "ZEDO",
189 },
190 {
191 "group": "Ad Tech Agencies",
192 "position": "Member",
193 "name": "Henry Lau",
194 "title": "Head of Partnerships",
195 "org": "Instinctive",
196 },
197 {
198 "group": "Ad Tech Agencies",
199 "position": "Member",
200 "name": "Alex Calic",
201 "title": "Chief Revenue Officer",
202 "org": "The Media Trust",
203 },
204 {
205 "group": "Ad Tech Agencies",
206 "position": "Member",
207 "name": "Henrik Lohk",
208 "title": "Co-founder",
209 "org": "Adtoma AB",
210 },
211 {
212 "group": "Ad Tech Agencies",
213 "position": "Member",
214 "name": "James Sciolto",
215 "title": "Co-Founder & Chief Marketing Officer",
216 "org": "Bidio",
217 },
218 {
219 "group": "Ad Tech Agencies",
220 "position": "Member",
221 "name": "Nicole Pruess",
222 "title": "Global Managing Director, Publisher Marketplace",
223 "org": "Criteo",
224 },
225 {
226 "group": "Ad Tech Agencies",
227 "position": "Member",
228 "name": "Mat Bennett",
229 "title": "Managing Director",
230 "org": "OKO Digital",
231 },
232 {
233 "group": "Ad Tech Agencies",
234 "position": "Member",
235 "name": "Tom Gabriele",
236 "title": "Co-Founder",
237 "org": "WowYow Inc.",
238 },
239 {
240 "group": "Ad Tech Agencies",
241 "position": "Member",
242 "name": "Dan Greenberg",
243 "title": "Founder & CEO",
244 "org": "Sharethrough",
245 },
246 {
247 "group": "Ad Tech Agencies",
248 "position": "Member",
249 "name": "Eric Simon",
250 "title": "COO",
251 "org": "Skydeo",
252 },
253 {
254 "group": "Creative Agents",
255 "position": "Representative",
256 "name": "Jon Lefley",
257 "title": "Creative Director",
258 "org": "Saatchi & Saatchi",
259 },
260 {
261 "group": "Creative Agents",
262 "position": "Member",
263 "name": "Tobias Eidem",
264 "title": "BrandGlobe and former chairman of Sweden’s KIA-index",
265 "org": "BrandGlobe",
266 },
267 {
268 "group": "Digital Rights Organizations",
269 "position": "Representative",
270 "name": "Holmes Wilson",
271 "title": "Co-Founder/Co-director",
272 "org": "Fight for the Future",
273 },
274 {
275 "group": "Publishers & Content Creators",
276 "position": "Representative",
277 "name": "Gavin Hall",
278 "title": "CTO",
279 "org": "TED",
280 },
281 {
282 "group": "Publishers & Content Creators",
283 "position": "Member",
284 "name": "Paul Lomax",
285 "title": "CTO",
286 "org": "Dennis Media",
287 },
288 {
289 "group": "Publishers & Content Creators",
290 "position": "Member",
291 "name": "Christian Hendricks",
292 "title": "Founder",
293 "org": "Local Media Consortium",
294 },
295 {
296 "group": "Publishers & Content Creators",
297 "position": "Member",
298 "name": "Scott Messer",
299 "title": "VP Content Channels",
300 "org": "Leaf Group",
301 },
302 {
303 "group": "Publishers & Content Creators",
304 "position": "Member",
305 "name": "Loic Dussart",
306 "title": "COO",
307 "org": "KOL",
308 },
309 {
310 "group": "Researchers & Academics",
311 "position": "Representative",
312 "name": "Fran Howarth",
313 "title": "Security Analyst",
314 "org": "Bloor Analyst Group",
315 },
316 {
317 "group": "User Agents",
318 "position": "Representative",
319 "name": "Kenny Ye (叶智聪)",
320 "title": "Director of International Business Development, Alibaba Mobile Gro up",
321 "org": "UC Web",
322 },
323 ] %}
324
325 {% macro member_list(group, position) -%}
326 {% set count = [] %}
327 {% for member in members %}
328 {% if member.group == group and member.position == position %}
329 {% if (count | length) == 0 %}
330 <ul class="member-list">
331 {% endif %}
332 {% set count = count.append(None) %}
333 <li>
334 <strong>{{ member.name }}</strong><br>
335 {{ member.title }}, <em>{{ member.org }}</em>
336 </li>
337 {% endif %}
338 {% endfor %}
339 {% if (count | length) > 0 %}
340 </ul>
341 {% endif %}
342 {% if position == "Member" or (count | length) < 1 %}
343 <p><a class="btn-primary" href="committee/apply">{{ "Apply" | translate("a pply-button", "button label") }}</a></p>
344 {% endif %}
345 {% endmacro %}
346
347 {% macro group_list(group) -%}
348 <section class="group-list">
349 <h4>{{ group | translate("group-name-heading", "heading") }}</h4>
350 <dl>
351 <dt>{{ "Representative" | translate("representative-heading", "heading") } }</dt>
352 <dd>{{ member_list(group, "Representative") }}</dd>
353 </dl>
354 <dl>
355 <dt>{{ "Members" | translate("members-heading", "heading") }}</dt>
356 <dd>{{ member_list(group, "Member") }}</dd>
357 </dl>
358 </section>
359 {%- endmacro %}
360
361 {% macro coalition_section(id) -%}
362 <section class="section">
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>
365 {% for group in coalitions[id].groups %}
366 {{ group_list(group) }}
367 {% endfor %}
368 </section>
369 {% endmacro %}
370
371 <section class="container">
372 <div class="row">
373 <div class="col-6">
374 <h1>{{ "Members" | translate("members-heading", "heading") }}</h1>
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>
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>
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" />
381 </aside>
382 </div>
383 </section>
384
385 <section>
386
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>
389 </div>
390
391 <div class="container">
392 {% for coalition in coalitions %}
393 {{ coalition_section(coalition) }}
394 {% endfor %}
395 </div>
396
397 </section>
OLDNEW
« no previous file with comments | « globals/sitemap.py ('k') | pages/committee/members/ari-levenfeld.md » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld