diff options
| author | Veikka Kähkönen <veikka.kahkonen@corefactory.com> | 2017-11-30 21:42:35 +0200 |
|---|---|---|
| committer | Veikka Kähkönen <veikka.kahkonen@corefactory.com> | 2017-11-30 21:42:35 +0200 |
| commit | afa95fde236860a98419bf768c0c3ad9093495a8 (patch) | |
| tree | 2c41c928b75a51e26a82072478ae2c2c2880c3db /_layouts | |
| parent | ab9a988dc493c809bc292cdb7aa9ba71611e42c6 (diff) | |
Make people_generic layout clearer
Diffstat (limited to '_layouts')
| -rw-r--r-- | _layouts/people_generic.html | 70 |
1 files changed, 36 insertions, 34 deletions
diff --git a/_layouts/people_generic.html b/_layouts/people_generic.html index 28b73c1..515e437 100644 --- a/_layouts/people_generic.html +++ b/_layouts/people_generic.html @@ -8,40 +8,42 @@ layout: page {% assign committees = site.data[page.data].committees %} {% if committees[0] %} {% for committee in committees %} - <h2>{{ committee.name }}</h2> - {% for position in committee.positions%} - <h3 class="contact__position_name">{{ position.name }}</h3> - <p>{{ position.description }}</p> - <div> - {% assign i = 0 %} - {% for member in position.members %} - {% assign columnI = i | modulo: 2 %} - {% if columnI == 0 %} - <div class="section group"> - {% endif %} - <div class="contact col span_1_of_2"> - {% if member.picture %} - {% assign picture_path = member.picture %} - {% else %} - {% assign picture_path = page.placeholder_img %} - {% endif %} - <img class="contact__photo" style="max-height:200px; margin: 0 auto;" src="{{ picture_path | absolute_url }}" alt=""> - <h4 class="contact__person_name contact__person_name--generic">{{ member.name }}</h4> - {% if member.email %} - <div class="contact__section"> - {% assign email_tokens = member.email | split: '@' %} - <i class="fa fa-envelope" aria-hidden="true"></i> <a href="mailto:{{ email_tokens[0] }}REMOVETHIS@{{ email_tokens[1] }}">{{ email_tokens[0] }}</a><br> - </div> - {% endif %} - </div> - {% assign lastElement = position.members | size | minus: 1 %} - {% if columnI == 1 or i == lastElement %} - </div> - {% endif %} - {% assign i = i | plus: 1 %} - {% endfor %} - </div> - {% endfor %} + <div class="contact_group"> + <h2>{{ committee.name }}</h2> + {% for position in committee.positions%} + <div class="contact_group__subgroup"> + <h3 class="contact__position_name">{{ position.name }}</h3> + <p>{{ position.description }}</p> + {% assign i = 0 %} + {% for member in position.members %} + {% assign columnI = i | modulo: 4 %} + {% if columnI == 0 %} + <div class="section group"> + {% endif %} + <div class="contact col span_1_of_4"> + {% if member.picture %} + {% assign picture_path = member.picture %} + {% else %} + {% assign picture_path = page.placeholder_img %} + {% endif %} + <img class="contact__photo" style="max-height:200px; margin: 0 auto;" src="{{ picture_path | absolute_url }}" alt=""> + <h4 class="contact__person_name contact__person_name--generic">{{ member.name }}</h4> + {% if member.email %} + <div class="contact__section"> + {% assign email_tokens = member.email | split: '@' %} + <i class="fa fa-envelope" aria-hidden="true"></i> <a href="mailto:{{ email_tokens[0] }}REMOVETHIS@{{ email_tokens[1] }}">{{ email_tokens[0] }}</a><br> + </div> + {% endif %} + </div> + {% assign lastElement = position.members | size | minus: 1 %} + {% if columnI == 3 or i == lastElement %} + </div> + {% endif %} + {% assign i = i | plus: 1 %} + {% endfor %} + </div> + {% endfor %} + </div> {% endfor %} {% endif %} </section> |