mirror of
https://github.com/medialab-prado/datamad2017.git
synced 2025-06-07 22:11:29 +02:00
Schedule page
This commit is contained in:
parent
e7d34d963f
commit
5c8e326daa
67 changed files with 1384 additions and 11890 deletions
|
@ -1,13 +0,0 @@
|
|||
<!-- Begin Top Section -->
|
||||
<section id="top-section">
|
||||
<div class="gradient-overlay"></div>
|
||||
|
||||
{% include navigation.html %}
|
||||
|
||||
<div class="jumbotron text-left">
|
||||
<div class="animated hiding" data-animation="fadeInLeft" data-delay="500">
|
||||
<h1>{{ page.title }}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Top Section -->
|
|
@ -6,9 +6,7 @@
|
|||
<div class="animated hiding" data-animation="fadeInDown" data-delay="500">
|
||||
<h1>GDG DevFest <span id="typeout-text"></span> 2014</h1>
|
||||
<p>{{site.eventDate}}</p>
|
||||
<span class="btn btn-primary waves-element waves-button waves-light waves-will-raise">
|
||||
<a href="{{ site.c4pUrl }}" target="_blank">Become a speaker</a>
|
||||
</span>
|
||||
<a href="{{ site.c4pUrl }}" class="btn btn-primary waves-effect waves-button waves-light waves-float" target="_blank">Become a speaker</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#about" class="explore animated hidden fadeInDown">
|
||||
|
|
|
@ -12,25 +12,21 @@
|
|||
</li>
|
||||
<li><a {% if page.permalink == '/blog/' %} class="current" {% endif %} href="{{ site.baseurl }}/blog/">Blog</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Schedule</a>
|
||||
</li> -->
|
||||
<li><a {% if page.permalink == '/schedul/e' %} class="current" {% endif %} href="{{ site.baseurl }}/schedule/">Schedule</a>
|
||||
</li>
|
||||
<li><a {% if page.permalink == '/speakers/' %} class="current" {% endif %} href="{{ site.baseurl }}/speakers/">Speakers</a>
|
||||
</li>
|
||||
<li><a {% if page.permalink == '/team/' %} class="current" {% endif %} href="{{ site.baseurl }}/team/">Team</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Hackathon</a>
|
||||
</li> -->
|
||||
<li><a {% if page.permalink == '/logistics/' %} class="current" {% endif %} href="{{ site.baseurl }}/logistics/">Logistics</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="bottom-navlinks" class="bottom-navlinks visible-xs">
|
||||
<!-- <li><a href="#">Buy tickets</a>
|
||||
</li> -->
|
||||
<li><a href="{{ site.c4pUrl }}" target="_blank">Become a speaker</a>
|
||||
</li>
|
||||
</ul>
|
||||
<span id="right-nav-button" class="right-nav-button right-nav-button-hidden btn btn-primary waves-element waves-button waves-light waves-will-raise pull-right hidden-xs hidden-sm">
|
||||
<a href="{{ site.c4pUrl }}" target="_blank">Become a speaker</a>
|
||||
</span>
|
||||
<a id="right-nav-button" href="{{ site.c4pUrl }}" class="right-nav-button right-nav-button-hidden btn btn-primary waves-effect waves-button waves-light waves-float pull-right hidden-xs hidden-sm" target="_blank">
|
||||
Become a speaker
|
||||
</a>
|
||||
</nav>
|
||||
</header>
|
|
@ -1,34 +1,20 @@
|
|||
<!-- Begin Organizers Section -->
|
||||
<section id="sponsors">
|
||||
<section id="organizers" class="organizers">
|
||||
<div class="content-wrapper">
|
||||
<div class="col-lg-10 col-lg-offset-1">
|
||||
<!-- <h3>Organizers</h3> -->
|
||||
<h5>Main organizer</h5>
|
||||
{% for organizer in site.data.organizers %}
|
||||
<h5>{{ organizer.group }}</h5>
|
||||
<ul class="list-inline">
|
||||
{% for element in organizer.elements %}
|
||||
<li>
|
||||
<a href="http://lviv.gdg.org.ua/" target="_blank">
|
||||
<img src="{{ site.baseurl }}/img/sponsors/gdg-lviv.svg" alt="Google Developers Group Lviv">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<h5>Co-organizers</h5>
|
||||
<ul class="list-inline">
|
||||
<li>
|
||||
<a href="http://kyiv.gdg.org.ua/" target="_blank">
|
||||
<img src="{{ site.baseurl }}/img/sponsors/gdg-kyiv.png" alt="Google Developers Group Kyiv">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://cherkassy.gdg.org.ua/" target="_blank">
|
||||
<img src="{{ site.baseurl }}/img/sponsors/gdg-cherkassy.png" alt="Google Developers Group Cherkassy">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://dnipro.gdg.org.ua/" target="_blank">
|
||||
<img src="{{ site.baseurl }}/img/sponsors/gdg-dnipropetrovsk.png" alt="Google Developers Group Dnipropetrovs'k">
|
||||
<a href="{{ element.link }}" target="_blank">
|
||||
<img src="{{ site.baseurl }}/img/organizers/{{ element.imageUrl }}" alt="{{ element.description }}">
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
34
_includes/partners.html
Normal file
34
_includes/partners.html
Normal file
|
@ -0,0 +1,34 @@
|
|||
<!-- Begin Sponsors Section -->
|
||||
<section id="partners" class="partners">
|
||||
<div class="content-wrapper">
|
||||
<div class="col-lg-10 col-lg-offset-1">
|
||||
{% for organizer in site.data.organizers %}
|
||||
<h3>{{ organizer.group }}</h3>
|
||||
<ul class="list-inline">
|
||||
{% for element in organizer.elements %}
|
||||
<li>
|
||||
<a href="{{ element.link }}" target="_blank">
|
||||
<img src="{{ site.baseurl }}/img/organizers/{{ element.imageUrl }}" title="{{ element.description }}" alt="{{ element.name }}">
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endfor %}
|
||||
<h3>Partners</h3>
|
||||
{% for partner in site.data.partners %}
|
||||
<h5>{{ partner.group }}</h5>
|
||||
<ul class="list-inline">
|
||||
{% for element in partner.elements %}
|
||||
<li>
|
||||
<a href="{{ element.link }}" target="_blank">
|
||||
<img src="{{ site.baseurl }}/img/partners/{{ element.imageUrl }}" title="{{ element.description }}" alt="{{ element.name }}">
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endfor %}
|
||||
<a href="{{ site.baseurl | append: site.c4sponsorsUrl }}" class="btn btn-primary waves-effect waves-button waves-light waves-float">Become a sponsor</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Sponsors Section -->
|
|
@ -42,13 +42,13 @@
|
|||
|
||||
<div class="post-body">{{ content }}</div>
|
||||
|
||||
<div id="page-navigation">
|
||||
<div class="left pull-left">
|
||||
<div id="page-navigation" class="page-navigation">
|
||||
<div class="next col-xs-6">
|
||||
{% if page.next.url %}
|
||||
<a href="{{page.next.url}}" title="{{page.next.title | strip_html }}">« {{page.next.title | strip_html | truncate: 15 }}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="right pull-right">
|
||||
<div class="previous col-xs-6">
|
||||
{% if page.previous.url %}
|
||||
<a href="{{page.previous.url}}" title="{{page.previous.title | strip_html }}">{{page.previous.title | strip_html | truncate: 15 }} »</a>
|
||||
{% endif %}
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
{% for speaker in site.data.speakers %}
|
||||
{% if speaker.rockstar %}
|
||||
<div id="rockstar-speaker-{{ speaker.id }}" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="{{ speaker.id }}" data-animation="fadeInUp" data-delay="500">
|
||||
<div class="rockstar-speaker-item">
|
||||
<div class="rockstar-speaker">
|
||||
<div class="flow-img img-circle rockstar-speaker-img" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"></div>
|
||||
<div class="name">{{ speaker.name }} {{ speaker.surname }}</div>
|
||||
<div class="sub">{{ speaker.company }}</div>
|
||||
|
@ -17,9 +17,9 @@
|
|||
{% endfor %}
|
||||
|
||||
<div class="clearfix"></div>
|
||||
<span class="waves-element waves-button waves-light bordered">
|
||||
<a href="{{ site.baseurl }}/speakers/" class="bottom-section-link">See all speakers</a>
|
||||
</span>
|
||||
<span class="bordered">
|
||||
<a href="{{ site.baseurl }}/speakers/" class="bottom-section-link waves-effect waves-button waves-light">See all speakers</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
67
_includes/schedule.html
Normal file
67
_includes/schedule.html
Normal file
|
@ -0,0 +1,67 @@
|
|||
<!-- Begin Schedule Section -->
|
||||
<section id="schedule" class="schedule">
|
||||
<div class="content-wrapper">
|
||||
{% for day in site.data.schedule %}
|
||||
<div class="schedule-table col-lg-8 col-md-10 col-md-offset-1">
|
||||
<h4 class="schedule-table-heading">{{ day.dateReadable }}</h4>
|
||||
<div class="timeslot stream-header stick-header">
|
||||
<div class="stream-header-label">Day {{ forloop.index }}</div>
|
||||
<div class="timeslot-elements flexbox-wrapper">
|
||||
{% for track in day.tracks %}
|
||||
{% assign trackColWidth = 12 | divided_by: forloop.length %}
|
||||
<div class="stream-header-slot col-md-{{ trackColWidth }} flexbox-item-height hidden-xs">
|
||||
<h5 class="stream-header-title">{{ track.title }}</h5>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="stream-header-slot col-xs-12 visible-xs">
|
||||
<h5 class="slot-detail stream-header-title"></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% for timeslot in day.timeslots %}
|
||||
<div class="timeslot" itemtype="http://schema.org/subEvent">
|
||||
<div class="timeslot-label">
|
||||
<time class="start-time" itemprop="startDate" datetime="{{ day.dateReadable }}T{{ timeslot.startTime }}">
|
||||
{% assign startTime = timeslot.startTime | split:":" %}
|
||||
{{ startTime[0] }}<span>{{ startTime[1] }}</span>
|
||||
</time>
|
||||
<time class="end-time" itemprop="endDate" datetime="{{ day.dateReadable }}T{{ timeslot.endTime }}">
|
||||
{% assign endTime = timeslot.endTime | split:":" %}
|
||||
{{ endTime[0] }}<span>{{ endTime[1] }}</span>
|
||||
</time>
|
||||
</div>
|
||||
<div class="timeslot-elements flexbox-wrapper">
|
||||
{% for slot in timeslot.slots %}
|
||||
{% assign slotColWidth = 12 | divided_by: forloop.length %}
|
||||
{% for session in site.data.sessions %}
|
||||
{% if slot == session.id %}
|
||||
<div class="slot col-md-{{ slotColWidth }} col-xs-12 flexbox-item-height" data-slot-detail="{{ session.track }}" data-toggle="modal" data-target="#sessionDetail-{{ session.id }}" style="border-top-color: {{ session.color }}">
|
||||
<div class="slot-content" style="border-right-color: {{ session.color }}">
|
||||
<h5 class="slot-title" itemprop="name">{{ session.title }}</h5>
|
||||
<span class="slot-language">{{session.language | upcase}}</span>
|
||||
<ul class="slot-speakers">
|
||||
{% for speaker in site.data.speakers %}
|
||||
{% for session_speaker in session.speakers %}
|
||||
{% if session_speaker == speaker.id %}
|
||||
<li itemprop="performer"><div class="speaker-img flow-img img-circle" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"></div>
|
||||
<p class="speaker-name">{{ speaker.name }} {{ speaker.surname }}
|
||||
<span class="speaker-position">{{ speaker.company }}</span>
|
||||
</p>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Schedule Section -->
|
61
_includes/session-modals.html
Normal file
61
_includes/session-modals.html
Normal file
|
@ -0,0 +1,61 @@
|
|||
<!-- Begin Speakers Modals -->
|
||||
<div class="modals" class="modals">
|
||||
{% for session in site.data.sessions %}
|
||||
<div class="modal fade text-left people-modal" id="sessionDetail-{{ session.id }}" tabindex="-1" role="dialog" aria-labelledby="sessionDetailLabel-{{ session.id }}" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<div class="close">
|
||||
<svg class="icon icon-cross" viewBox="0 0 32 32">
|
||||
<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-cross"></use>
|
||||
</svg>
|
||||
<div class="close-mask" data-dismiss="modal"></div>
|
||||
</div>
|
||||
<h4>{{ session.title }}</h4>
|
||||
<span class="theme-language"><span class="caption">Language: </span>{{session.language}}</span>
|
||||
<p class="theme-description">{{ session.description }}</p>
|
||||
<hr>
|
||||
<div class="people-details">
|
||||
{% for speaker in site.data.speakers %}
|
||||
{% for session_speaker in session.speakers %}
|
||||
{% if session_speaker == speaker.id %}
|
||||
<div class="row">
|
||||
<div class="col-md-2 col-sm-2">
|
||||
<div class="flow-img img-circle people-img" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"></div>
|
||||
</div>
|
||||
<div class="col-md-10 col-sm-10 details">
|
||||
<p class="name">{{ speaker.name }} {{ speaker.surname }}
|
||||
<span class="position">{{ speaker.title }}, {{ speaker.company }}</span>
|
||||
</p>
|
||||
{% if speaker.ribbon != null %}
|
||||
<div class="modal-ribbon-wrapper">
|
||||
{% for ribbon in speaker.ribbon %}
|
||||
<a class="modal-ribbon" href="ribbon["url"]" target="_blank">{{ ribbon["title"] }}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<p class="about">{{ speaker.bio }}</p>
|
||||
<ul class="social">
|
||||
{% for social in speaker.social %}
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<!-- End Speakers Modals -->
|
|
@ -4,8 +4,8 @@
|
|||
<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 waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-{{ speaker.id }}">
|
||||
<figure style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})">
|
||||
<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: site.thumbnailsFolder | append: speaker.thumbnailUrl }})">
|
||||
<div class="overlay solid-overlay"></div>
|
||||
{% if speaker.ribbon != null %}
|
||||
<ul class="ribbon-wrapper">
|
||||
|
@ -37,9 +37,7 @@
|
|||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<span class="btn btn-primary waves-element waves-button waves-light waves-will-raise" style="margin-top: 25px;">
|
||||
<a class="bottom-section-link" href="{{ site.c4pUrl }}" target="_blank">Become a speaker</a>
|
||||
</span>
|
||||
<a href="{{ site.c4pUrl }}" class="bottom-section-link btn btn-primary waves-effect waves-button waves-light waves-float" target="_blank">Become a speaker</a>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Speakers List 2 -->
|
|
@ -6,8 +6,8 @@
|
|||
{% 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">
|
||||
<div class="lily-head waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-{{ speaker.id }}">
|
||||
<figure style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})">
|
||||
<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: site.thumbnailsFolder | append: speaker.thumbnailUrl }})">
|
||||
<div class="overlay solid-overlay"></div>
|
||||
{% if speaker.ribbon != null %}
|
||||
<ul class="ribbon-wrapper">
|
||||
|
@ -47,10 +47,8 @@
|
|||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<span class="btn btn-primary waves-element waves-button waves-light waves-will-raise" style="margin-top: 25px;">
|
||||
<a class="bottom-section-link" href="{{ site.c4pUrl }}" target="_blank">Become a speaker</a>
|
||||
</span>
|
||||
</div>
|
||||
<a href="{{ site.c4pUrl }}" class="bottom-section-link btn btn-primary waves-effect waves-button waves-light waves-float" target="_blank">Become a speaker</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<!-- Begin Speakers Modals -->
|
||||
<div class="modals">
|
||||
<div class="modals" class="modals">
|
||||
{% for speaker in site.data.speakers %}
|
||||
{% if page.modal == "all" or (page.modal == 'team' and (speaker.team != null or speaker.subTeam != null)) %}
|
||||
<div class="modal fade text-left people-modal" id="speakerDetail-{{ speaker.id }}" tabindex="-1" role="dialog" aria-labelledby="speakerDetailLabel-{{ speaker.id }}" aria-hidden="true">
|
||||
|
|
|
@ -1,26 +0,0 @@
|
|||
<!-- Begin Sponsors Section -->
|
||||
<section id="sponsors" class="sponsors">
|
||||
<div class="content-wrapper">
|
||||
<div class="col-lg-10 col-lg-offset-1">
|
||||
<h3>Partners</h3>
|
||||
{% for partner in site.data.partners %}
|
||||
<h5>{{ partner.group }}</h5>
|
||||
<ul class="list-inline">
|
||||
{% for element in partner.elements %}
|
||||
<li>
|
||||
<a href="{{ element.link }}" target="_blank">
|
||||
<img src="{{ site.baseurl }}/img/partners/{{ element.imageUrl }}" alt="{{ element.description }}">
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endfor %}
|
||||
<a href="{{ site.baseurl | append: site.c4sponsorsUrl }}">
|
||||
<span class="btn btn-primary waves-element waves-button waves-light waves-will-raise">
|
||||
Become a sponsor
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Sponsors Section -->
|
|
@ -7,9 +7,9 @@
|
|||
<div id="mc_embed_signup" class="col-lg-8 col-sm-8 col-lg-offset-2 col-sm-offset-2">
|
||||
<form action="{{site.subscribeAction}}" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
|
||||
<div class="mc-field-group col-lg-9 col-sm-9 col-xs-12">
|
||||
<span class="email waves-element waves-button waves-light bordered">
|
||||
<input type="email" value="" name="EMAIL" class="required" id="mce-EMAIL" placeholder="your@email.com" autocomplete="off">
|
||||
</span>
|
||||
<i class="email bordered required waves-effect waves-light waves-input-wrapper">
|
||||
<input type="email" value="" name="EMAIL" class="waves-button-input" id="mce-EMAIL" placeholder="your@email.com" autocomplete="off">
|
||||
</i>
|
||||
</div>
|
||||
<div id="mce-responses" class="clear">
|
||||
<div class="response" id="mce-error-response" style="display:none"></div>
|
||||
|
@ -20,9 +20,9 @@
|
|||
<input type="text" name="b_9fc8aa205b0521b5f05fc8e1e_ae0fb459fc" tabindex="-1" value="">
|
||||
</div>
|
||||
<div class="mc-submit-group clear col-lg-3 col-sm-3 col-xs-12">
|
||||
<span class="button waves-element waves-button waves-light bordered">
|
||||
<input type="submit" value="Submit" name="subscribe" id="mc-embedded-subscribe">
|
||||
</span>
|
||||
<i class="button bordered required waves-effect waves-light waves-input-wrapper">
|
||||
<input type="submit" class="waves-button-input" value="Submit" name="subscribe" id="mc-embedded-subscribe">
|
||||
</i>
|
||||
</div>
|
||||
</form>
|
||||
<span class="subscribe-info">Registration will be open around end of August. Number of tickets are limited. Stay tuned!</span>
|
||||
|
|
|
@ -7,18 +7,18 @@
|
|||
</div>
|
||||
<div class="col-lg-10 col-lg-offset-1 text-center">
|
||||
<h4 class="text-left animated hiding appear-animation-trigger" data-animation="fadeInUp" data-delay="0">Organizers</h4>
|
||||
{% for speaker in site.data.team %} {% if speaker.team != null %}
|
||||
{% for teamMember in site.data.team %} {% if teamMember.team != null %}
|
||||
<div class="effect-wrapper col-md-4 col-sm-6 col-xs-12 cols-centered appear-animation">
|
||||
<div class="zoe-effect waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-{{ speaker.id }}">
|
||||
<figure style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})">
|
||||
<div class="zoe-effect" data-toggle="modal" data-target="#speakerDetail-{{ teamMember.id }}">
|
||||
<figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: teamMember.thumbnailUrl }})">
|
||||
<div class="overlay solid-overlay"></div>
|
||||
<figcaption>
|
||||
<div class="col-md-8 col-xs-8 text-left">
|
||||
<h2 class="name">{{ speaker.name }} <span>{{ speaker.surname }}</span></h2>
|
||||
<h2 class="name">{{ teamMember.name }} <span>{{ teamMember.surname }}</span></h2>
|
||||
<div class="clearfix"></div>
|
||||
<span class="position">{{ speaker.title }}</span>
|
||||
<span class="position">{{ teamMember.title }}</span>
|
||||
</div>
|
||||
{% for social in speaker.social %}
|
||||
{% for social in teamMember.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>
|
||||
|
@ -33,18 +33,18 @@
|
|||
</div>
|
||||
<div class="col-lg-10 col-lg-offset-1 text-center">
|
||||
<h4 class="text-left animated hiding appear-animation-trigger" data-animation="fadeInUp" data-delay="0">Program committee</h4>
|
||||
{% for speaker in site.data.team %} {% if speaker.subTeam != null %}
|
||||
{% for teamMember in site.data.team %} {% if teamMember.subTeam != null %}
|
||||
<div class="effect-wrapper col-md-4 col-sm-6 col-xs-12 cols-centered appear-animation">
|
||||
<div class="zoe-effect waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-{{ speaker.id }}">
|
||||
<figure class="flow-img" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})">
|
||||
<div class="zoe-effect" data-toggle="modal" data-target="#speakerDetail-{{ teamMember.id }}">
|
||||
<figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: teamMember.thumbnailUrl }})">
|
||||
<div class="overlay solid-overlay"></div>
|
||||
<figcaption>
|
||||
<div class="col-md-8 col-xs-8 text-left">
|
||||
<h2 class="name">{{ speaker.name }} <span>{{ speaker.surname }}</span></h2>
|
||||
<h2 class="name">{{ teamMember.name }} <span>{{ teamMember.surname }}</span></h2>
|
||||
<div class="clearfix"></div>
|
||||
<span class="position">{{ speaker.title }}</span>
|
||||
<span class="position">{{ teamMember.title }}</span>
|
||||
</div>
|
||||
{% for social in speaker.social %}
|
||||
{% for social in teamMember.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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue