datamad2017/_includes/speakers-list.html

57 lines
3.5 KiB
HTML
Raw Permalink Normal View History

2014-07-28 21:27:01 +02:00
<!-- Begin Speakers List-->
<section id="speakers" class="speakers">
2014-07-28 21:27:01 +02:00
<div class="content-wrapper">
<div class="col-lg-10 col-lg-offset-1">
<div class="row text-left appear-animation-trigger">
2014-07-28 21:27:01 +02:00
{% for speaker in site.data.speakers %}
<div class="effect-wrapper appear-animation col-md-4 col-sm-6 col-xs-12">
<div class="lily-effect ribbon-activator">
2014-08-14 23:27:17 +02:00
<div class="lily-head" 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>
2014-07-28 21:27:01 +02:00
{% if speaker.ribbon != null %}
<ul class="ribbon-wrapper">
2014-07-28 21:27:01 +02:00
{% 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>
2014-07-28 21:27:01 +02:00
</li>
{% endfor %}
</ul>
{% endif %}
{% if site.showSessions %}
<figcaption>
<h2 class="name">{{ speaker.name }} <span>{{ speaker.surname }}</span></h2>
<p class="position">{{ speaker.company }}</p>
</figcaption>
{% endif %}
</figure>
</div>
<div class="lily-bottom">
2014-07-28 21:27:01 +02:00
<ul class="slider">
{% assign sessionsNumber = 0 %}
2014-07-28 21:27:01 +02:00
{% if site.showSessions %}
{% for session in site.data.sessions %}
{% for session_speaker in session.speakers %}
{% if session_speaker == speaker.id %}
{% assign sessionsNumber = sessionsNumber | plus: 1 %}
2014-07-28 21:27:01 +02:00
<li class="title slider-item animated fadeInRight hidden">{{ session.title }}</li>
{% endif %}
{% endfor %}
{% endfor %}
{% else %}
<h2 class="name">{{ speaker.name }} <span>{{ speaker.surname }}</span></h2>
<p class="position">{{ speaker.company }}</p>
{% endif %}
</ul>
2015-03-04 09:24:35 +01:00
<a href="#" class="slider-next-item {% if sessionsNumber < 2 %}hidden{% endif %}">Next</a>
2014-07-28 21:27:01 +02:00
</div>
</div>
</div>
{% endfor %}
2014-08-14 23:27:17 +02:00
</div>
<a href="{{ site.c4pUrl }}" class="btn btn-primary waves-effect waves-button waves-light waves-float" target="_blank">Become a speaker</a>
2014-07-28 21:27:01 +02:00
</div>
</div>
</section>
<!-- End Speakers List -->