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

2
.gitignore vendored Normal file
View file

@ -0,0 +1,2 @@
_site
_sass/.sass-cache

View file

@ -60,7 +60,7 @@ And for prefixing css3 properties use [Autoprefixer](https://github.com/ai/autop
To watch changes in `.sass` files and compile it to the `.css` on a fly, run this command from `\_sass\` folder To watch changes in `.sass` files and compile it to the `.css` on a fly, run this command from `\_sass\` folder
```bash ```bash
compass watch compass watch -c config.rb -e production
``` ```
Learn more about Sass development from [documentation](https://github.com/gdg-x/zeppelin/wiki/Sass-development). Learn more about Sass development from [documentation](https://github.com/gdg-x/zeppelin/wiki/Sass-development).
@ -99,6 +99,7 @@ Quick-start guide is not enough? Checkout [full documentation](https://github.co
* [jquery.appear](https://github.com/bas2k/jquery.appear) * [jquery.appear](https://github.com/bas2k/jquery.appear)
* [jQuery countTo Plugin](https://github.com/mhuggins/jquery-countTo) * [jQuery countTo Plugin](https://github.com/mhuggins/jquery-countTo)
* [Typed.js](https://github.com/mattboldt/typed.js) * [Typed.js](https://github.com/mattboldt/typed.js)
* [Sticky-kit](https://github.com/leafo/sticky-kit)
### Who is using template? ### Who is using template?
Going to use template? Go on! The only thing we ask - let us know at [*lviv@gdg.org.ua*](mailto:lviv@gdg.org.ua) so we can include you to this list, or make a pull request. Going to use template? Go on! The only thing we ask - let us know at [*lviv@gdg.org.ua*](mailto:lviv@gdg.org.ua) so we can include you to this list, or make a pull request.

View file

@ -17,9 +17,9 @@ googleAnalyticsSiteUrl: "gdg-x.github.io"
# Location block # Location block
eventLocationName: "Conference Hall" eventLocationName: "Conference Hall"
eventLocationAddress: "22 Teatral'na St, Lviv" eventLocationAddress: "22 Teatral'na St, Lviv"
eventStartTime: "2014-10-18T10:00" eventStartTime: "2014-10-24T10:00"
eventStartTimeHumanReadable: "10:00" eventStartTimeHumanReadable: "10:00"
eventEndTime: "2014-10-18T20:00" eventEndTime: "2014-10-24T20:00"
eventEndTimeHumanReadable: "20:00" eventEndTimeHumanReadable: "20:00"
eventPlaceCoordinates: "49.843237,24.028751" eventPlaceCoordinates: "49.843237,24.028751"
mapCenterCoordinates: "49.842537,24.025701" mapCenterCoordinates: "49.842537,24.025701"

10
_data/organizers.yml Normal file
View file

@ -0,0 +1,10 @@
-
group: 'Main organizer'
elements:
- {name: 'GDG Lviv', description: 'GDG Lviv - Open and volunteer geek community', link: 'http://lviv.gdg.org.ua', imageUrl: 'gdg-lviv.svg'}
-
group: 'Co-organizers'
elements:
- {name: 'GDG Lviv', description: 'GDG Kyiv - Open and volunteer geek community', link: 'http://kyiv.gdg.org.ua', imageUrl: 'gdg-kyiv.png'}
- {name: 'GDG Cherkassy', description: 'GDG Cherkassy - Open and volunteer geek community', link: 'http://cherkassy.gdg.org.ua', imageUrl: 'gdg-cherkassy.png'}
- {name: 'GDG Dnipropetrovsk', description: 'GDG Dnipropetrovsk - Open and volunteer geek community', link: 'http://dnipro.gdg.org.ua', imageUrl: 'gdg-dnipropetrovsk.png'}

46
_data/schedule.yml Normal file
View file

@ -0,0 +1,46 @@
-
date: "2014-10-24"
dateReadable: "October 24"
tracks:
- {title: "Android"}
- {title: "Web & Cloud"}
- {title: "Community"}
timeslots:
- {
startTime: "09:00",
endTime: "10:00",
slots: [001]
}
- {
startTime: "10:00",
endTime: "10:45",
slots: [002, 003, 004]
}
- {
startTime: "11:00",
endTime: "11:45",
slots: [003, 004]
}
-
date: "2014-10-25"
dateReadable: "October 25"
tracks:
- {title: "Android"}
- {title: "Web & Cloud"}
- {title: "Community"}
timeslots:
- {
startTime: "10:00",
endTime: "10:45",
slots: [001, 002, 003]
}
- {
startTime: "11:00",
endTime: "11:45",
slots: [002, 003]
}
- {
startTime: "13:00",
endTime: "13:45",
slots: [003]
}

View file

@ -2,49 +2,44 @@
id: 001 id: 001
title: "Material design: Visual style and imagery" title: "Material design: Visual style and imagery"
description: "This session will reveal the invisible structures behind the material design system. Designers will show how to use the new color systems, typographic strategies, and the underlying grids that hold it together. They will show how imagery and the new framework material rendering can make apps more interesting and communicate more quickly." description: "This session will reveal the invisible structures behind the material design system. Designers will show how to use the new color systems, typographic strategies, and the underlying grids that hold it together. They will show how imagery and the new framework material rendering can make apps more interesting and communicate more quickly."
track: android track: "Android"
subtype: workshop subtype: workshop
speakers: [3] speakers: [3]
startTimeStamp: 1382774400
endTimestamp: 1382796000
language: en language: en
color: "#90be4e"
- -
id: 002 id: 002
title: "Building Cloud-powered wearable Apps" title: "Building Cloud-powered wearable Apps"
description: "Android wear extends the Android platform to a new generation of wearable devices. The user experience is designed specifically for wearables. In this session youll see how to use the Android Wear SDK to build a connected cloud-powered application. Using Android Studio and its cloud extensions, youll see how to build an app that listens for changes in stock prices, and notifies a wearable device. Youll also see how to use voice controls on the device to trigger interactions with the app, such as buying or selling the stock after a notification. Call to action: Get the SDK and start building apps today!" description: "Android wear extends the Android platform to a new generation of wearable devices. The user experience is designed specifically for wearables. In this session youll see how to use the Android Wear SDK to build a connected cloud-powered application. Using Android Studio and its cloud extensions, youll see how to build an app that listens for changes in stock prices, and notifies a wearable device. Youll also see how to use voice controls on the device to trigger interactions with the app, such as buying or selling the stock after a notification. Call to action: Get the SDK and start building apps today!"
track: cloud track: "Web & Cloud"
subtype: presentation subtype: presentation
speakers: [4, 5] speakers: [4, 5]
startTimeStamp: 1382774400
endTimestamp: 1382796000
language: en language: en
color: "#03a9f4"
- -
id: 003 id: 003
title: "The world is your playground - go global with Google" title: "The world is your playground - go global with Google"
description: "More than ever before, developing for global audience is a necessity than a luxury in today's world. Are you ready ... where to start? what does it entail? how do I do it? how to promote in local markets? This talk will address above questions for android, chrome and web developers. In our journey of the where, what and how, we will take an in-depth look at various internationalization and localization tools & strategies available to you." description: "More than ever before, developing for global audience is a necessity than a luxury in today's world. Are you ready ... where to start? what does it entail? how do I do it? how to promote in local markets? This talk will address above questions for android, chrome and web developers. In our journey of the where, what and how, we will take an in-depth look at various internationalization and localization tools & strategies available to you."
track: android track: "Community"
subtype: presentation subtype: presentation
speakers: [4] speakers: [4]
startTimeStamp: 1382774400
endTimestamp: 1382796000
language: en language: en
color: "#e91e63"
- -
id: 004 id: 004
title: "Polymer: Interacting with Google Services using nothing but HTML" title: "Polymer: Interacting with Google Services using nothing but HTML"
description: "Google has 1M APIs and services. Every API is different! Learn how you can interact with Google services without writing code! Designing your UI so it works across multiple screen sizes is no longer a nice to have, it is *the* way to build for the web. Using Polymer, we'll cover how to create robust, responsive elements that work across all platforms." description: "Google has 1M APIs and services. Every API is different! Learn how you can interact with Google services without writing code! Designing your UI so it works across multiple screen sizes is no longer a nice to have, it is *the* way to build for the web. Using Polymer, we'll cover how to create robust, responsive elements that work across all platforms."
track: web track: "Web & Cloud"
subtype: keynote subtype: keynote
speakers: [6] speakers: [6]
startTimeStamp: 1382774400
endTimestamp: 1382796000
language: uk language: uk
color: "#03a9f4"
- -
id: 005 id: 005
title: "Test: Interacting with Google Services using nothing but HTML" title: "Test: Interacting with Google Services using nothing but HTML"
description: "Google has 1M APIs and services. Every API is different! Learn how you can interact with Google services without writing code! Designing your UI so it works across multiple screen sizes is no longer a nice to have, it is *the* way to build for the web. Using Polymer, we'll cover how to create robust, responsive elements that work across all platforms." description: "Google has 1M APIs and services. Every API is different! Learn how you can interact with Google services without writing code! Designing your UI so it works across multiple screen sizes is no longer a nice to have, it is *the* way to build for the web. Using Polymer, we'll cover how to create robust, responsive elements that work across all platforms."
track: web track: "Web & Cloud"
subtype: keynote subtype: keynote
speakers: [7] speakers: [7]
startTimeStamp: 1382774400
endTimestamp: 1382796000
language: en language: en
color: "#03a9f4"

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"> <div class="animated hiding" data-animation="fadeInDown" data-delay="500">
<h1>GDG DevFest <span id="typeout-text"></span> 2014</h1> <h1>GDG DevFest <span id="typeout-text"></span> 2014</h1>
<p>{{site.eventDate}}</p> <p>{{site.eventDate}}</p>
<span class="btn btn-primary waves-element waves-button waves-light waves-will-raise"> <a href="{{ site.c4pUrl }}" class="btn btn-primary waves-effect waves-button waves-light waves-float" target="_blank">Become a speaker</a>
<a href="{{ site.c4pUrl }}" target="_blank">Become a speaker</a>
</span>
</div> </div>
</div> </div>
<a href="#about" class="explore animated hidden fadeInDown"> <a href="#about" class="explore animated hidden fadeInDown">

View file

@ -12,25 +12,21 @@
</li> </li>
<li><a {% if page.permalink == '/blog/' %} class="current" {% endif %} href="{{ site.baseurl }}/blog/">Blog</a> <li><a {% if page.permalink == '/blog/' %} class="current" {% endif %} href="{{ site.baseurl }}/blog/">Blog</a>
</li> </li>
<!-- <li><a href="#">Schedule</a> <li><a {% if page.permalink == '/schedul/e' %} class="current" {% endif %} href="{{ site.baseurl }}/schedule/">Schedule</a>
</li> --> </li>
<li><a {% if page.permalink == '/speakers/' %} class="current" {% endif %} href="{{ site.baseurl }}/speakers/">Speakers</a> <li><a {% if page.permalink == '/speakers/' %} class="current" {% endif %} href="{{ site.baseurl }}/speakers/">Speakers</a>
</li> </li>
<li><a {% if page.permalink == '/team/' %} class="current" {% endif %} href="{{ site.baseurl }}/team/">Team</a> <li><a {% if page.permalink == '/team/' %} class="current" {% endif %} href="{{ site.baseurl }}/team/">Team</a>
</li> </li>
<!-- <li><a href="#">Hackathon</a>
</li> -->
<li><a {% if page.permalink == '/logistics/' %} class="current" {% endif %} href="{{ site.baseurl }}/logistics/">Logistics</a> <li><a {% if page.permalink == '/logistics/' %} class="current" {% endif %} href="{{ site.baseurl }}/logistics/">Logistics</a>
</li> </li>
</ul> </ul>
<ul id="bottom-navlinks" class="bottom-navlinks visible-xs"> <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><a href="{{ site.c4pUrl }}" target="_blank">Become a speaker</a>
</li> </li>
</ul> </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 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">
<a href="{{ site.c4pUrl }}" target="_blank">Become a speaker</a> Become a speaker
</span> </a>
</nav> </nav>
</header> </header>

View file

@ -1,34 +1,20 @@
<!-- Begin Organizers Section --> <!-- Begin Organizers Section -->
<section id="sponsors"> <section id="organizers" class="organizers">
<div class="content-wrapper"> <div class="content-wrapper">
<div class="col-lg-10 col-lg-offset-1"> <div class="col-lg-10 col-lg-offset-1">
<!-- <h3>Organizers</h3> --> <!-- <h3>Organizers</h3> -->
<h5>Main organizer</h5> {% for organizer in site.data.organizers %}
<h5>{{ organizer.group }}</h5>
<ul class="list-inline"> <ul class="list-inline">
{% for element in organizer.elements %}
<li> <li>
<a href="http://lviv.gdg.org.ua/" target="_blank"> <a href="{{ element.link }}" target="_blank">
<img src="{{ site.baseurl }}/img/sponsors/gdg-lviv.svg" alt="Google Developers Group Lviv"> <img src="{{ site.baseurl }}/img/organizers/{{ element.imageUrl }}" alt="{{ element.description }}">
</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> </a>
</li> </li>
{% endfor %}
</ul> </ul>
{% endfor %}
</div> </div>
</div> </div>
</section> </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 class="post-body">{{ content }}</div>
<div id="page-navigation"> <div id="page-navigation" class="page-navigation">
<div class="left pull-left"> <div class="next col-xs-6">
{% if page.next.url %} {% if page.next.url %}
<a href="{{page.next.url}}" title="{{page.next.title | strip_html }}">&laquo; {{page.next.title | strip_html | truncate: 15 }}</a> <a href="{{page.next.url}}" title="{{page.next.title | strip_html }}">&laquo; {{page.next.title | strip_html | truncate: 15 }}</a>
{% endif %} {% endif %}
</div> </div>
<div class="right pull-right"> <div class="previous col-xs-6">
{% if page.previous.url %} {% if page.previous.url %}
<a href="{{page.previous.url}}" title="{{page.previous.title | strip_html }}">{{page.previous.title | strip_html | truncate: 15 }} &raquo;</a> <a href="{{page.previous.url}}" title="{{page.previous.title | strip_html }}">{{page.previous.title | strip_html | truncate: 15 }} &raquo;</a>
{% endif %} {% endif %}

View file

@ -7,7 +7,7 @@
{% for speaker in site.data.speakers %} {% for speaker in site.data.speakers %}
{% if speaker.rockstar %} {% 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 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="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="name">{{ speaker.name }} {{ speaker.surname }}</div>
<div class="sub">{{ speaker.company }}</div> <div class="sub">{{ speaker.company }}</div>
@ -17,8 +17,8 @@
{% endfor %} {% endfor %}
<div class="clearfix"></div> <div class="clearfix"></div>
<span class="waves-element waves-button waves-light bordered"> <span class="bordered">
<a href="{{ site.baseurl }}/speakers/" class="bottom-section-link">See all speakers</a> <a href="{{ site.baseurl }}/speakers/" class="bottom-section-link waves-effect waves-button waves-light">See all speakers</a>
</span> </span>
</div> </div>
</div> </div>

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"> <div class="col-lg-10 col-lg-offset-1 appear-animation-trigger">
{% for speaker in site.data.speakers %} {% for speaker in site.data.speakers %}
<div class="effect-wrapper col-md-4 col-sm-6 col-xs-12 appear-animation"> <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 }}"> <div class="zoe-effect ribbon-activator" data-toggle="modal" data-target="#speakerDetail-{{ speaker.id }}">
<figure style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"> <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> <div class="overlay solid-overlay"></div>
{% if speaker.ribbon != null %} {% if speaker.ribbon != null %}
<ul class="ribbon-wrapper"> <ul class="ribbon-wrapper">
@ -37,9 +37,7 @@
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
<span class="btn btn-primary waves-element waves-button waves-light waves-will-raise" style="margin-top: 25px;"> <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>
<a class="bottom-section-link" href="{{ site.c4pUrl }}" target="_blank">Become a speaker</a>
</span>
</div> </div>
</section> </section>
<!-- End Speakers List 2 --> <!-- End Speakers List 2 -->

View file

@ -6,8 +6,8 @@
{% for speaker in site.data.speakers %} {% for speaker in site.data.speakers %}
<div class="effect-wrapper appear-animation col-md-4 col-sm-6 col-xs-12"> <div class="effect-wrapper appear-animation col-md-4 col-sm-6 col-xs-12">
<div class="lily-effect ribbon-activator"> <div class="lily-effect ribbon-activator">
<div class="lily-head waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-{{ speaker.id }}"> <div class="lily-head" data-toggle="modal" data-target="#speakerDetail-{{ speaker.id }}">
<figure style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"> <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> <div class="overlay solid-overlay"></div>
{% if speaker.ribbon != null %} {% if speaker.ribbon != null %}
<ul class="ribbon-wrapper"> <ul class="ribbon-wrapper">
@ -48,9 +48,7 @@
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
<span class="btn btn-primary waves-element waves-button waves-light waves-will-raise" style="margin-top: 25px;"> <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>
<a class="bottom-section-link" href="{{ site.c4pUrl }}" target="_blank">Become a speaker</a>
</span>
</div> </div>
</div> </div>
</section> </section>

View file

@ -1,5 +1,5 @@
<!-- Begin Speakers Modals --> <!-- Begin Speakers Modals -->
<div class="modals"> <div class="modals" class="modals">
{% for speaker in site.data.speakers %} {% for speaker in site.data.speakers %}
{% if page.modal == "all" or (page.modal == 'team' and (speaker.team != null or speaker.subTeam != null)) %} {% 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"> <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"> <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> <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"> <div class="mc-field-group col-lg-9 col-sm-9 col-xs-12">
<span class="email waves-element waves-button waves-light bordered"> <i class="email bordered required waves-effect waves-light waves-input-wrapper">
<input type="email" value="" name="EMAIL" class="required" id="mce-EMAIL" placeholder="your@email.com" autocomplete="off"> <input type="email" value="" name="EMAIL" class="waves-button-input" id="mce-EMAIL" placeholder="your@email.com" autocomplete="off">
</span> </i>
</div> </div>
<div id="mce-responses" class="clear"> <div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div> <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=""> <input type="text" name="b_9fc8aa205b0521b5f05fc8e1e_ae0fb459fc" tabindex="-1" value="">
</div> </div>
<div class="mc-submit-group clear col-lg-3 col-sm-3 col-xs-12"> <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"> <i class="button bordered required waves-effect waves-light waves-input-wrapper">
<input type="submit" value="Submit" name="subscribe" id="mc-embedded-subscribe"> <input type="submit" class="waves-button-input" value="Submit" name="subscribe" id="mc-embedded-subscribe">
</span> </i>
</div> </div>
</form> </form>
<span class="subscribe-info">Registration will be open around end of August. Number of tickets are limited. Stay tuned!</span> <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>
<div class="col-lg-10 col-lg-offset-1 text-center"> <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> <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="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 }}"> <div class="zoe-effect" data-toggle="modal" data-target="#speakerDetail-{{ teamMember.id }}">
<figure style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"> <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> <div class="overlay solid-overlay"></div>
<figcaption> <figcaption>
<div class="col-md-8 col-xs-8 text-left"> <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> <div class="clearfix"></div>
<span class="position">{{ speaker.title }}</span> <span class="position">{{ teamMember.title }}</span>
</div> </div>
{% for social in speaker.social %} {% for social in teamMember.social %}
<a href="{{ social["link"] }}" target="_blank"> <a href="{{ social["link"] }}" target="_blank">
<svg class="icon icon-{{ social["name"] }}" viewBox="0 0 30 32"> <svg class="icon icon-{{ social["name"] }}" viewBox="0 0 30 32">
<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-{{ social["name"] }}"></use> <use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-{{ social["name"] }}"></use>
@ -33,18 +33,18 @@
</div> </div>
<div class="col-lg-10 col-lg-offset-1 text-center"> <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> <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="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 }}"> <div class="zoe-effect" data-toggle="modal" data-target="#speakerDetail-{{ teamMember.id }}">
<figure class="flow-img" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"> <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> <div class="overlay solid-overlay"></div>
<figcaption> <figcaption>
<div class="col-md-8 col-xs-8 text-left"> <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> <div class="clearfix"></div>
<span class="position">{{ speaker.title }}</span> <span class="position">{{ teamMember.title }}</span>
</div> </div>
{% for social in speaker.social %} {% for social in teamMember.social %}
<a href="{{ social["link"] }}" target="_blank"> <a href="{{ social["link"] }}" target="_blank">
<svg class="icon icon-{{ social["name"] }}" viewBox="0 0 30 32"> <svg class="icon icon-{{ social["name"] }}" viewBox="0 0 30 32">
<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-{{ social["name"] }}"></use> <use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-{{ social["name"] }}"></use>

View file

@ -24,6 +24,10 @@
{% include speakers-modals.html %} {% include speakers-modals.html %}
{% endif %} {% endif %}
{% if page.permalink == '/schedule/' %}
{% include session-modals.html %}
{% endif %}
{% include analytics.html %} {% include analytics.html %}
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script> <script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
@ -40,7 +44,19 @@
</script> </script>
<script src="{{ "/js/jquery.appear.min.js" | prepend: site.baseurl }}"></script> <script src="{{ "/js/jquery.appear.min.js" | prepend: site.baseurl }}"></script>
<script src="{{ "/js/waves.min.js" | prepend: site.baseurl }}"></script> <script src="{{ "/js/waves.min.js" | prepend: site.baseurl }}"></script>
<script src="{{ "/js/scripts.min.js" | prepend: site.baseurl }}"></script> <script>Waves.displayEffect();</script>
<script src="{{ "/js/scripts.js" | prepend: site.baseurl }}"></script>
{% if page.permalink == '/schedule/' %}
<script src="{{ "/js/jquery.sticky-kit.min.js" | prepend: site.baseurl }}"></script>
<script type="text/javascript">
$(document).ready(function () {
var navHeight = $('#top-header').height();
var headerHeight = $('.stream-header').first().height();
$('.stick-header').stick_in_parent({sticky_class: 'sticky', offset_top: navHeight});
$('.stick-label').stick_in_parent({offset_top: navHeight + headerHeight});
});
</script>
{% endif %}
</body> </body>
</html> </html>

View file

@ -49,6 +49,7 @@
var twitterFeedUrl = '{{ site.twitterFeed }}'; var twitterFeedUrl = '{{ site.twitterFeed }}';
$(document).ready(function () { $(document).ready(function () {
Waves.displayEffect();
$(function () { $(function () {
$("#typeout-text").typed({ $("#typeout-text").typed({
strings: [{{site.typeoutTextValues}}], strings: [{{site.typeoutTextValues}}],

View file

@ -40,6 +40,7 @@
var centerMap = new google.maps.LatLng({{site.logisticsMapCenterCoordinates}}); var centerMap = new google.maps.LatLng({{site.logisticsMapCenterCoordinates}});
var mobileCenterMap = new google.maps.LatLng({{site.logisticsMapMobileCenterCoordinates}}); var mobileCenterMap = new google.maps.LatLng({{site.logisticsMapMobileCenterCoordinates}});
var icon = '{{ site.baseurl }}/img/svg/map-marker.svg'; var icon = '{{ site.baseurl }}/img/svg/map-marker.svg';
Waves.displayEffect();
</script> </script>
<script src="{{ "/js/scripts.min.js" | prepend: site.baseurl }}"></script> <script src="{{ "/js/scripts.min.js" | prepend: site.baseurl }}"></script>
</body> </body>

View file

@ -37,6 +37,7 @@
</script> </script>
<script src="{{ "/js/jquery.appear.min.js" | prepend: site.baseurl }}"></script> <script src="{{ "/js/jquery.appear.min.js" | prepend: site.baseurl }}"></script>
<script src="{{ "/js/waves.min.js" | prepend: site.baseurl }}"></script> <script src="{{ "/js/waves.min.js" | prepend: site.baseurl }}"></script>
<script>Waves.displayEffect();</script>
<script src="{{ "/js/scripts.min.js" | prepend: site.baseurl }}"></script> <script src="{{ "/js/scripts.min.js" | prepend: site.baseurl }}"></script>
</body> </body>

View file

@ -1,5 +1,6 @@
require 'sass-media_query_combiner' require 'sass-media_query_combiner'
require 'autoprefixer-rails' require 'autoprefixer-rails'
require "./remove-all-comments-monkey-patch"
on_stylesheet_saved do |file| on_stylesheet_saved do |file|
css = File.read(file) css = File.read(file)
@ -13,7 +14,31 @@ css_dir = "../css"
sass_dir = "./" sass_dir = "./"
images_dir = "../img" images_dir = "../img"
javascripts_dir = "../js" javascripts_dir = "../js"
output_style = :expanded
relative_assets = true if environment == :development
line_comments = false line_comments = true
sourcemap = true relative_assets = true
output_style = :expanded
end
if environment == :production
line_comments = false
relative_assets = true
output_style = :compressed
require 'fileutils'
on_stylesheet_saved do |file|
if File.exists?(file)
filename = File.basename(file, File.extname(file))
File.rename(file, "../css" + "/" + filename + ".min" + File.extname(file))
end
end
end
# Remove multiline comments - monkey patch
class Sass::Tree::Visitors::Perform < Sass::Tree::Visitors::Base
# Removes all comments completely
def visit_comment(node)
return []
end
end

View file

@ -24,7 +24,7 @@
@import "partials/location-map"; @import "partials/location-map";
@import "partials/venue"; @import "partials/venue";
@import "partials/twitter-feed"; @import "partials/twitter-feed";
@import "partials/sponsors"; @import "partials/partners";
@import "partials/subscribe"; @import "partials/subscribe";
@import "partials/footer"; @import "partials/footer";
@import "partials/blog"; @import "partials/blog";
@ -35,3 +35,4 @@
@import "partials/lily-effect"; @import "partials/lily-effect";
@import "partials/ribbon"; @import "partials/ribbon";
@import "partials/modal"; @import "partials/modal";
@import "partials/schedule";

View file

@ -29,3 +29,27 @@
color: lighten($color, $link-lighten-amount); color: lighten($color, $link-lighten-amount);
} }
} }
@mixin flexbox() {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@mixin flex($values) {
-webkit-box-flex: $values;
-moz-box-flex: $values;
-webkit-flex: $values;
-ms-flex: $values;
flex: $values;
}
@mixin order($val) {
-webkit-box-ordinal-group: $val;
-moz-box-ordinal-group: $val;
-ms-flex-order: $val;
-webkit-order: $val;
order: $val;
}

View file

@ -1,20 +1,18 @@
.waves-button { .waves-button {
padding: 5px 18px 7px; color: #fff;
border-radius: 3px; &:hover, &:link, &:visited, .waves-button-input {
a, a:hover, a:visited, a:link, button, input[type='submit'], input[type='button'] { color: #fff;
position: relative;
z-index: 9;
} }
} }
.btn { .btn {
font-weight: $bold; font-weight: $bold;
transition: all .28s cubic-bezier(.4, 0, .2, 1); transition: $base-cubic-transition;
} }
.btn-primary { .btn-primary {
user-select: none; user-select: none;
text-transform: uppercase; text-transform: uppercase;
border: 0; border: 0;
background: $primary-color; background: $primary-color !important;
&:hover, &:focus, &:active, &.active { &:hover, &:focus, &:active, &.active {
outline: none; outline: none;
background: $primary-color-hover; background: $primary-color-hover;

View file

@ -1,5 +1,5 @@
@include web-fonts(($fixed-font-family: ($light,$regular,$bold))); @include web-fonts(($fixed-font-family:($light, $regular, $bold)));
body, html { body, html {
font-family: $fixed-font-family, $base-font-family; font-family: $fixed-font-family, $base-font-family;
font-size: $base-font-size; font-size: $base-font-size;
font-weight: $regular; font-weight: $regular;
@ -27,6 +27,9 @@ p {
font-weight: 300; font-weight: 300;
line-height: $base-line-height; line-height: $base-line-height;
} }
i {
font-style: normal;
}
b, strong { b, strong {
font-weight: $bold; font-weight: $bold;
} }
@ -76,6 +79,9 @@ h6 {
font-size: $h6-font-size * 80 / 100; font-size: $h6-font-size * 80 / 100;
} }
} }
time {
display: block;
}
.content-wrapper { .content-wrapper {
position: relative; position: relative;
z-index: 1; z-index: 1;
@ -120,157 +126,110 @@ h6 {
background-color: #fff; background-color: #fff;
} }
.loader-gplus { .loader-gplus {
display: inline-block;
position: absolute; position: absolute;
top: calc(50% - 20px); top: calc(50% - 20px);
left: calc(50% - 20px); left: calc(50% - 20px);
width: 40px; width: 40px;
height: 40px; height: 40px;
animation: rotate 2.4s linear infinite; overflow: hidden;
border-radius: 20px; border-radius: 20px;
&:before, &:after { animation: base 3s steps(1) 0s infinite;
&::before, &::after {
content: ' ';
display: block;
width: 50%;
height: 100%;
overflow: hidden;
position: absolute; position: absolute;
top: 0;
left: 50%;
z-index: 1;
border-radius: 0 20px 20px 0;
transform-origin: 0 50%;
}
&::before {
z-index: 2; z-index: 2;
right: 0; transform-style: preserve-3d;
width: 40px; animation: flip 3s linear 0s infinite;
height: 20px;
content: '';
animation: color-switch 2.4s linear infinite;
border-radius: 40px 40px 0 0;
} }
&:after { &::after {
transform-origin: 0 100%; animation: reveal 3s steps(1) 0s infinite;
animation-name: unfold, color-shift;
animation-duration: .6s, 2.4s;
animation-timing-function: linear, linear;
animation-iteration-count: infinite, infinite;
} }
} }
@keyframes rotate { @keyframes base {
0.0001% { 0% {
-webkit-transform: rotateZ(0deg); transform: rotate(0deg);
transform: rotateZ(0deg); background-color: #21aa29;
background-color: rgb(58, 123, 247);
} }
25% { 25% {
-webkit-transform: rotateZ(0deg); transform: rotate(90deg);
transform: rotateZ(0deg); background-color: #2159d6;
background-color: rgb(58, 123, 247);
}
25.0001% {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
background-color: rgb(222, 74, 66);
} }
50% { 50% {
-webkit-transform: rotateZ(90deg); transform: rotate(180deg);
transform: rotateZ(90deg); background-color: #d62408;
background-color: rgb(222, 74, 66);
}
50.0001% {
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
background-color: rgb(255, 214, 74);
} }
75% { 75% {
-webkit-transform: rotateZ(180deg); transform: rotate(270deg);
transform: rotateZ(180deg); background-color: #ffcf00;
background-color: rgb(255, 214, 74);
}
75.0001% {
-webkit-transform: rotateZ(270deg);
transform: rotateZ(270deg);
background-color: rgb(33, 173, 100);
} }
100% { 100% {
-webkit-transform: rotateZ(270deg); transform: rotate(360deg);
transform: rotateZ(270deg); background-color: #21aa29;
background-color: rgb(33, 173, 100);
} }
} }
@keyframes unfold { @keyframes reveal {
to { 0% {
-webkit-transform: rotateX(180deg) rotateZ(0deg); background-color: #2159d6;
transform: rotateX(180deg) rotateZ(0deg); transform: rotate(0deg);
}
}
@keyframes color-switch {
0.0001% {
background-color: rgb(222, 74, 66);
} }
25% { 25% {
background-color: rgb(222, 74, 66); background-color: #d62408;
} transform: rotate(180deg);
25.0001% {
background-color: rgb(255, 214, 74);
} }
50% { 50% {
background-color: rgb(255, 214, 74); background-color: #ffcf00;
} transform: rotate(0deg);
50.0001% {
background-color: rgb(33, 173, 100);
} }
75% { 75% {
background-color: rgb(33, 173, 100); background-color: #21aa29;
} transform: rotate(180deg);
75.0001% {
background-color: rgb(58, 123, 247);
} }
100% { 100% {
background-color: rgb(58, 123, 247); background-color: #2159d6;
transform: rotate(0deg);
} }
} }
@keyframes color-shift { @keyframes flip {
0.0001% { 0% {
border-bottom: 1px solid rgb(58, 123, 247); background-color: #21aa29;
background-color: rgb(58, 123, 247); transform: rotateY(0deg);
} }
12.5% { 12.5%, 87.56% {
border-bottom: 1px solid rgb(45, 105, 200); background-color: #105514;
background-color: rgb(40, 95, 195);
} }
12.5001% { 12.51%, 37.5% {
border-bottom: 1px solid rgb(232, 120, 115); background-color: #102c6b;
background-color: rgb(232, 120, 115);
} }
25% { 25% {
border-bottom: 1px solid rgb(222, 74, 66); background-color: #2159d6;
background-color: rgb(222, 74, 66);
} }
37.5% { 37.51%, 62.5% {
border-bottom: 1px solid rgb(230, 107, 99); background-color: #6b1204;
background-color: rgb(230, 107, 99);
}
37.5001% {
border-bottom: 1px solid rgb(255, 222, 123);
background-color: rgb(255, 222, 123);
} }
50% { 50% {
border-bottom: 1px solid rgb(255, 214, 90); background-color: #d62408;
background-color: rgb(255, 214, 90);
} }
62.5% { 62.51%, 87.5% {
border-bottom: 1px solid rgb(255, 222, 123); background-color: #7f6700;
background-color: rgb(255, 222, 123);
} }
62.5001% { 75%, 78% {
border-bottom: 1px solid rgb(25, 140, 74); background-color: #ffcf00;
background-color: rgb(25, 140, 74);
}
75% {
border-bottom: 1px solid rgb(33, 173, 100);
background-color: rgb(33, 173, 100);
}
87.5% {
border-bottom: 1px solid rgb(82, 189, 132);
background-color: rgb(82, 189, 132);
}
87.5001% {
border-bottom: 1px solid rgb(82, 148, 247);
background-color: rgb(82, 148, 247);
} }
100% { 100% {
border-bottom: 1px solid rgb(58, 123, 247); background-color: #21aa29;
background-color: rgb(58, 123, 247); transform: rotateY(-720deg);
} }
} }
.social-links { .social-links {

View file

@ -1,4 +1,5 @@
.bordered { .bordered {
display: inline-block;
color: rgba(255, 255, 255, .6); color: rgba(255, 255, 255, .6);
border: 1px solid rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .6);
border-radius: 0; border-radius: 0;
@ -23,6 +24,7 @@
} }
.bottom-section-link { .bottom-section-link {
text-transform: uppercase; text-transform: uppercase;
padding: 7px 17px;
} }
.card { .card {
position: relative; position: relative;
@ -106,3 +108,12 @@
transform: scale(1); transform: scale(1);
} }
} }
.flexbox-wrapper {
@include flexbox();
}
.flexbox-item-height {
@include flex(1);
}
.reset-padding {
padding: 0;
}

View file

@ -23,6 +23,9 @@
font-size: 21px; font-size: 21px;
margin-bottom: 9px; margin-bottom: 9px;
} }
time {
display: inline-block;
}
} }
.canvas-map { .canvas-map {
position: absolute; position: absolute;

View file

@ -8,6 +8,7 @@ $nav-scroll-color-hover: rgba(0, 0, 0, .8);
z-index: 500; z-index: 500;
width: 100%; width: 100%;
padding: 0 45px; padding: 0 45px;
background: rgba(255, 255, 255, 0);
transition: $base-transition; transition: $base-transition;
@media (min-width: 768px) and (max-width: 991px) { @media (min-width: 768px) and (max-width: 991px) {
padding: 13px 0 0 34px; padding: 13px 0 0 34px;
@ -130,8 +131,8 @@ nav {
} }
} }
} }
#right-nav-button { .right-nav-button {
margin: 14px 65px 0 0; margin: 11px 65px 0 0;
transition: $base-transition; transition: $base-transition;
opacity: 1; opacity: 1;
a { a {

View file

@ -1,4 +1,4 @@
.sponsors { .partners {
h5 { h5 {
margin-top: 30px; margin-top: 30px;
} }
@ -6,13 +6,13 @@
margin-bottom: 65px; margin-bottom: 65px;
li { li {
width: 16%; width: 16%;
min-width: 180px; min-width: 160px;
max-width: 250px; max-width: 180px;
margin: 13px 7px; margin: 13px 7px;
@media (max-width: 767px) { @media (max-width: 767px) {
width: 40%; width: 40%;
min-width: 120px; min-width: 120px;
max-width: 180px; max-width: 160px;
} }
} }
} }

View file

@ -0,0 +1,173 @@
.schedule {
.schedule-table {
margin-bottom: 90px;
@media (max-width: 767px) {
margin-bottom: 60px;
padding: 0;
}
}
.schedule-table-heading {
margin: 10px 0 20px;
text-align: left;
@media (max-width: 767px) {
text-align: center;
}
}
.timeslot {
background: #fff;
border-top: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
&:last-child {
border-bottom: 1px solid #e7e7e7;
}
}
.stream-header {
z-index: 10;
transition: $base-transition;
&.sticky {
box-shadow: 0 0 5px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .15);
}
}
.stream-header-label {
position: absolute;
padding: 10px 15px 20px;
max-width: 137px;
text-align: left;
margin: 0;
font-size: 25px;
line-height: 1;
@media (max-width: 767px) {
font-size: 18px;
max-width: 90px;
}
span {
font-size: 20px;
@media (max-width: 767px) {
font-size: 14px;
}
}
}
.timeslot-label {
@extend .stream-header-label;
position: relative;
float: left;
display: block;
transition: $base-transition;
font-size: 40px;
font-weight: $light;
@media (max-width: 767px) {
font-size: 28px;
}
}
.time-element {
position: relative;
height: 100%;
}
.timeslot-elements {
overflow: hidden;
margin-left: 100px;
transition: $base-transition;
@media (max-width: 767px) {
display: block;
margin-left: 80px;
}
}
.slot-title {
font-size: 22px;
font-weight: $regular;
margin: 0;
padding-right: 20px;
@media (max-width: 767px) {
font-size: 18px;
}
}
.stream-header-title {
@extend .slot-title;
}
.stream-header-slot {
padding: 10px 15px 10px;
text-align: left;
transition: $base-transition;
border-right: 1px solid #e7e7e7;
user-select: none;
@media (max-width: 767px) {
border-top: 0;
border-left: 1px solid #e7e7e7;
}
&:first-child {
border-left: 1px solid #e7e7e7;
@media (max-width: 767px) {
border-top: 0;
}
}
}
.slot {
@extend .stream-header-slot;
padding: 0;
border-top-width: 5px;
border-top-style: solid;
@media (max-width: 767px) {
border-top: 1px solid #e7e7e7 !important;
}
&:first-child {
@media (max-width: 767px) {
border-top: 0;
}
}
&:hover {
cursor: pointer;
}
}
.slot-content {
padding: 20px 15px 30px;
background: #fff;
transform: translateY(-5px);
transition: $base-transition;
@media (max-width: 767px) {
padding-bottom: 20px;
border-right-width: 5px;
border-right-style: solid;
transform: translateY(0);
}
&:hover {
transform: translateY(0);
}
}
.slot-language {
position: absolute;
font-size: 11px;
right: 15px;
top: 20px;
}
ul {
list-style: none;
padding: 0;
margin-top: 20px;
}
li {
font-size: 16px;
margin-bottom: 5px;
min-height: 40px;
@media (max-width: 767px) {
font-size: 14px;
}
}
.speaker-img {
width: 40px;
height: 40px;
border: 2px solid #fff;
position: absolute;
box-shadow: 0 1px 0 rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.2);
}
.speaker-name {
line-height: 30px;
margin-left: 48px;
}
.speaker-position {
color: #555;
display: block;
line-height: 1;
font-size: 12px;
margin-top: -5px;
}
}

View file

@ -1,28 +1,22 @@
.subscribe { .subscribe {
.email { .email {
font-size: 16px;
font-weight: $light;
width: 100%; width: 100%;
height: 53px; height: 53px;
margin-bottom: 16px; margin-bottom: 16px;
padding: 0;
transition: $base-transition; transition: $base-transition;
text-align: center;
border-radius: 0;
input { input {
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 0 32px;
text-align: center;
border: 0;
outline: none; outline: none;
background: transparent; font-size: 16px;
} }
} }
.button { .button {
@extend .email; @extend .email;
input {
text-transform: uppercase; text-transform: uppercase;
} }
}
} }
.mc-field-group { .mc-field-group {
padding-right: 3px; padding-right: 3px;

View file

@ -109,6 +109,13 @@ $figcaption-color: #3c4a50;
} }
.position { .position {
font-size: 12px; font-size: 12px;
display: block;
display: -webkit-box;
overflow: hidden;
height: 15px;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
} }
} }
.bio { .bio {

View file

@ -0,0 +1,8 @@
class Sass::Tree::Visitors::Perform < Sass::Tree::Visitors::Base
# Removes all comments completely
def visit_comment(node)
return []
end
end

View file

@ -1,38 +1,78 @@
.waves-element {
/*!
* Waves v0.5.1
* https://publicis-indonesia.github.io/Waves
*
* Copyright 2014 Publicis Metro Indonesia, PT. and other contributors
* Released under the BSD license
* https://github.com/publicis-indonesia/Waves/blob/master/LICENSE
*/
@mixin transition ($transition) {
-webkit-transition: $transition;
-moz-transition: $transition;
-o-transition: $transition;
transition: $transition;
}
@mixin transform($string) {
-webkit-transform: $string;
-moz-transform: $string;
-ms-transform: $string;
-o-transform: $string;
transform: $string;
}
@mixin box-shadow($shadow) {
-webkit-box-shadow: $shadow;
box-shadow: $shadow;
}
.waves-effect {
position: relative; position: relative;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
overflow: hidden; overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; user-select: none;
transition: all .3s ease-out; -webkit-tap-highlight-color: transparent;
@include transition(all .3s ease-out);
.waves-ripple { .waves-ripple {
position: absolute; position: absolute;
border-radius: 100%; border-radius: 50%;
border-width:0px; width:100px;
border-style:solid; height:100px;
width:0px;
height:0px;
opacity:0; opacity:0;
border-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
transition: all 0.5s ease-out; @include transition(all 0.5s ease-out);
@include transform(scale(0));
} }
&.waves-light .waves-ripple { &.waves-light .waves-ripple {
border-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.4);
} }
} }
.waves-notransition { .waves-notransition {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important; transition: none !important;
} }
.waves-mask {
.waves-button,
.waves-icon {
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
} }
.waves-button {
@extend .waves-mask; .waves-button,
padding:10px 15px; .waves-button:hover,
border-radius:4px; .waves-button:visited,
a, a:hover, a:visited, a:link, button, input[type="submit"], input[type="button"] { .waves-button:link,
margin: 0; .waves-button-input {
padding:0;
white-space: nowrap; white-space: nowrap;
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
@ -43,24 +83,57 @@
font-size:14px; font-size:14px;
text-align: center; text-align: center;
text-decoration:none; text-decoration:none;
z-index:1;
}
.waves-button {
padding:10px 15px;
border-radius:2px;
}
.waves-button-input {
margin:0;
padding:10px 15px;
}
.waves-input-wrapper {
border-radius:2px;
vertical-align: bottom;
&.waves-button {
padding:0;
}
.waves-button-input {
position: absolute;
top: 0;
left: 0;
z-index: 1;
} }
} }
.waves-icon {
@extend .waves-mask; .waves-circle {
text-align:center; text-align:center;
width:2.5em; width:2.5em;
height:2.5em; height:2.5em;
line-height:2.5em; line-height:2.5em;
border-radius:20px; border-radius:50%;
} }
.waves-will-raise {
.waves-float {
-webkit-mask-image:none; -webkit-mask-image:none;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); @include box-shadow(0px 1px 1.5px 1px rgba(0, 0, 0, 0.12));
&:active { &:active {
box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.26); @include box-shadow(0px 8px 20px 1px rgba(0, 0, 0, 0.30));
} }
} }
.waves-block { .waves-block {
display:block; display:block;
} }
/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple {
z-index:-1;
}

View file

@ -85,26 +85,22 @@
</li> </li>
<li><a href="/zeppelin/blog/">Blog</a> <li><a href="/zeppelin/blog/">Blog</a>
</li> </li>
<!-- <li><a href="#">Schedule</a> <li><a href="/zeppelin/schedule/">Schedule</a>
</li> --> </li>
<li><a href="/zeppelin/speakers/">Speakers</a> <li><a href="/zeppelin/speakers/">Speakers</a>
</li> </li>
<li><a href="/zeppelin/team/">Team</a> <li><a href="/zeppelin/team/">Team</a>
</li> </li>
<!-- <li><a href="#">Hackathon</a>
</li> -->
<li><a href="/zeppelin/logistics/">Logistics</a> <li><a href="/zeppelin/logistics/">Logistics</a>
</li> </li>
</ul> </ul>
<ul id="bottom-navlinks" class="bottom-navlinks visible-xs"> <ul id="bottom-navlinks" class="bottom-navlinks visible-xs">
<!-- <li><a href="#">Buy tickets</a>
</li> -->
<li><a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a> <li><a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
</li> </li>
</ul> </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 id="right-nav-button" href="http://bit.ly/dfua-c4p" 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">
<a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a> Become a speaker
</span> </a>
</nav> </nav>
</header> </header>
@ -232,11 +228,11 @@
<p>Email organizers at <a href="&#109;&#097;&#105;&#108;&#116;&#111;:&#100;&#101;&#118;&#102;&#101;&#115;&#116;&#064;&#103;&#100;&#103;&#046;&#111;&#114;&#103;&#046;&#117;&#097;">&#100;&#101;&#118;&#102;&#101;&#115;&#116;&#064;&#103;&#100;&#103;&#046;&#111;&#114;&#103;&#046;&#117;&#097;</a></p> <p>Email organizers at <a href="&#109;&#097;&#105;&#108;&#116;&#111;:&#100;&#101;&#118;&#102;&#101;&#115;&#116;&#064;&#103;&#100;&#103;&#046;&#111;&#114;&#103;&#046;&#117;&#097;">&#100;&#101;&#118;&#102;&#101;&#115;&#116;&#064;&#103;&#100;&#103;&#046;&#111;&#114;&#103;&#046;&#117;&#097;</a></p>
</div> </div>
<div id="page-navigation"> <div id="page-navigation" class="page-navigation">
<div class="left pull-left"> <div class="next col-xs-6">
</div> </div>
<div class="right pull-right"> <div class="previous col-xs-6">
<a href="/blog/hello-world" title="Hello World!">Hello World! &raquo;</a> <a href="/blog/hello-world" title="Hello World!">Hello World! &raquo;</a>
@ -380,6 +376,7 @@
</script> </script>
<script src="/zeppelin/js/jquery.appear.min.js"></script> <script src="/zeppelin/js/jquery.appear.min.js"></script>
<script src="/zeppelin/js/waves.min.js"></script> <script src="/zeppelin/js/waves.min.js"></script>
<script>Waves.displayEffect();</script>
<script src="/zeppelin/js/scripts.min.js"></script> <script src="/zeppelin/js/scripts.min.js"></script>
</body> </body>

View file

@ -85,26 +85,22 @@
</li> </li>
<li><a href="/zeppelin/blog/">Blog</a> <li><a href="/zeppelin/blog/">Blog</a>
</li> </li>
<!-- <li><a href="#">Schedule</a> <li><a href="/zeppelin/schedule/">Schedule</a>
</li> --> </li>
<li><a href="/zeppelin/speakers/">Speakers</a> <li><a href="/zeppelin/speakers/">Speakers</a>
</li> </li>
<li><a href="/zeppelin/team/">Team</a> <li><a href="/zeppelin/team/">Team</a>
</li> </li>
<!-- <li><a href="#">Hackathon</a>
</li> -->
<li><a href="/zeppelin/logistics/">Logistics</a> <li><a href="/zeppelin/logistics/">Logistics</a>
</li> </li>
</ul> </ul>
<ul id="bottom-navlinks" class="bottom-navlinks visible-xs"> <ul id="bottom-navlinks" class="bottom-navlinks visible-xs">
<!-- <li><a href="#">Buy tickets</a>
</li> -->
<li><a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a> <li><a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
</li> </li>
</ul> </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 id="right-nav-button" href="http://bit.ly/dfua-c4p" 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">
<a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a> Become a speaker
</span> </a>
</nav> </nav>
</header> </header>
@ -186,13 +182,13 @@ the final missing parts to the biggest Google related event in Ukraine - <a href
<p>More details about speakers, DevFest Hackathon and Lviv will appear in subsequent posts, meantime like us on <a href="https://facebook.com/GDGLviv">Facebook</a>, follow on <a href="https://twitter.com/intent/user?screen_name=GDGLviv">Twitter</a>, add to circles in <a href="https://plus.google.com/b/102444623953913144164">Google+</a> or subcribe to our <a href="http://gdg.us5.list-manage1.com/subscribe/post?u=9fc8aa205b0521b5f05fc8e1e&amp;id=ae0fb459fc">mailing list</a> and <a href="http://devfest.gdg.org.ua/feed.xml">RSS feed</a> in order not to miss any cool stuff about festival.</p> <p>More details about speakers, DevFest Hackathon and Lviv will appear in subsequent posts, meantime like us on <a href="https://facebook.com/GDGLviv">Facebook</a>, follow on <a href="https://twitter.com/intent/user?screen_name=GDGLviv">Twitter</a>, add to circles in <a href="https://plus.google.com/b/102444623953913144164">Google+</a> or subcribe to our <a href="http://gdg.us5.list-manage1.com/subscribe/post?u=9fc8aa205b0521b5f05fc8e1e&amp;id=ae0fb459fc">mailing list</a> and <a href="http://devfest.gdg.org.ua/feed.xml">RSS feed</a> in order not to miss any cool stuff about festival.</p>
</div> </div>
<div id="page-navigation"> <div id="page-navigation" class="page-navigation">
<div class="left pull-left"> <div class="next col-xs-6">
<a href="/blog/call-for-papers" title="Call for Papers">&laquo; Call for Papers</a> <a href="/blog/call-for-papers" title="Call for Papers">&laquo; Call for Papers</a>
</div> </div>
<div class="right pull-right"> <div class="previous col-xs-6">
</div> </div>
</div> </div>
@ -334,6 +330,7 @@ the final missing parts to the biggest Google related event in Ukraine - <a href
</script> </script>
<script src="/zeppelin/js/jquery.appear.min.js"></script> <script src="/zeppelin/js/jquery.appear.min.js"></script>
<script src="/zeppelin/js/waves.min.js"></script> <script src="/zeppelin/js/waves.min.js"></script>
<script>Waves.displayEffect();</script>
<script src="/zeppelin/js/scripts.min.js"></script> <script src="/zeppelin/js/scripts.min.js"></script>
</body> </body>

View file

@ -86,26 +86,22 @@
</li> </li>
<li><a class="current" href="/zeppelin/blog/">Blog</a> <li><a class="current" href="/zeppelin/blog/">Blog</a>
</li> </li>
<!-- <li><a href="#">Schedule</a> <li><a href="/zeppelin/schedule/">Schedule</a>
</li> --> </li>
<li><a href="/zeppelin/speakers/">Speakers</a> <li><a href="/zeppelin/speakers/">Speakers</a>
</li> </li>
<li><a href="/zeppelin/team/">Team</a> <li><a href="/zeppelin/team/">Team</a>
</li> </li>
<!-- <li><a href="#">Hackathon</a>
</li> -->
<li><a href="/zeppelin/logistics/">Logistics</a> <li><a href="/zeppelin/logistics/">Logistics</a>
</li> </li>
</ul> </ul>
<ul id="bottom-navlinks" class="bottom-navlinks visible-xs"> <ul id="bottom-navlinks" class="bottom-navlinks visible-xs">
<!-- <li><a href="#">Buy tickets</a>
</li> -->
<li><a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a> <li><a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
</li> </li>
</ul> </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 id="right-nav-button" href="http://bit.ly/dfua-c4p" 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">
<a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a> Become a speaker
</span> </a>
</nav> </nav>
</header> </header>
@ -312,6 +308,8 @@ This year event will take place in cultural capital of Ukraine - Lviv. Being a u
<script> <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
@ -337,7 +335,9 @@ This year event will take place in cultural capital of Ukraine - Lviv. Being a u
</script> </script>
<script src="/zeppelin/js/jquery.appear.min.js"></script> <script src="/zeppelin/js/jquery.appear.min.js"></script>
<script src="/zeppelin/js/waves.min.js"></script> <script src="/zeppelin/js/waves.min.js"></script>
<script src="/zeppelin/js/scripts.min.js"></script> <script>Waves.displayEffect();</script>
<script src="/zeppelin/js/scripts.js"></script>
</body> </body>
</html> </html>

View file

@ -85,26 +85,22 @@
</li> </li>
<li><a href="/zeppelin/blog/">Blog</a> <li><a href="/zeppelin/blog/">Blog</a>
</li> </li>
<!-- <li><a href="#">Schedule</a> <li><a href="/zeppelin/schedule/">Schedule</a>
</li> --> </li>
<li><a href="/zeppelin/speakers/">Speakers</a> <li><a href="/zeppelin/speakers/">Speakers</a>
</li> </li>
<li><a href="/zeppelin/team/">Team</a> <li><a href="/zeppelin/team/">Team</a>
</li> </li>
<!-- <li><a href="#">Hackathon</a>
</li> -->
<li><a href="/zeppelin/logistics/">Logistics</a> <li><a href="/zeppelin/logistics/">Logistics</a>
</li> </li>
</ul> </ul>
<ul id="bottom-navlinks" class="bottom-navlinks visible-xs"> <ul id="bottom-navlinks" class="bottom-navlinks visible-xs">
<!-- <li><a href="#">Buy tickets</a>
</li> -->
<li><a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a> <li><a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
</li> </li>
</ul> </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 id="right-nav-button" href="http://bit.ly/dfua-c4p" 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">
<a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a> Become a speaker
</span> </a>
</nav> </nav>
</header> </header>
@ -141,11 +137,11 @@
<p><img class="img-responsive feature-image" src="/zeppelin/img/posts/cod.jpg" style="display:none" /></p> <p><img class="img-responsive feature-image" src="/zeppelin/img/posts/cod.jpg" style="display:none" /></p>
</div> </div>
<div id="page-navigation"> <div id="page-navigation" class="page-navigation">
<div class="left pull-left"> <div class="next col-xs-6">
</div> </div>
<div class="right pull-right"> <div class="previous col-xs-6">
</div> </div>
</div> </div>
@ -265,6 +261,7 @@
</script> </script>
<script src="/zeppelin/js/jquery.appear.min.js"></script> <script src="/zeppelin/js/jquery.appear.min.js"></script>
<script src="/zeppelin/js/waves.min.js"></script> <script src="/zeppelin/js/waves.min.js"></script>
<script>Waves.displayEffect();</script>
<script src="/zeppelin/js/scripts.min.js"></script> <script src="/zeppelin/js/scripts.min.js"></script>
</body> </body>

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -84,35 +84,29 @@
</li> </li>
<li><a href="/zeppelin/blog/">Blog</a> <li><a href="/zeppelin/blog/">Blog</a>
</li> </li>
<!-- <li><a href="#">Schedule</a> <li><a href="/zeppelin/schedule/">Schedule</a>
</li> --> </li>
<li><a href="/zeppelin/speakers/">Speakers</a> <li><a href="/zeppelin/speakers/">Speakers</a>
</li> </li>
<li><a href="/zeppelin/team/">Team</a> <li><a href="/zeppelin/team/">Team</a>
</li> </li>
<!-- <li><a href="#">Hackathon</a>
</li> -->
<li><a href="/zeppelin/logistics/">Logistics</a> <li><a href="/zeppelin/logistics/">Logistics</a>
</li> </li>
</ul> </ul>
<ul id="bottom-navlinks" class="bottom-navlinks visible-xs"> <ul id="bottom-navlinks" class="bottom-navlinks visible-xs">
<!-- <li><a href="#">Buy tickets</a>
</li> -->
<li><a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a> <li><a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
</li> </li>
</ul> </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 id="right-nav-button" href="http://bit.ly/dfua-c4p" 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">
<a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a> Become a speaker
</span> </a>
</nav> </nav>
</header> </header>
<div class="jumbotron"> <div class="jumbotron">
<div class="animated hiding" data-animation="fadeInDown" data-delay="500"> <div class="animated hiding" data-animation="fadeInDown" data-delay="500">
<h1>GDG DevFest <span id="typeout-text"></span> 2014</h1> <h1>GDG DevFest <span id="typeout-text"></span> 2014</h1>
<p>September - November, 2014</p> <p>September - November, 2014</p>
<span class="btn btn-primary waves-element waves-button waves-light waves-will-raise"> <a href="http://bit.ly/dfua-c4p" class="btn btn-primary waves-effect waves-button waves-light waves-float" target="_blank">Become a speaker</a>
<a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
</span>
</div> </div>
</div> </div>
<a href="#about" class="explore animated hidden fadeInDown"> <a href="#about" class="explore animated hidden fadeInDown">
@ -245,7 +239,7 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
<div id="rockstar-speaker-3" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="3" data-animation="fadeInUp" data-delay="500"> <div id="rockstar-speaker-3" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="3" 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(/zeppelin/img/speakers/DawidOstrowski.jpg)"></div> <div class="flow-img img-circle rockstar-speaker-img" style="background-image: url(/zeppelin/img/speakers/DawidOstrowski.jpg)"></div>
<div class="name">Dawid Ostrowski</div> <div class="name">Dawid Ostrowski</div>
<div class="sub">Google Poland</div> <div class="sub">Google Poland</div>
@ -255,7 +249,7 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
<div id="rockstar-speaker-4" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="4" data-animation="fadeInUp" data-delay="500"> <div id="rockstar-speaker-4" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="4" 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(/zeppelin/img/speakers/DmytroDanylyk.jpg)"></div> <div class="flow-img img-circle rockstar-speaker-img" style="background-image: url(/zeppelin/img/speakers/DmytroDanylyk.jpg)"></div>
<div class="name">Dmytro Danylyk</div> <div class="name">Dmytro Danylyk</div>
<div class="sub">Lemberg Solutions Limited</div> <div class="sub">Lemberg Solutions Limited</div>
@ -265,7 +259,7 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
<div id="rockstar-speaker-5" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="5" data-animation="fadeInUp" data-delay="500"> <div id="rockstar-speaker-5" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="5" 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(/zeppelin/img/speakers/MateuszHerych.jpg)"></div> <div class="flow-img img-circle rockstar-speaker-img" style="background-image: url(/zeppelin/img/speakers/MateuszHerych.jpg)"></div>
<div class="name">Mateusz Herych</div> <div class="name">Mateusz Herych</div>
<div class="sub">Base CRM, GDG Krakow</div> <div class="sub">Base CRM, GDG Krakow</div>
@ -275,7 +269,7 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
<div id="rockstar-speaker-6" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="6" data-animation="fadeInUp" data-delay="500"> <div id="rockstar-speaker-6" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="6" 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(/zeppelin/img/speakers/RomanMazur.jpg)"></div> <div class="flow-img img-circle rockstar-speaker-img" style="background-image: url(/zeppelin/img/speakers/RomanMazur.jpg)"></div>
<div class="name">Roman Mazur</div> <div class="name">Roman Mazur</div>
<div class="sub">Stanfy, GDG Kyiv</div> <div class="sub">Stanfy, GDG Kyiv</div>
@ -285,7 +279,7 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
<div id="rockstar-speaker-7" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="7" data-animation="fadeInUp" data-delay="500"> <div id="rockstar-speaker-7" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="7" 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(/zeppelin/img/speakers/ValentynShybanov.jpg)"></div> <div class="flow-img img-circle rockstar-speaker-img" style="background-image: url(/zeppelin/img/speakers/ValentynShybanov.jpg)"></div>
<div class="name">Valentyn Shybanov</div> <div class="name">Valentyn Shybanov</div>
<div class="sub">Twinfield, GDG Kyiv</div> <div class="sub">Twinfield, GDG Kyiv</div>
@ -295,8 +289,8 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
<div class="clearfix"></div> <div class="clearfix"></div>
<span class="waves-element waves-button waves-light bordered"> <span class="bordered">
<a href="/zeppelin/speakers/" class="bottom-section-link">See all speakers</a> <a href="/zeppelin/speakers/" class="bottom-section-link waves-effect waves-button waves-light">See all speakers</a>
</span> </span>
</div> </div>
</div> </div>
@ -318,8 +312,8 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
<li itemprop="email"><a href="mailto:lviv@gdg.org.ua">lviv@gdg.org.ua</a> <li itemprop="email"><a href="mailto:lviv@gdg.org.ua">lviv@gdg.org.ua</a>
</li> </li>
<li itemscope="" itemtype="http://schema.org/Event"> <li itemscope="" itemtype="http://schema.org/Event">
<time itemprop="startDate" datetime="2014-10-18T10:00">10:00</time>- <time itemprop="startDate" datetime="2014-10-24T10:00">10:00</time>-
<time itemprop="endDate" datetime="2014-10-18T20:00">20:00</time> <time itemprop="endDate" datetime="2014-10-24T20:00">20:00</time>
</li> </li>
</ul> </ul>
</div> </div>
@ -389,9 +383,44 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
<!-- Begin Sponsors Section --> <!-- Begin Sponsors Section -->
<section id="sponsors" class="sponsors"> <section id="partners" class="partners">
<div class="content-wrapper"> <div class="content-wrapper">
<div class="col-lg-10 col-lg-offset-1"> <div class="col-lg-10 col-lg-offset-1">
<h3>Main organizer</h3>
<ul class="list-inline">
<li>
<a href="http://lviv.gdg.org.ua" target="_blank">
<img src="/zeppelin/img/organizers/gdg-lviv.svg" title="GDG Lviv - Open and volunteer geek community" alt="GDG Lviv">
</a>
</li>
</ul>
<h3>Co-organizers</h3>
<ul class="list-inline">
<li>
<a href="http://kyiv.gdg.org.ua" target="_blank">
<img src="/zeppelin/img/organizers/gdg-kyiv.png" title="GDG Kyiv - Open and volunteer geek community" alt="GDG Lviv">
</a>
</li>
<li>
<a href="http://cherkassy.gdg.org.ua" target="_blank">
<img src="/zeppelin/img/organizers/gdg-cherkassy.png" title="GDG Cherkassy - Open and volunteer geek community" alt="GDG Cherkassy">
</a>
</li>
<li>
<a href="http://dnipro.gdg.org.ua" target="_blank">
<img src="/zeppelin/img/organizers/gdg-dnipropetrovsk.png" title="GDG Dnipropetrovsk - Open and volunteer geek community" alt="GDG Dnipropetrovsk">
</a>
</li>
</ul>
<h3>Partners</h3> <h3>Partners</h3>
<h5>General sponsor</h5> <h5>General sponsor</h5>
@ -399,13 +428,13 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
<li> <li>
<a href="https://www.google.com.ua/intl/en/about/" target="_blank"> <a href="https://www.google.com.ua/intl/en/about/" target="_blank">
<img src="/zeppelin/img/partners/google.svg" alt="Google"> <img src="/zeppelin/img/partners/google.svg" title="Google" alt="Google">
</a> </a>
</li> </li>
<li> <li>
<a href="http://lviv.gdg.org.ua" target="_blank"> <a href="http://lviv.gdg.org.ua" target="_blank">
<img src="/zeppelin/img/partners/gdg-lviv.svg" alt="GDG Lviv - Open and volunteer geek community"> <img src="/zeppelin/img/partners/gdg-lviv.svg" title="GDG Lviv - Open and volunteer geek community" alt="GDG Lviv">
</a> </a>
</li> </li>
@ -416,19 +445,19 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
<li> <li>
<a href="https://www.google.com.ua/intl/en/about/" target="_blank"> <a href="https://www.google.com.ua/intl/en/about/" target="_blank">
<img src="/zeppelin/img/partners/google.svg" alt="Google"> <img src="/zeppelin/img/partners/google.svg" title="Google" alt="Google">
</a> </a>
</li> </li>
<li> <li>
<a href="http://lviv.gdg.org.ua" target="_blank"> <a href="http://lviv.gdg.org.ua" target="_blank">
<img src="/zeppelin/img/partners/gdg-lviv.svg" alt="GDG Lviv - Open and volunteer geek community"> <img src="/zeppelin/img/partners/gdg-lviv.svg" title="GDG Lviv - Open and volunteer geek community" alt="GDG Lviv">
</a> </a>
</li> </li>
<li> <li>
<a href="https://github.com/gdg-x" target="_blank"> <a href="https://github.com/gdg-x" target="_blank">
<img src="/zeppelin/img/partners/gdg-x.svg" alt="GDG[x] - Yeah, we can fix that"> <img src="/zeppelin/img/partners/gdg-x.svg" title="GDG[x] - Yeah, we can fix that" alt="GDG[x]">
</a> </a>
</li> </li>
@ -439,65 +468,61 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
<li> <li>
<a href="https://www.google.com.ua/intl/en/about/" target="_blank"> <a href="https://www.google.com.ua/intl/en/about/" target="_blank">
<img src="/zeppelin/img/partners/google.svg" alt="Google"> <img src="/zeppelin/img/partners/google.svg" title="Google" alt="Google">
</a> </a>
</li> </li>
<li> <li>
<a href="http://lviv.gdg.org.ua" target="_blank"> <a href="http://lviv.gdg.org.ua" target="_blank">
<img src="/zeppelin/img/partners/gdg-lviv.svg" alt="GDG Lviv - Open and volunteer geek community"> <img src="/zeppelin/img/partners/gdg-lviv.svg" title="GDG Lviv - Open and volunteer geek community" alt="GDG Lviv">
</a> </a>
</li> </li>
<li> <li>
<a href="https://github.com/gdg-x" target="_blank"> <a href="https://github.com/gdg-x" target="_blank">
<img src="/zeppelin/img/partners/gdg-x.svg" alt="GDG[x] - Yeah, we can fix that"> <img src="/zeppelin/img/partners/gdg-x.svg" title="GDG[x] - Yeah, we can fix that" alt="GDG[x]">
</a> </a>
</li> </li>
<li> <li>
<a href="https://www.google.com.ua/intl/en/about/" target="_blank"> <a href="https://www.google.com.ua/intl/en/about/" target="_blank">
<img src="/zeppelin/img/partners/google.svg" alt="Google"> <img src="/zeppelin/img/partners/google.svg" title="Google" alt="Google">
</a> </a>
</li> </li>
<li> <li>
<a href="http://lviv.gdg.org.ua" target="_blank"> <a href="http://lviv.gdg.org.ua" target="_blank">
<img src="/zeppelin/img/partners/gdg-lviv.svg" alt="GDG Lviv - Open and volunteer geek community"> <img src="/zeppelin/img/partners/gdg-lviv.svg" title="GDG Lviv - Open and volunteer geek community" alt="GDG Lviv">
</a> </a>
</li> </li>
<li> <li>
<a href="https://github.com/gdg-x" target="_blank"> <a href="https://github.com/gdg-x" target="_blank">
<img src="/zeppelin/img/partners/gdg-x.svg" alt="GDG[x] - Yeah, we can fix that"> <img src="/zeppelin/img/partners/gdg-x.svg" title="GDG[x] - Yeah, we can fix that" alt="GDG[x]">
</a> </a>
</li> </li>
<li> <li>
<a href="https://www.google.com.ua/intl/en/about/" target="_blank"> <a href="https://www.google.com.ua/intl/en/about/" target="_blank">
<img src="/zeppelin/img/partners/google.svg" alt="Google"> <img src="/zeppelin/img/partners/google.svg" title="Google" alt="Google">
</a> </a>
</li> </li>
<li> <li>
<a href="http://lviv.gdg.org.ua" target="_blank"> <a href="http://lviv.gdg.org.ua" target="_blank">
<img src="/zeppelin/img/partners/gdg-lviv.svg" alt="GDG Lviv - Open and volunteer geek community"> <img src="/zeppelin/img/partners/gdg-lviv.svg" title="GDG Lviv - Open and volunteer geek community" alt="GDG Lviv">
</a> </a>
</li> </li>
<li> <li>
<a href="https://github.com/gdg-x" target="_blank"> <a href="https://github.com/gdg-x" target="_blank">
<img src="/zeppelin/img/partners/gdg-x.svg" alt="GDG[x] - Yeah, we can fix that"> <img src="/zeppelin/img/partners/gdg-x.svg" title="GDG[x] - Yeah, we can fix that" alt="GDG[x]">
</a> </a>
</li> </li>
</ul> </ul>
<a href="/zeppelin/assets/GDG_DevFest_Partnership.pdf"> <a href="/zeppelin/assets/GDG_DevFest_Partnership.pdf" class="btn btn-primary waves-effect waves-button waves-light waves-float">Become a sponsor</a>
<span class="btn btn-primary waves-element waves-button waves-light waves-will-raise">
Become a sponsor
</span>
</a>
</div> </div>
</div> </div>
</section> </section>
@ -512,9 +537,9 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
<div id="mc_embed_signup" class="col-lg-8 col-sm-8 col-lg-offset-2 col-sm-offset-2"> <div id="mc_embed_signup" class="col-lg-8 col-sm-8 col-lg-offset-2 col-sm-offset-2">
<form action="http://gdg.us5.list-manage1.com/subscribe/post?u=9fc8aa205b0521b5f05fc8e1e&amp;id=ae0fb459fc" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <form action="http://gdg.us5.list-manage1.com/subscribe/post?u=9fc8aa205b0521b5f05fc8e1e&amp;id=ae0fb459fc" 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"> <div class="mc-field-group col-lg-9 col-sm-9 col-xs-12">
<span class="email waves-element waves-button waves-light bordered"> <i class="email bordered required waves-effect waves-light waves-input-wrapper">
<input type="email" value="" name="EMAIL" class="required" id="mce-EMAIL" placeholder="your@email.com" autocomplete="off"> <input type="email" value="" name="EMAIL" class="waves-button-input" id="mce-EMAIL" placeholder="your@email.com" autocomplete="off">
</span> </i>
</div> </div>
<div id="mce-responses" class="clear"> <div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div> <div class="response" id="mce-error-response" style="display:none"></div>
@ -525,9 +550,9 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
<input type="text" name="b_9fc8aa205b0521b5f05fc8e1e_ae0fb459fc" tabindex="-1" value=""> <input type="text" name="b_9fc8aa205b0521b5f05fc8e1e_ae0fb459fc" tabindex="-1" value="">
</div> </div>
<div class="mc-submit-group clear col-lg-3 col-sm-3 col-xs-12"> <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"> <i class="button bordered required waves-effect waves-light waves-input-wrapper">
<input type="submit" value="Submit" name="subscribe" id="mc-embedded-subscribe"> <input type="submit" class="waves-button-input" value="Submit" name="subscribe" id="mc-embedded-subscribe">
</span> </i>
</div> </div>
</form> </form>
<span class="subscribe-info">Registration will be open around end of August. Number of tickets are limited. Stay tuned!</span> <span class="subscribe-info">Registration will be open around end of August. Number of tickets are limited. Stay tuned!</span>
@ -708,6 +733,7 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
var twitterFeedUrl = 'http://lviv.gdg.org.ua/tweetledee/favoritesjson.php?c=10&cache_interval=900'; var twitterFeedUrl = 'http://lviv.gdg.org.ua/tweetledee/favoritesjson.php?c=10&cache_interval=900';
$(document).ready(function () { $(document).ready(function () {
Waves.displayEffect();
$(function () { $(function () {
$("#typeout-text").typed({ $("#typeout-text").typed({
strings: ["", "Season", "Ukraine", "Germany", "USA"], strings: ["", "Season", "Ukraine", "Germany", "USA"],

View file

@ -20,14 +20,20 @@
}, 1000); }, 1000);
}); });
if ($(window).width() > 1500) {
$('.effect-wrapper').each(function() { $('.stream-header').each(function() {
$(this).addClass('col-lg-3'); var scheduleFirstSlotText = $(this).closest('.schedule-table').find('.slot').first().data('slotDetail');
$(this).find('.slot-detail').html(scheduleFirstSlotText);
}); });
if ($(window).width() > 1500) {
$('.effect-wrapper').addClass('col-lg-3');
} }
if ($(window).width() < 768) { if ($(window).width() < 768) {
$('.animated').removeClass('animated').removeClass('hiding'); $('.animated').removeClass('animated').removeClass('hiding');
$('.stat span').removeClass('timer'); $('.stat span').removeClass('timer');
$('.timeslot-label').addClass('stick-label');
} }
if ($(window).height() < 512) { if ($(window).height() < 512) {
$('#bottom-navlinks').removeClass('bottom-navlinks').addClass('bottom-navlinks-small'); $('#bottom-navlinks').removeClass('bottom-navlinks').addClass('bottom-navlinks-small');
@ -41,8 +47,8 @@
var scroll = $(this).scrollTop(); var scroll = $(this).scrollTop();
var header = $('#top-header'); var header = $('#top-header');
var logo = $('#logo-header .logo'); var logo = $('#logo-header .logo');
var src = logo.attr('src');
var buyButton = $('#right-nav-button'); var buyButton = $('#right-nav-button');
var topOffset = header.height() + $('.stream-header').height();
if (scroll >= 100) { if (scroll >= 100) {
header.addClass('after-scroll'); header.addClass('after-scroll');
@ -57,6 +63,15 @@
} else { } else {
buyButton.addClass('right-nav-button-hidden'); buyButton.addClass('right-nav-button-hidden');
} }
$('.slot').each(function() {
var currentPosition = $(this).offset().top - scroll;
var offsetActivator = topOffset + $(this).find('.slot-title').height();
if(currentPosition <= offsetActivator && currentPosition >= 0) {
$('.stream-header.sticky').find('.slot-detail').html($(this).data('slotDetail'));
}
});
}); });
$(function() { $(function() {
@ -221,7 +236,7 @@
container.removeClass('st-menu-open'); container.removeClass('st-menu-open');
$('body').css('overflow', 'auto'); $('body').css('overflow', 'auto');
} }
generateSameHeight() generateSameHeight();
} }
var bottomNavLinks = $('#bottom-navlinks'); var bottomNavLinks = $('#bottom-navlinks');
if ($(window).height() < 512) { if ($(window).height() < 512) {
@ -231,6 +246,9 @@
} }
if ($(window).width() < 768) { if ($(window).width() < 768) {
$('.same-height').css('height', '100%'); $('.same-height').css('height', '100%');
$('.timeslot-label').addClass('stick-label');
} else {
$('.timeslot-label').removeClass('stick-label');
} }
}); });
@ -279,7 +297,6 @@
} }
}); });
//Google plus //Google plus
function initGooglePlus() { function initGooglePlus() {
var po = document.createElement('script'); var po = document.createElement('script');

File diff suppressed because one or more lines are too long

View file

@ -1,9 +1,10 @@
/*! /*!
* Waves v0.1.0 * Waves v0.5.1
* https://publicis-indonesia.github.io/Waves/ * https://publicis-indonesia.github.io/Waves
* *
* Copyright 2014 Publicis Metro Indonesia, PT. and other contributors * Copyright 2014 Publicis Metro Indonesia, PT. and other contributors
* Released under the BSD license * Released under the BSD license
* https://github.com/publicis-indonesia/Waves/blob/master/LICENSE * https://github.com/publicis-indonesia/Waves/blob/master/LICENSE
*/ */
;(function(b,c){var a={};a.rippleShow=function(j){var i=c(this);i.append('<div class="waves-ripple"></div>');var k=i.offset();var h=(j.pageX-k.left);var f=(j.pageY-k.top);var g=i.outerWidth();i.data("hold",Date.now());i.data("relativeX",h);i.data("relativeY",f);var d=i.find(".waves-ripple");d.addClass("waves-notransition").css({top:f,left:h});d.context.offsetHeight;d.removeClass("waves-notransition").css({"border-width":g,"margin-top":-g,"margin-left":-g,opacity:1})};a.rippleHide=function(){var f=c(this);var d=f.find(".waves-ripple");var g=Date.now()-f.data("hold");var e=500-g;if(e<0){e=0}setTimeout(function(){d.css({top:f.data("relativeY"),left:f.data("relativeX"),opacity:0});setTimeout(function(){d.remove()},300)},e)};c(document).on("ready",function(){c(this).on("mousedown",".waves-element",a.rippleShow).on("mouseup mouseleave",".waves-element",a.rippleHide)})})(window,jQuery); !function(a){"use strict";function b(a){return null!==a&&a===a.window}function c(a){return b(a)?a:9===a.nodeType&&a.defaultView}function d(a){var b,d,e={top:0,left:0},f=a&&a.ownerDocument;return b=f.documentElement,"undefined"!=typeof a.getBoundingClientRect&&(e=a.getBoundingClientRect()),d=c(f),{top:e.top+d.pageYOffset-b.clientTop,left:e.left+d.pageXOffset-b.clientLeft}}function e(a){var b="";for(var c in a)a.hasOwnProperty(c)&&(b+=c+":"+a[c]+";");return b}var f=f||{},g=document.querySelectorAll.bind(document),h={duration:500,show:function(a){var b=this,c=document.createElement("div");c.className="waves-ripple",b.appendChild(c);var f=d(b),g=a.pageY-f.top-45,i=a.pageX-f.left-45,j="scale("+b.clientWidth/100*2.5+")";c.setAttribute("data-hold",Date.now()),c.setAttribute("data-scale",j),c.setAttribute("data-x",i),c.setAttribute("data-y",g);var k={top:g+"px",left:i+"px"};c.className=c.className+" waves-notransition",c.setAttribute("style",e(k)),c.className=c.className.replace("waves-notransition",""),k["-webkit-transform"]=j,k["-moz-transform"]=j,k["-ms-transform"]=j,k["-o-transform"]=j,k.transform=j,k.opacity="1",k["-webkit-transition-duration"]=h.duration+"ms",k["-moz-transition-duration"]=h.duration+"ms",k["-o-transition-duration"]=h.duration+"ms",k["transition-duration"]=h.duration+"ms",c.setAttribute("style",e(k))},hide:function(){for(var a=this,b=(1.4*a.clientWidth,null),c=a.children.length,d=0;c>d;d++)-1===a.children[d].className.indexOf("waves-ripple")||(b=a.children[d]);if(!b)return!1;var f=b.getAttribute("data-x"),g=b.getAttribute("data-y"),i=b.getAttribute("data-scale"),j=Date.now()-Number(b.getAttribute("data-hold")),k=500-j;0>k&&(k=0),setTimeout(function(){var c={top:g+"px",left:f+"px",opacity:"0","-webkit-transition-duration":h.duration+"ms","-moz-transition-duration":h.duration+"ms","-o-transition-duration":h.duration+"ms","transition-duration":h.duration+"ms","-webkit-transform":i,"-moz-transform":i,"-ms-transform":i,"-o-transform":i,transform:i};b.setAttribute("style",e(c)),setTimeout(function(){try{a.removeChild(b)}catch(c){return!1}},h.duration)},k)},wrapInput:function(a){for(var b=0;b<a.length;b++){var c=a[b];if("input"===c.tagName.toLowerCase()){var d=c.parentNode;if("i"===d.tagName.toLowerCase()&&-1!==d.className.indexOf("waves-effect"))return!1;var e=document.createElement("i");e.className=c.className+" waves-input-wrapper";var f=c.getAttribute("style"),g="width:"+c.offsetWidth+"px;height:"+c.clientHeight+"px;";f||(f=""),e.setAttribute("style",g+f),c.className="waves-button-input",c.removeAttribute("style"),d.replaceChild(e,c),e.appendChild(c)}}}};f.displayEffect=function(b){b=b||{},"duration"in b&&(h.duration=b.duration),h.wrapInput(g(".waves-effect")),Array.prototype.forEach.call(g(".waves-effect"),function(b){a.Touch&&(b.addEventListener("touchstart",h.show,!1),b.addEventListener("touchend",h.hide,!1)),b.addEventListener("mousedown",h.show,!1),b.addEventListener("mouseup",h.hide,!1),b.addEventListener("mouseleave",h.hide,!1)})},a.Waves=f}(window);
//# sourceMappingURL=waves.min.js.map

View file

@ -86,26 +86,22 @@
</li> </li>
<li><a href="/zeppelin/blog/">Blog</a> <li><a href="/zeppelin/blog/">Blog</a>
</li> </li>
<!-- <li><a href="#">Schedule</a> <li><a href="/zeppelin/schedule/">Schedule</a>
</li> --> </li>
<li><a href="/zeppelin/speakers/">Speakers</a> <li><a href="/zeppelin/speakers/">Speakers</a>
</li> </li>
<li><a href="/zeppelin/team/">Team</a> <li><a href="/zeppelin/team/">Team</a>
</li> </li>
<!-- <li><a href="#">Hackathon</a>
</li> -->
<li><a class="current" href="/zeppelin/logistics/">Logistics</a> <li><a class="current" href="/zeppelin/logistics/">Logistics</a>
</li> </li>
</ul> </ul>
<ul id="bottom-navlinks" class="bottom-navlinks visible-xs"> <ul id="bottom-navlinks" class="bottom-navlinks visible-xs">
<!-- <li><a href="#">Buy tickets</a>
</li> -->
<li><a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a> <li><a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
</li> </li>
</ul> </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 id="right-nav-button" href="http://bit.ly/dfua-c4p" 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">
<a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a> Become a speaker
</span> </a>
</nav> </nav>
</header> </header>
@ -353,6 +349,7 @@
var centerMap = new google.maps.LatLng(49.056728, 3.117289); var centerMap = new google.maps.LatLng(49.056728, 3.117289);
var mobileCenterMap = new google.maps.LatLng(48.335365, 23.711648); var mobileCenterMap = new google.maps.LatLng(48.335365, 23.711648);
var icon = '/zeppelin/img/svg/map-marker.svg'; var icon = '/zeppelin/img/svg/map-marker.svg';
Waves.displayEffect();
</script> </script>
<script src="/zeppelin/js/scripts.min.js"></script> <script src="/zeppelin/js/scripts.min.js"></script>
</body> </body>

View file

@ -86,26 +86,22 @@
</li> </li>
<li><a href="/zeppelin/blog/">Blog</a> <li><a href="/zeppelin/blog/">Blog</a>
</li> </li>
<!-- <li><a href="#">Schedule</a> <li><a href="/zeppelin/schedule/">Schedule</a>
</li> --> </li>
<li><a class="current" href="/zeppelin/speakers/">Speakers</a> <li><a class="current" href="/zeppelin/speakers/">Speakers</a>
</li> </li>
<li><a href="/zeppelin/team/">Team</a> <li><a href="/zeppelin/team/">Team</a>
</li> </li>
<!-- <li><a href="#">Hackathon</a>
</li> -->
<li><a href="/zeppelin/logistics/">Logistics</a> <li><a href="/zeppelin/logistics/">Logistics</a>
</li> </li>
</ul> </ul>
<ul id="bottom-navlinks" class="bottom-navlinks visible-xs"> <ul id="bottom-navlinks" class="bottom-navlinks visible-xs">
<!-- <li><a href="#">Buy tickets</a>
</li> -->
<li><a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a> <li><a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
</li> </li>
</ul> </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 id="right-nav-button" href="http://bit.ly/dfua-c4p" 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">
<a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a> Become a speaker
</span> </a>
</nav> </nav>
</header> </header>
@ -126,8 +122,8 @@
<div class="effect-wrapper appear-animation col-md-4 col-sm-6 col-xs-12"> <div class="effect-wrapper appear-animation col-md-4 col-sm-6 col-xs-12">
<div class="lily-effect ribbon-activator"> <div class="lily-effect ribbon-activator">
<div class="lily-head waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-3"> <div class="lily-head" data-toggle="modal" data-target="#speakerDetail-3">
<figure style="background-image: url(/zeppelin/img/speakers/DawidOstrowski.jpg)"> <figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/DawidOstrowski.jpg)">
<div class="overlay solid-overlay"></div> <div class="overlay solid-overlay"></div>
@ -175,8 +171,8 @@
<div class="effect-wrapper appear-animation col-md-4 col-sm-6 col-xs-12"> <div class="effect-wrapper appear-animation col-md-4 col-sm-6 col-xs-12">
<div class="lily-effect ribbon-activator"> <div class="lily-effect ribbon-activator">
<div class="lily-head waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-4"> <div class="lily-head" data-toggle="modal" data-target="#speakerDetail-4">
<figure style="background-image: url(/zeppelin/img/speakers/DmytroDanylyk.jpg)"> <figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/DmytroDanylyk.jpg)">
<div class="overlay solid-overlay"></div> <div class="overlay solid-overlay"></div>
@ -226,8 +222,8 @@
<div class="effect-wrapper appear-animation col-md-4 col-sm-6 col-xs-12"> <div class="effect-wrapper appear-animation col-md-4 col-sm-6 col-xs-12">
<div class="lily-effect ribbon-activator"> <div class="lily-effect ribbon-activator">
<div class="lily-head waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-5"> <div class="lily-head" data-toggle="modal" data-target="#speakerDetail-5">
<figure style="background-image: url(/zeppelin/img/speakers/MateuszHerych.jpg)"> <figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/MateuszHerych.jpg)">
<div class="overlay solid-overlay"></div> <div class="overlay solid-overlay"></div>
<ul class="ribbon-wrapper"> <ul class="ribbon-wrapper">
@ -289,8 +285,8 @@
<div class="effect-wrapper appear-animation col-md-4 col-sm-6 col-xs-12"> <div class="effect-wrapper appear-animation col-md-4 col-sm-6 col-xs-12">
<div class="lily-effect ribbon-activator"> <div class="lily-effect ribbon-activator">
<div class="lily-head waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-6"> <div class="lily-head" data-toggle="modal" data-target="#speakerDetail-6">
<figure style="background-image: url(/zeppelin/img/speakers/RomanMazur.jpg)"> <figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/RomanMazur.jpg)">
<div class="overlay solid-overlay"></div> <div class="overlay solid-overlay"></div>
<ul class="ribbon-wrapper"> <ul class="ribbon-wrapper">
@ -347,8 +343,8 @@
<div class="effect-wrapper appear-animation col-md-4 col-sm-6 col-xs-12"> <div class="effect-wrapper appear-animation col-md-4 col-sm-6 col-xs-12">
<div class="lily-effect ribbon-activator"> <div class="lily-effect ribbon-activator">
<div class="lily-head waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-7"> <div class="lily-head" data-toggle="modal" data-target="#speakerDetail-7">
<figure style="background-image: url(/zeppelin/img/speakers/ValentynShybanov.jpg)"> <figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/ValentynShybanov.jpg)">
<div class="overlay solid-overlay"></div> <div class="overlay solid-overlay"></div>
<ul class="ribbon-wrapper"> <ul class="ribbon-wrapper">
@ -404,9 +400,7 @@
</div> </div>
</div> </div>
<span class="btn btn-primary waves-element waves-button waves-light waves-will-raise" style="margin-top: 25px;"> <a href="http://bit.ly/dfua-c4p" class="bottom-section-link btn btn-primary waves-effect waves-button waves-light waves-float" target="_blank">Become a speaker</a>
<a class="bottom-section-link" href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
</span>
</div> </div>
</div> </div>
</section> </section>
@ -495,7 +489,7 @@
<!-- Begin Speakers Modals --> <!-- Begin Speakers Modals -->
<div class="modals"> <div class="modals" class="modals">
<div class="modal fade text-left people-modal" id="speakerDetail-3" tabindex="-1" role="dialog" aria-labelledby="speakerDetailLabel-3" aria-hidden="true"> <div class="modal fade text-left people-modal" id="speakerDetail-3" tabindex="-1" role="dialog" aria-labelledby="speakerDetailLabel-3" aria-hidden="true">
@ -926,6 +920,8 @@
<script> <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
@ -951,7 +947,9 @@
</script> </script>
<script src="/zeppelin/js/jquery.appear.min.js"></script> <script src="/zeppelin/js/jquery.appear.min.js"></script>
<script src="/zeppelin/js/waves.min.js"></script> <script src="/zeppelin/js/waves.min.js"></script>
<script src="/zeppelin/js/scripts.min.js"></script> <script>Waves.displayEffect();</script>
<script src="/zeppelin/js/scripts.js"></script>
</body> </body>
</html> </html>

View file

@ -86,26 +86,22 @@
</li> </li>
<li><a href="/zeppelin/blog/">Blog</a> <li><a href="/zeppelin/blog/">Blog</a>
</li> </li>
<!-- <li><a href="#">Schedule</a> <li><a href="/zeppelin/schedule/">Schedule</a>
</li> --> </li>
<li><a href="/zeppelin/speakers/">Speakers</a> <li><a href="/zeppelin/speakers/">Speakers</a>
</li> </li>
<li><a class="current" href="/zeppelin/team/">Team</a> <li><a class="current" href="/zeppelin/team/">Team</a>
</li> </li>
<!-- <li><a href="#">Hackathon</a>
</li> -->
<li><a href="/zeppelin/logistics/">Logistics</a> <li><a href="/zeppelin/logistics/">Logistics</a>
</li> </li>
</ul> </ul>
<ul id="bottom-navlinks" class="bottom-navlinks visible-xs"> <ul id="bottom-navlinks" class="bottom-navlinks visible-xs">
<!-- <li><a href="#">Buy tickets</a>
</li> -->
<li><a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a> <li><a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
</li> </li>
</ul> </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 id="right-nav-button" href="http://bit.ly/dfua-c4p" 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">
<a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a> Become a speaker
</span> </a>
</nav> </nav>
</header> </header>
@ -128,8 +124,8 @@
<h4 class="text-left animated hiding appear-animation-trigger" data-animation="fadeInUp" data-delay="0">Organizers</h4> <h4 class="text-left animated hiding appear-animation-trigger" data-animation="fadeInUp" data-delay="0">Organizers</h4>
<div class="effect-wrapper col-md-4 col-sm-6 col-xs-12 cols-centered appear-animation"> <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-0"> <div class="zoe-effect" data-toggle="modal" data-target="#speakerDetail-0">
<figure style="background-image: url(/zeppelin/img/speakers/VitaliyZasadnyy.jpg)"> <figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/VitaliyZasadnyy.jpg)">
<div class="overlay solid-overlay"></div> <div class="overlay solid-overlay"></div>
<figcaption> <figcaption>
<div class="col-md-8 col-xs-8 text-left"> <div class="col-md-8 col-xs-8 text-left">
@ -168,8 +164,8 @@
</div> </div>
<div class="effect-wrapper col-md-4 col-sm-6 col-xs-12 cols-centered appear-animation"> <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-1"> <div class="zoe-effect" data-toggle="modal" data-target="#speakerDetail-1">
<figure style="background-image: url(/zeppelin/img/speakers/OlehZasadnyy.jpg)"> <figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/OlehZasadnyy.jpg)">
<div class="overlay solid-overlay"></div> <div class="overlay solid-overlay"></div>
<figcaption> <figcaption>
<div class="col-md-8 col-xs-8 text-left"> <div class="col-md-8 col-xs-8 text-left">
@ -196,8 +192,8 @@
</div> </div>
<div class="effect-wrapper col-md-4 col-sm-6 col-xs-12 cols-centered appear-animation"> <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-2"> <div class="zoe-effect" data-toggle="modal" data-target="#speakerDetail-2">
<figure style="background-image: url(/zeppelin/img/speakers/OstapAndrusiv.jpg)"> <figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/OstapAndrusiv.jpg)">
<div class="overlay solid-overlay"></div> <div class="overlay solid-overlay"></div>
<figcaption> <figcaption>
<div class="col-md-8 col-xs-8 text-left"> <div class="col-md-8 col-xs-8 text-left">
@ -234,8 +230,8 @@
<h4 class="text-left animated hiding appear-animation-trigger" data-animation="fadeInUp" data-delay="0">Program committee</h4> <h4 class="text-left animated hiding appear-animation-trigger" data-animation="fadeInUp" data-delay="0">Program committee</h4>
<div class="effect-wrapper col-md-4 col-sm-6 col-xs-12 cols-centered appear-animation"> <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-4"> <div class="zoe-effect" data-toggle="modal" data-target="#speakerDetail-4">
<figure class="flow-img" style="background-image: url(/zeppelin/img/speakers/DmytroDanylyk.jpg)"> <figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/DmytroDanylyk.jpg)">
<div class="overlay solid-overlay"></div> <div class="overlay solid-overlay"></div>
<figcaption> <figcaption>
<div class="col-md-8 col-xs-8 text-left"> <div class="col-md-8 col-xs-8 text-left">
@ -268,8 +264,8 @@
</div> </div>
<div class="effect-wrapper col-md-4 col-sm-6 col-xs-12 cols-centered appear-animation"> <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-7"> <div class="zoe-effect" data-toggle="modal" data-target="#speakerDetail-7">
<figure class="flow-img" style="background-image: url(/zeppelin/img/speakers/ValentynShybanov.jpg)"> <figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/ValentynShybanov.jpg)">
<div class="overlay solid-overlay"></div> <div class="overlay solid-overlay"></div>
<figcaption> <figcaption>
<div class="col-md-8 col-xs-8 text-left"> <div class="col-md-8 col-xs-8 text-left">
@ -381,7 +377,7 @@
<!-- Begin Speakers Modals --> <!-- Begin Speakers Modals -->
<div class="modals"> <div class="modals" class="modals">
@ -398,6 +394,8 @@
<script> <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
@ -423,7 +421,9 @@
</script> </script>
<script src="/zeppelin/js/jquery.appear.min.js"></script> <script src="/zeppelin/js/jquery.appear.min.js"></script>
<script src="/zeppelin/js/waves.min.js"></script> <script src="/zeppelin/js/waves.min.js"></script>
<script src="/zeppelin/js/scripts.min.js"></script> <script>Waves.displayEffect();</script>
<script src="/zeppelin/js/scripts.js"></script>
</body> </body>
</html> </html>

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

46
css/main.min.css vendored

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
img/organizers/gdg-kyiv.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

129
img/organizers/gdg-lviv.svg Normal file
View file

@ -0,0 +1,129 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1"
id="svg2" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:svg="http://www.w3.org/2000/svg" inkscape:version="0.48.2 r9819" sodipodi:docname="Новий документ 1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="241.911px" height="60px"
viewBox="251.092 496.181 241.911 60" enable-background="new 251.092 496.181 241.911 60" xml:space="preserve">
<g id="layer1" inkscape:label="Layer 1" inkscape:groupmode="layer">
<g id="g4264" transform="translate(-985.90425,-3367.8867)">
<g id="Layer_9">
</g>
<g id="Layer_10">
</g>
<g id="Layer_11">
</g>
<g id="Layer_11_copy">
</g>
<g id="Layer_8_copy">
</g>
<g id="Layer_18">
</g>
<g id="Layer_19">
</g>
<g id="Layer_13">
</g>
<g id="Layer_15">
</g>
<g id="Layer_24">
<g id="g4210">
<path id="path4212" inkscape:connector-curvature="0" fill="none" d="M1249.415,3902.277l-12.117,19.772
c-0.681,1.11-0.172,2.019,1.131,2.019h14.209c1.302,0,2.929-0.906,3.615-2.013l6.416-10.365L1249.415,3902.277
L1249.415,3902.277z"/>
<path id="path4214" inkscape:connector-curvature="0" fill="none" d="M1267.028,3883.49l-10.774-17.406
c-0.686-1.107-2.312-2.014-3.615-2.014l-14.21,0c-1.303,0-1.811,0.909-1.13,2.019l13.796,22.511l7.755-10.919L1267.028,3883.49
L1267.028,3883.49z"/>
</g>
<linearGradient id="path4221_1_" gradientUnits="userSpaceOnUse" x1="2465.9128" y1="241.4677" x2="2481.4009" y2="231.7898" gradientTransform="matrix(1 0 0 -1 -1221.8945 4148.6489)">
<stop offset="0.54" style="stop-color:#0A985C"/>
<stop offset="0.54" style="stop-color:#F6C25B"/>
</linearGradient>
<path id="path4221" inkscape:connector-curvature="0" fill="url(#path4221_1_)" d="M1261.928,3907.385
c-1.179-1.983-4.039-7.077-6.177-10.872l-2.412-4.248c0.555,1.118,0.515,2.779-0.122,3.819l-15.911,25.963
c-0.68,1.109-0.172,2.02,1.132,2.02h14.207c1.303,0,2.93-0.907,3.615-2.014l6.427-10.378
C1262.55,3911.863,1263.446,3909.935,1261.928,3907.385L1261.928,3907.385z"/>
<g id="g4223">
<path id="path4225" inkscape:connector-curvature="0" fill="none" d="M1249.422,3902.275l-12.116,19.773
c-0.68,1.109-0.171,2.02,1.132,2.02h14.208c1.303,0,2.929-0.907,3.615-2.014l6.419-10.366L1249.422,3902.275L1249.422,3902.275z
"/>
<path id="path4227" inkscape:connector-curvature="0" fill="none" d="M1267.036,3883.487l-10.776-17.406
c-0.683-1.108-2.311-2.013-3.613-2.013h-14.209c-1.304,0-1.812,0.909-1.132,2.02l13.797,22.513l7.757-10.921L1267.036,3883.487
L1267.036,3883.487z"/>
<path id="path4229" inkscape:connector-curvature="0" opacity="0.09" fill="#010101" enable-background="new " d="
M1272.339,3896.083c0.688-1.108,0.688-2.922,0.002-4.03l-5.304-8.567l-8.177-5.808l-7.757,10.921l2.114,3.448
c0.681,1.11,0.681,2.928,0,4.038l-3.795,6.19l13.257,9.413L1272.339,3896.083L1272.339,3896.083z"/>
</g>
<linearGradient id="path4236_1_" gradientUnits="userSpaceOnUse" x1="2470.3823" y1="259.6602" x2="2486.2651" y2="269.5848" gradientTransform="matrix(1 0 0 -1 -1221.8945 4148.6489)">
<stop offset="0.57" style="stop-color:#5586C5"/>
<stop offset="0.57" style="stop-color:#D9423E"/>
</linearGradient>
<path id="path4236" inkscape:connector-curvature="0" fill="url(#path4236_1_)" d="M1272.336,3892.058l-16.076-25.973
c-0.685-1.108-2.313-2.014-3.615-2.014h-14.212c-1.302,0-1.81,0.908-1.13,2.02l15.911,25.961l2.536,4.462
c2.138,3.794,4.998,8.888,6.177,10.872c1.775,2.985,0.247,5.115,0.935,4.006l9.474-15.304
C1273.022,3894.979,1273.022,3893.168,1272.336,3892.058z M1253.233,3892.082c0.016,0.027,0.036,0.057,0.057,0.094l0,0
c0,0.004,0.002,0.004,0.004,0.007C1253.272,3892.144,1253.251,3892.111,1253.233,3892.082z M1254.367,3894.061
c0.053,0.096,0.11,0.196,0.168,0.296C1254.477,3894.257,1254.421,3894.157,1254.367,3894.061z M1254.353,3894.025
c0.088,0.155,0.178,0.314,0.271,0.479C1254.531,3894.338,1254.44,3894.179,1254.353,3894.025z">
<namedview zoom="0.0875" showgrid="false" document-units="px" guide-bbox="true" pageshadow="2" window-y="-4" cx="1267.4286" pageopacity="0.0" cy="885.96512" window-x="-4" pagecolor="#ffffff" showguides="true" window-height="712" window-width="1280" current-layer="layer1" borderopacity="1.0" bordercolor="#666666">
<guide orientation="0,1" position="-3095.1074,2723.3713" id="guide5732"></guide>
</namedview>
</path>
<g enable-background="new ">
<path fill="#4E4E4E" d="M1306.167,3890.121h14.065v17.564c-3.819,1.308-8.017,1.961-12.594,1.961
c-5.023,0-8.905-1.456-11.646-4.368s-4.112-7.066-4.112-12.46c0-5.261,1.5-9.354,4.502-12.282
c3.001-2.927,7.207-4.391,12.616-4.391c2.051,0,3.986,0.193,5.807,0.58s3.407,0.877,4.759,1.471l-2.786,6.91
c-2.348-1.159-4.926-1.739-7.734-1.739c-2.571,0-4.559,0.836-5.963,2.508c-1.404,1.671-2.106,4.061-2.106,7.166
c0,3.047,0.635,5.368,1.906,6.966s3.102,2.396,5.494,2.396c1.308,0,2.511-0.126,3.611-0.379v-5.104h-5.817V3890.121z"/>
<path fill="#4E4E4E" d="M1351.843,3892.217c0,5.439-1.498,9.629-4.492,12.572s-7.203,4.413-12.627,4.413h-10.543v-32.588h11.278
c5.23,0,9.27,1.337,12.115,4.012C1350.419,3883.301,1351.843,3887.164,1351.843,3892.217z M1342.703,3892.529
c0-2.987-0.59-5.201-1.771-6.642s-2.976-2.162-5.383-2.162h-2.563v18.255h1.961c2.675,0,4.637-0.776,5.885-2.329
S1342.703,3895.724,1342.703,3892.529z"/>
<path fill="#4E4E4E" d="M1368.074,3890.121h14.064v17.564c-3.819,1.308-8.018,1.961-12.594,1.961
c-5.022,0-8.904-1.456-11.646-4.368c-2.741-2.912-4.112-7.066-4.112-12.46c0-5.261,1.501-9.354,4.503-12.282
c3.001-2.927,7.207-4.391,12.615-4.391c2.051,0,3.986,0.193,5.807,0.58s3.406,0.877,4.759,1.471l-2.786,6.91
c-2.348-1.159-4.926-1.739-7.734-1.739c-2.571,0-4.559,0.836-5.963,2.508c-1.403,1.671-2.105,4.061-2.105,7.166
c0,3.047,0.635,5.368,1.905,6.966s3.102,2.396,5.494,2.396c1.308,0,2.511-0.126,3.611-0.379v-5.104h-5.817V3890.121z"/>
</g>
<g>
</g>
<g enable-background="new ">
<path fill="#4E4E4E" d="M1404.968,3909.201v-32.588h5.327v28.019h13.798v4.569H1404.968z"/>
<path fill="#4E4E4E" d="M1432.077,3909.201l-9.361-24.652h5.528l5.015,14.332c0.861,2.407,1.382,4.354,1.561,5.84h0.178
c0.134-1.069,0.654-3.017,1.561-5.84l5.016-14.332h5.572l-9.406,24.652H1432.077z"/>
<path fill="#4E4E4E" d="M1447.883,3878.018c0-0.936,0.256-1.657,0.769-2.162c0.513-0.505,1.245-0.758,2.196-0.758
c0.921,0,1.638,0.253,2.15,0.758c0.513,0.505,0.77,1.226,0.77,2.162c0,0.892-0.257,1.594-0.77,2.106s-1.229,0.769-2.15,0.769
c-0.951,0-1.684-0.256-2.196-0.769S1447.883,3878.909,1447.883,3878.018z M1453.433,3909.201h-5.237v-24.652h5.237V3909.201z"/>
<path fill="#4E4E4E" d="M1463.846,3909.201l-9.361-24.652h5.528l5.015,14.332c0.861,2.407,1.382,4.354,1.561,5.84h0.178
c0.134-1.069,0.654-3.017,1.561-5.84l5.016-14.332h5.572l-9.406,24.652H1463.846z"/>
</g>
</g>
<g id="Layer_25">
</g>
<g id="Layer_26">
</g>
<g id="Layer_27">
</g>
<g id="Layer_28">
</g>
<g id="Layer_29">
</g>
<g id="Layer_30">
</g>
<g id="Layer_31">
</g>
<g id="Layer_32">
</g>
<g id="Layer_33">
</g>
<g id="Layer_34">
</g>
<g id="Layer_36">
</g>
<g id="Layer_35">
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 7.6 KiB

View file

@ -19,7 +19,7 @@ permalink: /
{% include twitter-feed.html %} {% include twitter-feed.html %}
{% include sponsors.html %} {% include partners.html %}
{% include subscribe.html %} {% include subscribe.html %}

8
js/jquery.sticky-kit.min.js vendored Normal file
View file

@ -0,0 +1,8 @@
/*
Sticky-kit v1.0.4 | WTFPL | Leaf Corcoran 2014 | http://leafo.net
*/
(function(){var b,m;b=this.jQuery;m=b(window);b.fn.stick_in_parent=function(e){var u,n,f,s,B,l,C;null==e&&(e={});s=e.sticky_class;u=e.inner_scrolling;f=e.parent;n=e.offset_top;null==n&&(n=0);null==f&&(f=void 0);null==u&&(u=!0);null==s&&(s="is_stuck");B=function(a,e,l,v,y,p,t){var q,z,k,w,c,d,A,x,g,h;if(!a.data("sticky_kit")){a.data("sticky_kit",!0);d=a.parent();null!=f&&(d=d.closest(f));if(!d.length)throw"failed to find stick parent";q=k=!1;g=b("<div />");g.css("position",a.css("position"));A=function(){var c,
b;c=parseInt(d.css("border-top-width"),10);b=parseInt(d.css("padding-top"),10);e=parseInt(d.css("padding-bottom"),10);l=d.offset().top+c+b;v=d.height();c=k?(k=!1,q=!1,a.insertAfter(g).css({position:"",top:"",width:"",bottom:""}),g.detach(),!0):void 0;y=a.offset().top-parseInt(a.css("margin-top"),10)-n;p=a.outerHeight(!0);t=a.css("float");g.css({width:a.outerWidth(!0),height:p,display:a.css("display"),"vertical-align":a.css("vertical-align"),"float":t});if(c)return h()};A();if(p!==v)return w=void 0,
c=n,h=function(){var b,h,r,f;r=m.scrollTop();null!=w&&(h=r-w);w=r;k?(f=r+p+c>v+l,q&&!f&&(q=!1,a.css({position:"fixed",bottom:"",top:c}).trigger("sticky_kit:unbottom")),r<y&&(k=!1,c=n,"left"!==t&&"right"!==t||a.insertAfter(g),g.detach(),b={position:"",width:"",top:""},a.css(b).removeClass(s).trigger("sticky_kit:unstick")),u&&(b=m.height(),p>b&&!q&&(c-=h,c=Math.max(b-p,c),c=Math.min(n,c),k&&a.css({top:c+"px"})))):r>y&&(k=!0,b={position:"fixed",top:c},b.width="border-box"===a.css("box-sizing")?a.outerWidth()+
"px":a.width()+"px",a.css(b).addClass(s).after(g),"left"!==t&&"right"!==t||g.append(a),a.trigger("sticky_kit:stick"));if(k&&(null==f&&(f=r+p+c>v+l),!q&&f))return q=!0,"static"===d.css("position")&&d.css({position:"relative"}),a.css({position:"absolute",bottom:e,top:"auto"}).trigger("sticky_kit:bottom")},x=function(){A();return h()},z=function(){m.off("scroll",h);b(document.body).off("sticky_kit:recalc",x);a.off("sticky_kit:detach",z);a.removeData("sticky_kit");a.css({position:"",bottom:"",top:""});
d.position("position","");if(k)return a.insertAfter(g).removeClass(s),g.remove()},m.on("touchmove",h),m.on("scroll",h),m.on("resize",x),b(document.body).on("sticky_kit:recalc",x),a.on("sticky_kit:detach",z),setTimeout(h,0)}};l=0;for(C=this.length;l<C;l++)e=this[l],B(b(e));return this}}).call(this);

View file

@ -20,14 +20,20 @@
}, 1000); }, 1000);
}); });
if ($(window).width() > 1500) {
$('.effect-wrapper').each(function() { $('.stream-header').each(function() {
$(this).addClass('col-lg-3'); var scheduleFirstSlotText = $(this).closest('.schedule-table').find('.slot').first().data('slotDetail');
$(this).find('.slot-detail').html(scheduleFirstSlotText);
}); });
if ($(window).width() > 1500) {
$('.effect-wrapper').addClass('col-lg-3');
} }
if ($(window).width() < 768) { if ($(window).width() < 768) {
$('.animated').removeClass('animated').removeClass('hiding'); $('.animated').removeClass('animated').removeClass('hiding');
$('.stat span').removeClass('timer'); $('.stat span').removeClass('timer');
$('.timeslot-label').addClass('stick-label');
} }
if ($(window).height() < 512) { if ($(window).height() < 512) {
$('#bottom-navlinks').removeClass('bottom-navlinks').addClass('bottom-navlinks-small'); $('#bottom-navlinks').removeClass('bottom-navlinks').addClass('bottom-navlinks-small');
@ -41,8 +47,8 @@
var scroll = $(this).scrollTop(); var scroll = $(this).scrollTop();
var header = $('#top-header'); var header = $('#top-header');
var logo = $('#logo-header .logo'); var logo = $('#logo-header .logo');
var src = logo.attr('src');
var buyButton = $('#right-nav-button'); var buyButton = $('#right-nav-button');
var topOffset = header.height() + $('.stream-header').height();
if (scroll >= 100) { if (scroll >= 100) {
header.addClass('after-scroll'); header.addClass('after-scroll');
@ -57,6 +63,15 @@
} else { } else {
buyButton.addClass('right-nav-button-hidden'); buyButton.addClass('right-nav-button-hidden');
} }
$('.slot').each(function() {
var currentPosition = $(this).offset().top - scroll;
var offsetActivator = topOffset + $(this).find('.slot-title').height();
if(currentPosition <= offsetActivator && currentPosition >= 0) {
$('.stream-header.sticky').find('.slot-detail').html($(this).data('slotDetail'));
}
});
}); });
$(function() { $(function() {
@ -221,7 +236,7 @@
container.removeClass('st-menu-open'); container.removeClass('st-menu-open');
$('body').css('overflow', 'auto'); $('body').css('overflow', 'auto');
} }
generateSameHeight() generateSameHeight();
} }
var bottomNavLinks = $('#bottom-navlinks'); var bottomNavLinks = $('#bottom-navlinks');
if ($(window).height() < 512) { if ($(window).height() < 512) {
@ -231,6 +246,9 @@
} }
if ($(window).width() < 768) { if ($(window).width() < 768) {
$('.same-height').css('height', '100%'); $('.same-height').css('height', '100%');
$('.timeslot-label').addClass('stick-label');
} else {
$('.timeslot-label').removeClass('stick-label');
} }
}); });
@ -279,7 +297,6 @@
} }
}); });
//Google plus //Google plus
function initGooglePlus() { function initGooglePlus() {
var po = document.createElement('script'); var po = document.createElement('script');

2
js/scripts.min.js vendored

File diff suppressed because one or more lines are too long

245
js/waves.js Normal file
View file

@ -0,0 +1,245 @@
/*!
* Waves v0.5.0
* https://publicis-indonesia.github.io/Waves
*
* Copyright 2014 Publicis Metro Indonesia, PT. and other contributors
* Released under the BSD license
* https://github.com/publicis-indonesia/Waves/blob/master/LICENSE
*/
;(function(window) {
'use strict';
var Waves = Waves || {};
var $$ = document.querySelectorAll.bind(document);
// Find exact position of element
function position(obj) {
var left = 0;
var top = 0;
if (obj.offsetParent) {
do {
left += obj.offsetLeft;
top += obj.offsetTop;
} while (obj === obj.offsetParent);
}
return {
top: top,
left: left
};
}
function convertStyle(obj) {
var style = '';
for (var a in obj) {
if (obj.hasOwnProperty(a)) {
style += (a + ':' + obj[a] + ';');
}
}
return style;
}
var Effect = {
// Effect delay
duration: 5000,
show: function(e) {
console.log("show");
var el = this;
// Create ripple
var ripple = document.createElement('div');
ripple.className = 'waves-ripple';
el.appendChild(ripple);
// Get click coordinate and element witdh
var pos = position(el);
var relativeY = (e.pageY - pos.top) - 45;
var relativeX = (e.pageX - pos.left) - 45;
var scale = 'scale('+((el.clientWidth / 100) * 2.5)+')';
// Attach data to element
ripple.setAttribute('data-hold', Date.now());
ripple.setAttribute('data-scale', scale);
ripple.setAttribute('data-x', relativeX);
ripple.setAttribute('data-y', relativeY);
// Set ripple position
var rippleStyle = {
'top': relativeY+'px',
'left': relativeX+'px'
};
ripple.className = ripple.className + ' waves-notransition';
ripple.setAttribute('style', convertStyle(rippleStyle));
ripple.className = ripple.className.replace('waves-notransition', '');
// Scale the ripple
rippleStyle['-webkit-transform'] = scale;
rippleStyle['-moz-transform'] = scale;
rippleStyle['-ms-transform'] = scale;
rippleStyle['-o-transform'] = scale;
rippleStyle.transform = scale;
rippleStyle.opacity = '1';
rippleStyle['-webkit-transition-duration'] = Effect.duration + 'ms';
rippleStyle['-moz-transition-duration'] = Effect.duration + 'ms';
rippleStyle['-o-transition-duration'] = Effect.duration + 'ms';
rippleStyle['transition-duration'] = Effect.duration + 'ms';
ripple.setAttribute('style', convertStyle(rippleStyle));
},
hide: function() {
var el = this;
var width = el.clientWidth * 1.4;
// Get first ripple
var ripple = null;
var childrenLength = el.children.length;
for (var a = 0; a < childrenLength; a++) {
if (el.children[a].className.indexOf('waves-ripple') !== -1) {
ripple = el.children[a];
continue;
}
}
if (!ripple) {
return false;
}
var relativeX = ripple.getAttribute('data-x');
var relativeY = ripple.getAttribute('data-y');
var scale = ripple.getAttribute('data-scale');
// Get delay beetween mousedown and mouse leave
var diff = Date.now() - Number(ripple.getAttribute('data-hold'));
var delay = 500 - diff;
if (delay < 0) {
delay = 0;
}
// Fade out ripple after delay
setTimeout(function() {
var style = {
'top': relativeY+'px',
'left': relativeX+'px',
'opacity': '0',
// Duration
'-webkit-transition-duration': Effect.duration + 'ms',
'-moz-transition-duration': Effect.duration + 'ms',
'-o-transition-duration': Effect.duration + 'ms',
'transition-duration': Effect.duration + 'ms',
'-webkit-transform': scale,
'-moz-transform': scale,
'-ms-transform': scale,
'-o-transform': scale,
'transform': scale,
};
ripple.setAttribute('style', convertStyle(style));
setTimeout(function() {
try {
el.removeChild(ripple);
} catch(e) {
return false;
}
}, Effect.duration);
}, delay);
},
// Little hack to make <input> can perform waves effect
wrapInput: function(elements) {
for (var a = 0; a < elements.length; a++) {
var el = elements[a];
if (el.tagName.toLowerCase() === 'input') {
var parent = el.parentNode;
// If input already have parent just pass through
if (parent.tagName.toLowerCase() === 'i' && parent.className.indexOf('waves-effect') !== -1) {
return false;
}
// Put element class and style to the specified parent
var wrapper = document.createElement('i');
wrapper.className = el.className + ' waves-input-wrapper';
var elementStyle = el.getAttribute('style');
var dimensionStyle = 'width:'+el.offsetWidth+'px;height:'+el.clientHeight+'px;';
if (!elementStyle) {
elementStyle = '';
}
wrapper.setAttribute('style', dimensionStyle+elementStyle);
el.className = 'waves-button-input';
el.removeAttribute('style');
// Put element as child
parent.replaceChild(wrapper, el);
wrapper.appendChild(el);
}
}
}
};
Waves.displayEffect = function(options) {
console.log("init");
options = options || {};
if ('duration' in options) {
Effect.duration = options.duration;
}
//Wrap input inside <i> tag
Effect.wrapInput($$('.waves-effect'));
Array.prototype.forEach.call($$('.waves-effect'), function(i) {
if (window.Touch) {
i.addEventListener('touchstart', Effect.show, false);
i.addEventListener('touchend', Effect.hide, false);
}
i.addEventListener('mousedown', Effect.show, false);
i.addEventListener('mouseup', Effect.hide, false);
i.addEventListener('mouseleave', Effect.hide, false);
});
};
window.Waves = Waves;
})(window);

7
js/waves.min.js vendored
View file

@ -1,9 +1,10 @@
/*! /*!
* Waves v0.1.0 * Waves v0.5.1
* https://publicis-indonesia.github.io/Waves/ * https://publicis-indonesia.github.io/Waves
* *
* Copyright 2014 Publicis Metro Indonesia, PT. and other contributors * Copyright 2014 Publicis Metro Indonesia, PT. and other contributors
* Released under the BSD license * Released under the BSD license
* https://github.com/publicis-indonesia/Waves/blob/master/LICENSE * https://github.com/publicis-indonesia/Waves/blob/master/LICENSE
*/ */
;(function(b,c){var a={};a.rippleShow=function(j){var i=c(this);i.append('<div class="waves-ripple"></div>');var k=i.offset();var h=(j.pageX-k.left);var f=(j.pageY-k.top);var g=i.outerWidth();i.data("hold",Date.now());i.data("relativeX",h);i.data("relativeY",f);var d=i.find(".waves-ripple");d.addClass("waves-notransition").css({top:f,left:h});d.context.offsetHeight;d.removeClass("waves-notransition").css({"border-width":g,"margin-top":-g,"margin-left":-g,opacity:1})};a.rippleHide=function(){var f=c(this);var d=f.find(".waves-ripple");var g=Date.now()-f.data("hold");var e=500-g;if(e<0){e=0}setTimeout(function(){d.css({top:f.data("relativeY"),left:f.data("relativeX"),opacity:0});setTimeout(function(){d.remove()},300)},e)};c(document).on("ready",function(){c(this).on("mousedown",".waves-element",a.rippleShow).on("mouseup mouseleave",".waves-element",a.rippleHide)})})(window,jQuery); !function(a){"use strict";function b(a){return null!==a&&a===a.window}function c(a){return b(a)?a:9===a.nodeType&&a.defaultView}function d(a){var b,d,e={top:0,left:0},f=a&&a.ownerDocument;return b=f.documentElement,"undefined"!=typeof a.getBoundingClientRect&&(e=a.getBoundingClientRect()),d=c(f),{top:e.top+d.pageYOffset-b.clientTop,left:e.left+d.pageXOffset-b.clientLeft}}function e(a){var b="";for(var c in a)a.hasOwnProperty(c)&&(b+=c+":"+a[c]+";");return b}var f=f||{},g=document.querySelectorAll.bind(document),h={duration:500,show:function(a){var b=this,c=document.createElement("div");c.className="waves-ripple",b.appendChild(c);var f=d(b),g=a.pageY-f.top-45,i=a.pageX-f.left-45,j="scale("+b.clientWidth/100*2.5+")";c.setAttribute("data-hold",Date.now()),c.setAttribute("data-scale",j),c.setAttribute("data-x",i),c.setAttribute("data-y",g);var k={top:g+"px",left:i+"px"};c.className=c.className+" waves-notransition",c.setAttribute("style",e(k)),c.className=c.className.replace("waves-notransition",""),k["-webkit-transform"]=j,k["-moz-transform"]=j,k["-ms-transform"]=j,k["-o-transform"]=j,k.transform=j,k.opacity="1",k["-webkit-transition-duration"]=h.duration+"ms",k["-moz-transition-duration"]=h.duration+"ms",k["-o-transition-duration"]=h.duration+"ms",k["transition-duration"]=h.duration+"ms",c.setAttribute("style",e(k))},hide:function(){for(var a=this,b=(1.4*a.clientWidth,null),c=a.children.length,d=0;c>d;d++)-1===a.children[d].className.indexOf("waves-ripple")||(b=a.children[d]);if(!b)return!1;var f=b.getAttribute("data-x"),g=b.getAttribute("data-y"),i=b.getAttribute("data-scale"),j=Date.now()-Number(b.getAttribute("data-hold")),k=500-j;0>k&&(k=0),setTimeout(function(){var c={top:g+"px",left:f+"px",opacity:"0","-webkit-transition-duration":h.duration+"ms","-moz-transition-duration":h.duration+"ms","-o-transition-duration":h.duration+"ms","transition-duration":h.duration+"ms","-webkit-transform":i,"-moz-transform":i,"-ms-transform":i,"-o-transform":i,transform:i};b.setAttribute("style",e(c)),setTimeout(function(){try{a.removeChild(b)}catch(c){return!1}},h.duration)},k)},wrapInput:function(a){for(var b=0;b<a.length;b++){var c=a[b];if("input"===c.tagName.toLowerCase()){var d=c.parentNode;if("i"===d.tagName.toLowerCase()&&-1!==d.className.indexOf("waves-effect"))return!1;var e=document.createElement("i");e.className=c.className+" waves-input-wrapper";var f=c.getAttribute("style"),g="width:"+c.offsetWidth+"px;height:"+c.clientHeight+"px;";f||(f=""),e.setAttribute("style",g+f),c.className="waves-button-input",c.removeAttribute("style"),d.replaceChild(e,c),e.appendChild(c)}}}};f.displayEffect=function(b){b=b||{},"duration"in b&&(h.duration=b.duration),h.wrapInput(g(".waves-effect")),Array.prototype.forEach.call(g(".waves-effect"),function(b){a.Touch&&(b.addEventListener("touchstart",h.show,!1),b.addEventListener("touchend",h.hide,!1)),b.addEventListener("mousedown",h.show,!1),b.addEventListener("mouseup",h.hide,!1),b.addEventListener("mouseleave",h.hide,!1)})},a.Waves=f}(window);
//# sourceMappingURL=waves.min.js.map

9
schedule.html Normal file
View file

@ -0,0 +1,9 @@
---
layout: default
title: Event schedule
permalink: /schedule/
---
{% include top-section.html %}
{% include schedule.html %}