| LEFT | RIGHT |
| 1 title=Meet the Team | 1 title=Meet the Team |
| 2 | 2 |
| 3 <header class="page-title"> | 3 <header class="page-title"> |
| 4 <h1>Meet the Team</h1> | 4 <h1>Meet the Team</h1> |
| 5 </header> | 5 </header> |
| 6 | 6 |
| 7 {%- from "globals" import people %} | 7 {%- from "includes/globals" import people %} |
| 8 | 8 |
| 9 {%- macro profile(date, image, name, title, description) %} | 9 {%- macro profile(date, image, name, title, description) %} |
| 10 <div class="profile column"> | 10 <div class="profile column"> |
| 11 <p> | 11 <p> |
| 12 <img class="profile-image" src="/images/people/{{image}}" width="120" heig
ht="120" alt=""/> | 12 <img class="profile-image" src="/images/people/{{image}}" width="120" heig
ht="120" alt=""/> |
| 13 </p> | 13 </p> |
| 14 <h3 class="heading centered"><span>{{title}}</span></h3> | 14 <h3 class="heading centered"><span>{{title}}</span></h3> |
| 15 <h1>{{name}}</h1> | 15 <h1>{{name}}</h1> |
| 16 <h2>{{description}}</h2> | 16 <h2>{{description}}</h2> |
| 17 </div> | 17 </div> |
| 18 {% endmacro %} | 18 {% endmacro %} |
| 19 | 19 |
| 20 <div class="content-block columns-container four-columns"> | 20 <div class="content-block columns-container four-columns"> |
| 21 {%- for person in people|datesort(basedate="2011-02-22") %} | 21 {%- for person in people|datesort(basedate="2011-02-22") %} |
| 22 {%- if loop.index % 4 == 1 and not loop.first %} | 22 {%- if loop.index % 4 == 1 and not loop.first %} |
| 23 </div> | 23 </div> |
| 24 <div class="content-block columns-container four-columns"> | 24 <div class="content-block columns-container four-columns"> |
| 25 {%- endif %} | 25 {%- endif %} |
| 26 | 26 |
| 27 {{profile(*person)}} | 27 {{profile(*person)}} |
| 28 {%- endfor %} | 28 {%- endfor %} |
| 29 </div> | 29 </div> |
| LEFT | RIGHT |