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 "includes/globals" import people %} | 7 {%- from "includes/globals" import people %} |
8 | 8 |
9 {%- macro profile(date, country, image, name, title, description) %} | 9 {%- macro profile(date, country, 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 <img class="country-image" src="/images/flags/{{country}}.png" width="30"
height="30" alt=""/> | 13 <img class="country-image" src="/images/flags/{{country}}.png" width="30"
height="30" alt=""/> |
14 </p> | 14 </p> |
15 <h3 class="heading centered"><span>{{title}}</span></h3> | 15 <h3 class="heading centered"><span>{{title}}</span></h3> |
16 <h1>{{name}}</h1> | 16 <h1>{{name}}</h1> |
17 <h2>{{description}}</h2> | 17 <h2>{{description}}</h2> |
18 </div> | 18 </div> |
19 {% endmacro %} | 19 {% endmacro %} |
20 | 20 |
21 <div class="content-block columns-container four-columns"> | 21 <div class="content-block columns-container four-columns"> |
22 {%- for person in people|randomsortbydate(basedate="2011-02-22") %} | 22 {%- for person in people|teamsort(basedate="2011-02-22") %} |
23 {%- if loop.index % 4 == 1 and not loop.first %} | 23 {%- if loop.index % 4 == 1 and not loop.first %} |
24 </div> | 24 </div> |
25 <div class="content-block columns-container four-columns"> | 25 <div class="content-block columns-container four-columns"> |
26 {%- endif %} | 26 {%- endif %} |
27 | 27 |
28 {{profile(*person)}} | 28 {{profile(*person)}} |
29 {%- endfor %} | 29 {%- endfor %} |
30 </div> | 30 </div> |
31 | 31 |
32 <!-- Flag icons: Copyright (c) 2013 Go Squared Ltd. http://www.gosquared.com/ --
> | 32 <!-- Flag icons: Copyright (c) 2013 Go Squared Ltd. http://www.gosquared.com/ --
> |
LEFT | RIGHT |