diff options
| author | Veikka Kähkönen <insiding@gmail.com> | 2017-11-27 16:34:31 +0200 |
|---|---|---|
| committer | Veikka Kähkönen <insiding@gmail.com> | 2017-11-27 16:34:31 +0200 |
| commit | abb4507e5e1a0673de5ff4f94bdedbfa81ea5489 (patch) | |
| tree | 22f54158f390b0d68984d7ed636371e0c9aaf73f /_layouts | |
| parent | b9ae83ff4f57102ea4d49507a5a0160a4df3fc40 (diff) | |
Change contact SASS into BEM format and simplify hallitus layout
Diffstat (limited to '_layouts')
| -rw-r--r-- | _layouts/hallitus.html | 64 |
1 files changed, 31 insertions, 33 deletions
diff --git a/_layouts/hallitus.html b/_layouts/hallitus.html index 937b718..974b430 100644 --- a/_layouts/hallitus.html +++ b/_layouts/hallitus.html @@ -5,40 +5,38 @@ layout: page <section> {{ content }} - <div class="contact"> - <div> - {% assign people = site.data[page.data].people %} - {% if people[0] %} - {% assign i = 0 %} - {% for person in people %} - {% assign columnI = i | modulo: 2 %} - {% if columnI == 0 %} - <div class="section group"> - {% endif %} - <div class="contact-inline col span_1_of_2"> - <div class="contact-inline"> - <img class="img-circle" style="max-height:200px; margin: 0 auto;" src="{{ site.url | append: site.baseurl }}/{{ person.picture }}" alt=""> - <h3>{{ person.post_name }}</h3> - <h4>{{ person.person_name }}</h4> - <div class="contact-inline-section"> - {% assign email_tokens = person.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> - <i class="fa fa-phone" aria-hidden="true"></i> {{ person.phone }}<br> - <i class="fa fa-telegram" aria-hidden="true"></i> @{{ person.username }}<br> - </div> - <div class="contact-inline-section contact-inline-spacer"> - </div> - <div class="contact-inline-section"> - {{ person.description }} - </div> + <div> + {% assign people = site.data[page.data].people %} + {% if people[0] %} + {% assign i = 0 %} + {% for person in people %} + {% assign columnI = i | modulo: 2 %} + {% if columnI == 0 %} + <div class="section group"> + {% endif %} + <div class="contact col span_1_of_2"> + <div class="contact-inline"> + <img class="contact__photo" style="max-height:200px; margin: 0 auto;" src="{{ site.url | append: site.baseurl }}/{{ person.picture }}" alt=""> + <h3 class="contact__position_name contact__position_name--hallitus">{{ person.post_name }}</h3> + <h4 class="contact__person_name">{{ person.person_name }}</h4> + <div class="contact__section"> + {% assign email_tokens = person.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> + <i class="fa fa-phone" aria-hidden="true"></i> {{ person.phone }}<br> + <i class="fa fa-telegram" aria-hidden="true"></i> @{{ person.username }}<br> + </div> + <div class="contact__section contact__section--spacer"> + </div> + <div class="contact__section"> + {{ person.description }} </div> </div> - {% if columnI == 1 %} - </div> - {% endif %} - {% assign i = i | plus: 1 %} - {% endfor %} - {% endif %} - </div> + </div> + {% if columnI == 1 %} + </div> + {% endif %} + {% assign i = i | plus: 1 %} + {% endfor %} + {% endif %} </div> </section> |