Schedule page

This commit is contained in:
Oleh Zasadnyy 2014-08-15 00:27:17 +03:00
parent e7d34d963f
commit 5c8e326daa
67 changed files with 1384 additions and 11890 deletions

View file

@ -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 -->

View file

@ -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">

View file

@ -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>

View file

@ -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
View 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 -->

View file

@ -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 }}">&laquo; {{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 }} &raquo;</a>
{% endif %}

View file

@ -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
View 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 -->

View 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 -->

View file

@ -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 -->

View file

@ -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>

View file

@ -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">

View file

@ -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 -->

View file

@ -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>

View file

@ -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>