mirror of
https://github.com/medialab-prado/datamad2017.git
synced 2024-12-26 12:41:23 +01:00
42 lines
2.3 KiB
HTML
42 lines
2.3 KiB
HTML
<!-- Begin Speakers List 2-->
|
|
<section id="speakers">
|
|
<div class="content-wrapper">
|
|
<div class="col-lg-10 col-lg-offset-1 appear-animation-trigger">
|
|
{% for speaker in site.data.speakers %}
|
|
<div class="effect-wrapper col-md-4 col-sm-6 col-xs-12 appear-animation">
|
|
<div class="zoe-effect ribbon-activator" data-toggle="modal" data-target="#speakerDetail-{{ speaker.id }}">
|
|
<figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: '/img/people/' | append: speaker.thumbnailUrl }})">
|
|
<div class="overlay solid-overlay"></div>
|
|
{% if speaker.ribbon != null %}
|
|
<ul class="ribbon-wrapper">
|
|
{% for ribbon in speaker.ribbon %}
|
|
<li class="{{ ribbon["abbr"] | downcase }}">
|
|
<p class="ribbon abbr">{{ ribbon["abbr"] }}</p>
|
|
<p class="ribbon full-title">{{ ribbon["title"] }}</p>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
<figcaption>
|
|
<div class="col-md-8 col-xs-8 text-left">
|
|
<h2 class="name">{{ speaker.name }} <span>{{ speaker.surname }}</span></h2>
|
|
<div class="clearfix"></div>
|
|
<span class="position">{{ speaker.company }}</span>
|
|
</div>
|
|
{% for social in speaker.social %}
|
|
<a href="{{ social.link }}" target="_blank">
|
|
<svg class="icon icon-{{ social.name }}" viewBox="0 0 30 32">
|
|
<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-{{ social.name }}"></use>
|
|
</svg>
|
|
</a>
|
|
{% endfor %}
|
|
</figcaption>
|
|
<p class="bio">{{ speaker.bio | strip_html }}</p>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Speakers List 2 -->
|