mirror of
https://github.com/medialab-prado/datamad2017.git
synced 2024-12-26 04:31:22 +01:00
Schedule page
This commit is contained in:
Oleh Zasadnyy
parent
e7d34d963f
commit
5c8e326daa
67 changed files with 1384 additions and 11890 deletions
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
_site
|
||||
_sass/.sass-cache
|
||||
|
|
@ -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
|
||||
```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).
|
||||
|
|
@ -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 countTo Plugin](https://github.com/mhuggins/jquery-countTo)
|
||||
* [Typed.js](https://github.com/mattboldt/typed.js)
|
||||
* [Sticky-kit](https://github.com/leafo/sticky-kit)
|
||||
|
||||
### 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.
|
||||
|
|
|
|||
|
|
@ -17,9 +17,9 @@ googleAnalyticsSiteUrl: "gdg-x.github.io"
|
|||
# Location block
|
||||
eventLocationName: "Conference Hall"
|
||||
eventLocationAddress: "22 Teatral'na St, Lviv"
|
||||
eventStartTime: "2014-10-18T10:00"
|
||||
eventStartTime: "2014-10-24T10:00"
|
||||
eventStartTimeHumanReadable: "10:00"
|
||||
eventEndTime: "2014-10-18T20:00"
|
||||
eventEndTime: "2014-10-24T20:00"
|
||||
eventEndTimeHumanReadable: "20:00"
|
||||
eventPlaceCoordinates: "49.843237,24.028751"
|
||||
mapCenterCoordinates: "49.842537,24.025701"
|
||||
|
|
|
|||
10
_data/organizers.yml
Normal file
10
_data/organizers.yml
Normal 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
46
_data/schedule.yml
Normal 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]
|
||||
}
|
||||
|
|
@ -2,49 +2,44 @@
|
|||
id: 001
|
||||
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."
|
||||
track: android
|
||||
track: "Android"
|
||||
subtype: workshop
|
||||
speakers: [3]
|
||||
startTimeStamp: 1382774400
|
||||
endTimestamp: 1382796000
|
||||
language: en
|
||||
color: "#90be4e"
|
||||
-
|
||||
id: 002
|
||||
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 you’ll see how to use the Android Wear SDK to build a connected cloud-powered application. Using Android Studio and it’s cloud extensions, you’ll see how to build an app that ‘listens’ for changes in stock prices, and notifies a wearable device. You’ll 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
|
||||
speakers: [4, 5]
|
||||
startTimeStamp: 1382774400
|
||||
endTimestamp: 1382796000
|
||||
language: en
|
||||
color: "#03a9f4"
|
||||
-
|
||||
id: 003
|
||||
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."
|
||||
track: android
|
||||
track: "Community"
|
||||
subtype: presentation
|
||||
speakers: [4]
|
||||
startTimeStamp: 1382774400
|
||||
endTimestamp: 1382796000
|
||||
language: en
|
||||
color: "#e91e63"
|
||||
-
|
||||
id: 004
|
||||
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."
|
||||
track: web
|
||||
track: "Web & Cloud"
|
||||
subtype: keynote
|
||||
speakers: [6]
|
||||
startTimeStamp: 1382774400
|
||||
endTimestamp: 1382796000
|
||||
language: uk
|
||||
color: "#03a9f4"
|
||||
-
|
||||
id: 005
|
||||
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."
|
||||
track: web
|
||||
track: "Web & Cloud"
|
||||
subtype: keynote
|
||||
speakers: [7]
|
||||
startTimeStamp: 1382774400
|
||||
endTimestamp: 1382796000
|
||||
language: en
|
||||
color: "#03a9f4"
|
||||
|
|
|
|||
|
|
@ -1,13 +0,0 @@
|
|||
<!-- Begin Top Section -->
|
||||
<section id="top-section">
|
||||
<div class="gradient-overlay"></div>
|
||||
|
||||
{% include navigation.html %}
|
||||
|
||||
<div class="jumbotron text-left">
|
||||
<div class="animated hiding" data-animation="fadeInLeft" data-delay="500">
|
||||
<h1>{{ page.title }}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Top Section -->
|
||||
|
|
@ -6,9 +6,7 @@
|
|||
<div class="animated hiding" data-animation="fadeInDown" data-delay="500">
|
||||
<h1>GDG DevFest <span id="typeout-text"></span> 2014</h1>
|
||||
<p>{{site.eventDate}}</p>
|
||||
<span class="btn btn-primary waves-element waves-button waves-light waves-will-raise">
|
||||
<a href="{{ site.c4pUrl }}" target="_blank">Become a speaker</a>
|
||||
</span>
|
||||
<a href="{{ site.c4pUrl }}" class="btn btn-primary waves-effect waves-button waves-light waves-float" target="_blank">Become a speaker</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#about" class="explore animated hidden fadeInDown">
|
||||
|
|
|
|||
|
|
@ -12,25 +12,21 @@
|
|||
</li>
|
||||
<li><a {% if page.permalink == '/blog/' %} class="current" {% endif %} href="{{ site.baseurl }}/blog/">Blog</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Schedule</a>
|
||||
</li> -->
|
||||
<li><a {% if page.permalink == '/schedul/e' %} class="current" {% endif %} href="{{ site.baseurl }}/schedule/">Schedule</a>
|
||||
</li>
|
||||
<li><a {% if page.permalink == '/speakers/' %} class="current" {% endif %} href="{{ site.baseurl }}/speakers/">Speakers</a>
|
||||
</li>
|
||||
<li><a {% if page.permalink == '/team/' %} class="current" {% endif %} href="{{ site.baseurl }}/team/">Team</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Hackathon</a>
|
||||
</li> -->
|
||||
<li><a {% if page.permalink == '/logistics/' %} class="current" {% endif %} href="{{ site.baseurl }}/logistics/">Logistics</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="bottom-navlinks" class="bottom-navlinks visible-xs">
|
||||
<!-- <li><a href="#">Buy tickets</a>
|
||||
</li> -->
|
||||
<li><a href="{{ site.c4pUrl }}" target="_blank">Become a speaker</a>
|
||||
</li>
|
||||
</ul>
|
||||
<span id="right-nav-button" class="right-nav-button right-nav-button-hidden btn btn-primary waves-element waves-button waves-light waves-will-raise pull-right hidden-xs hidden-sm">
|
||||
<a href="{{ site.c4pUrl }}" target="_blank">Become a speaker</a>
|
||||
</span>
|
||||
<a id="right-nav-button" href="{{ site.c4pUrl }}" class="right-nav-button right-nav-button-hidden btn btn-primary waves-effect waves-button waves-light waves-float pull-right hidden-xs hidden-sm" target="_blank">
|
||||
Become a speaker
|
||||
</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
|
@ -1,34 +1,20 @@
|
|||
<!-- Begin Organizers Section -->
|
||||
<section id="sponsors">
|
||||
<section id="organizers" class="organizers">
|
||||
<div class="content-wrapper">
|
||||
<div class="col-lg-10 col-lg-offset-1">
|
||||
<!-- <h3>Organizers</h3> -->
|
||||
<h5>Main organizer</h5>
|
||||
{% for organizer in site.data.organizers %}
|
||||
<h5>{{ organizer.group }}</h5>
|
||||
<ul class="list-inline">
|
||||
{% for element in organizer.elements %}
|
||||
<li>
|
||||
<a href="http://lviv.gdg.org.ua/" target="_blank">
|
||||
<img src="{{ site.baseurl }}/img/sponsors/gdg-lviv.svg" alt="Google Developers Group Lviv">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<h5>Co-organizers</h5>
|
||||
<ul class="list-inline">
|
||||
<li>
|
||||
<a href="http://kyiv.gdg.org.ua/" target="_blank">
|
||||
<img src="{{ site.baseurl }}/img/sponsors/gdg-kyiv.png" alt="Google Developers Group Kyiv">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://cherkassy.gdg.org.ua/" target="_blank">
|
||||
<img src="{{ site.baseurl }}/img/sponsors/gdg-cherkassy.png" alt="Google Developers Group Cherkassy">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://dnipro.gdg.org.ua/" target="_blank">
|
||||
<img src="{{ site.baseurl }}/img/sponsors/gdg-dnipropetrovsk.png" alt="Google Developers Group Dnipropetrovs'k">
|
||||
<a href="{{ element.link }}" target="_blank">
|
||||
<img src="{{ site.baseurl }}/img/organizers/{{ element.imageUrl }}" alt="{{ element.description }}">
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
34
_includes/partners.html
Normal file
34
_includes/partners.html
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<!-- Begin Sponsors Section -->
|
||||
<section id="partners" class="partners">
|
||||
<div class="content-wrapper">
|
||||
<div class="col-lg-10 col-lg-offset-1">
|
||||
{% for organizer in site.data.organizers %}
|
||||
<h3>{{ organizer.group }}</h3>
|
||||
<ul class="list-inline">
|
||||
{% for element in organizer.elements %}
|
||||
<li>
|
||||
<a href="{{ element.link }}" target="_blank">
|
||||
<img src="{{ site.baseurl }}/img/organizers/{{ element.imageUrl }}" title="{{ element.description }}" alt="{{ element.name }}">
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endfor %}
|
||||
<h3>Partners</h3>
|
||||
{% for partner in site.data.partners %}
|
||||
<h5>{{ partner.group }}</h5>
|
||||
<ul class="list-inline">
|
||||
{% for element in partner.elements %}
|
||||
<li>
|
||||
<a href="{{ element.link }}" target="_blank">
|
||||
<img src="{{ site.baseurl }}/img/partners/{{ element.imageUrl }}" title="{{ element.description }}" alt="{{ element.name }}">
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endfor %}
|
||||
<a href="{{ site.baseurl | append: site.c4sponsorsUrl }}" class="btn btn-primary waves-effect waves-button waves-light waves-float">Become a sponsor</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Sponsors Section -->
|
||||
|
|
@ -42,13 +42,13 @@
|
|||
|
||||
<div class="post-body">{{ content }}</div>
|
||||
|
||||
<div id="page-navigation">
|
||||
<div class="left pull-left">
|
||||
<div id="page-navigation" class="page-navigation">
|
||||
<div class="next col-xs-6">
|
||||
{% if page.next.url %}
|
||||
<a href="{{page.next.url}}" title="{{page.next.title | strip_html }}">« {{page.next.title | strip_html | truncate: 15 }}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="right pull-right">
|
||||
<div class="previous col-xs-6">
|
||||
{% if page.previous.url %}
|
||||
<a href="{{page.previous.url}}" title="{{page.previous.title | strip_html }}">{{page.previous.title | strip_html | truncate: 15 }} »</a>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
{% for speaker in site.data.speakers %}
|
||||
{% if speaker.rockstar %}
|
||||
<div id="rockstar-speaker-{{ speaker.id }}" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="{{ speaker.id }}" data-animation="fadeInUp" data-delay="500">
|
||||
<div class="rockstar-speaker-item">
|
||||
<div class="rockstar-speaker">
|
||||
<div class="flow-img img-circle rockstar-speaker-img" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"></div>
|
||||
<div class="name">{{ speaker.name }} {{ speaker.surname }}</div>
|
||||
<div class="sub">{{ speaker.company }}</div>
|
||||
|
|
@ -17,8 +17,8 @@
|
|||
{% endfor %}
|
||||
|
||||
<div class="clearfix"></div>
|
||||
<span class="waves-element waves-button waves-light bordered">
|
||||
<a href="{{ site.baseurl }}/speakers/" class="bottom-section-link">See all speakers</a>
|
||||
<span class="bordered">
|
||||
<a href="{{ site.baseurl }}/speakers/" class="bottom-section-link waves-effect waves-button waves-light">See all speakers</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
67
_includes/schedule.html
Normal file
67
_includes/schedule.html
Normal file
|
|
@ -0,0 +1,67 @@
|
|||
<!-- Begin Schedule Section -->
|
||||
<section id="schedule" class="schedule">
|
||||
<div class="content-wrapper">
|
||||
{% for day in site.data.schedule %}
|
||||
<div class="schedule-table col-lg-8 col-md-10 col-md-offset-1">
|
||||
<h4 class="schedule-table-heading">{{ day.dateReadable }}</h4>
|
||||
<div class="timeslot stream-header stick-header">
|
||||
<div class="stream-header-label">Day {{ forloop.index }}</div>
|
||||
<div class="timeslot-elements flexbox-wrapper">
|
||||
{% for track in day.tracks %}
|
||||
{% assign trackColWidth = 12 | divided_by: forloop.length %}
|
||||
<div class="stream-header-slot col-md-{{ trackColWidth }} flexbox-item-height hidden-xs">
|
||||
<h5 class="stream-header-title">{{ track.title }}</h5>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="stream-header-slot col-xs-12 visible-xs">
|
||||
<h5 class="slot-detail stream-header-title"></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% for timeslot in day.timeslots %}
|
||||
<div class="timeslot" itemtype="http://schema.org/subEvent">
|
||||
<div class="timeslot-label">
|
||||
<time class="start-time" itemprop="startDate" datetime="{{ day.dateReadable }}T{{ timeslot.startTime }}">
|
||||
{% assign startTime = timeslot.startTime | split:":" %}
|
||||
{{ startTime[0] }}<span>{{ startTime[1] }}</span>
|
||||
</time>
|
||||
<time class="end-time" itemprop="endDate" datetime="{{ day.dateReadable }}T{{ timeslot.endTime }}">
|
||||
{% assign endTime = timeslot.endTime | split:":" %}
|
||||
{{ endTime[0] }}<span>{{ endTime[1] }}</span>
|
||||
</time>
|
||||
</div>
|
||||
<div class="timeslot-elements flexbox-wrapper">
|
||||
{% for slot in timeslot.slots %}
|
||||
{% assign slotColWidth = 12 | divided_by: forloop.length %}
|
||||
{% for session in site.data.sessions %}
|
||||
{% if slot == session.id %}
|
||||
<div class="slot col-md-{{ slotColWidth }} col-xs-12 flexbox-item-height" data-slot-detail="{{ session.track }}" data-toggle="modal" data-target="#sessionDetail-{{ session.id }}" style="border-top-color: {{ session.color }}">
|
||||
<div class="slot-content" style="border-right-color: {{ session.color }}">
|
||||
<h5 class="slot-title" itemprop="name">{{ session.title }}</h5>
|
||||
<span class="slot-language">{{session.language | upcase}}</span>
|
||||
<ul class="slot-speakers">
|
||||
{% for speaker in site.data.speakers %}
|
||||
{% for session_speaker in session.speakers %}
|
||||
{% if session_speaker == speaker.id %}
|
||||
<li itemprop="performer"><div class="speaker-img flow-img img-circle" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"></div>
|
||||
<p class="speaker-name">{{ speaker.name }} {{ speaker.surname }}
|
||||
<span class="speaker-position">{{ speaker.company }}</span>
|
||||
</p>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Schedule Section -->
|
||||
61
_includes/session-modals.html
Normal file
61
_includes/session-modals.html
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
<!-- Begin Speakers Modals -->
|
||||
<div class="modals" class="modals">
|
||||
{% for session in site.data.sessions %}
|
||||
<div class="modal fade text-left people-modal" id="sessionDetail-{{ session.id }}" tabindex="-1" role="dialog" aria-labelledby="sessionDetailLabel-{{ session.id }}" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<div class="close">
|
||||
<svg class="icon icon-cross" viewBox="0 0 32 32">
|
||||
<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-cross"></use>
|
||||
</svg>
|
||||
<div class="close-mask" data-dismiss="modal"></div>
|
||||
</div>
|
||||
<h4>{{ session.title }}</h4>
|
||||
<span class="theme-language"><span class="caption">Language: </span>{{session.language}}</span>
|
||||
<p class="theme-description">{{ session.description }}</p>
|
||||
<hr>
|
||||
<div class="people-details">
|
||||
{% for speaker in site.data.speakers %}
|
||||
{% for session_speaker in session.speakers %}
|
||||
{% if session_speaker == speaker.id %}
|
||||
<div class="row">
|
||||
<div class="col-md-2 col-sm-2">
|
||||
<div class="flow-img img-circle people-img" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"></div>
|
||||
</div>
|
||||
<div class="col-md-10 col-sm-10 details">
|
||||
<p class="name">{{ speaker.name }} {{ speaker.surname }}
|
||||
<span class="position">{{ speaker.title }}, {{ speaker.company }}</span>
|
||||
</p>
|
||||
{% if speaker.ribbon != null %}
|
||||
<div class="modal-ribbon-wrapper">
|
||||
{% for ribbon in speaker.ribbon %}
|
||||
<a class="modal-ribbon" href="ribbon["url"]" target="_blank">{{ ribbon["title"] }}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<p class="about">{{ speaker.bio }}</p>
|
||||
<ul class="social">
|
||||
{% for social in speaker.social %}
|
||||
<li>
|
||||
<a href="{{ social["link"] }}" target="_blank">
|
||||
<svg class="icon icon-{{ social["name"] }}" viewBox="0 0 30 32">
|
||||
<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-{{ social["name"] }}"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<!-- End Speakers Modals -->
|
||||
|
|
@ -4,8 +4,8 @@
|
|||
<div class="col-lg-10 col-lg-offset-1 appear-animation-trigger">
|
||||
{% for speaker in site.data.speakers %}
|
||||
<div class="effect-wrapper col-md-4 col-sm-6 col-xs-12 appear-animation">
|
||||
<div class="zoe-effect ribbon-activator waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-{{ speaker.id }}">
|
||||
<figure style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})">
|
||||
<div class="zoe-effect ribbon-activator" data-toggle="modal" data-target="#speakerDetail-{{ speaker.id }}">
|
||||
<figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})">
|
||||
<div class="overlay solid-overlay"></div>
|
||||
{% if speaker.ribbon != null %}
|
||||
<ul class="ribbon-wrapper">
|
||||
|
|
@ -37,9 +37,7 @@
|
|||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<span class="btn btn-primary waves-element waves-button waves-light waves-will-raise" style="margin-top: 25px;">
|
||||
<a class="bottom-section-link" href="{{ site.c4pUrl }}" target="_blank">Become a speaker</a>
|
||||
</span>
|
||||
<a href="{{ site.c4pUrl }}" class="bottom-section-link btn btn-primary waves-effect waves-button waves-light waves-float" target="_blank">Become a speaker</a>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Speakers List 2 -->
|
||||
|
|
@ -6,8 +6,8 @@
|
|||
{% for speaker in site.data.speakers %}
|
||||
<div class="effect-wrapper appear-animation col-md-4 col-sm-6 col-xs-12">
|
||||
<div class="lily-effect ribbon-activator">
|
||||
<div class="lily-head waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-{{ speaker.id }}">
|
||||
<figure style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})">
|
||||
<div class="lily-head" data-toggle="modal" data-target="#speakerDetail-{{ speaker.id }}">
|
||||
<figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})">
|
||||
<div class="overlay solid-overlay"></div>
|
||||
{% if speaker.ribbon != null %}
|
||||
<ul class="ribbon-wrapper">
|
||||
|
|
@ -48,9 +48,7 @@
|
|||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<span class="btn btn-primary waves-element waves-button waves-light waves-will-raise" style="margin-top: 25px;">
|
||||
<a class="bottom-section-link" href="{{ site.c4pUrl }}" target="_blank">Become a speaker</a>
|
||||
</span>
|
||||
<a href="{{ site.c4pUrl }}" class="bottom-section-link btn btn-primary waves-effect waves-button waves-light waves-float" target="_blank">Become a speaker</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!-- Begin Speakers Modals -->
|
||||
<div class="modals">
|
||||
<div class="modals" class="modals">
|
||||
{% for speaker in site.data.speakers %}
|
||||
{% if page.modal == "all" or (page.modal == 'team' and (speaker.team != null or speaker.subTeam != null)) %}
|
||||
<div class="modal fade text-left people-modal" id="speakerDetail-{{ speaker.id }}" tabindex="-1" role="dialog" aria-labelledby="speakerDetailLabel-{{ speaker.id }}" aria-hidden="true">
|
||||
|
|
|
|||
|
|
@ -1,26 +0,0 @@
|
|||
<!-- Begin Sponsors Section -->
|
||||
<section id="sponsors" class="sponsors">
|
||||
<div class="content-wrapper">
|
||||
<div class="col-lg-10 col-lg-offset-1">
|
||||
<h3>Partners</h3>
|
||||
{% for partner in site.data.partners %}
|
||||
<h5>{{ partner.group }}</h5>
|
||||
<ul class="list-inline">
|
||||
{% for element in partner.elements %}
|
||||
<li>
|
||||
<a href="{{ element.link }}" target="_blank">
|
||||
<img src="{{ site.baseurl }}/img/partners/{{ element.imageUrl }}" alt="{{ element.description }}">
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endfor %}
|
||||
<a href="{{ site.baseurl | append: site.c4sponsorsUrl }}">
|
||||
<span class="btn btn-primary waves-element waves-button waves-light waves-will-raise">
|
||||
Become a sponsor
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Sponsors Section -->
|
||||
|
|
@ -7,9 +7,9 @@
|
|||
<div id="mc_embed_signup" class="col-lg-8 col-sm-8 col-lg-offset-2 col-sm-offset-2">
|
||||
<form action="{{site.subscribeAction}}" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
|
||||
<div class="mc-field-group col-lg-9 col-sm-9 col-xs-12">
|
||||
<span class="email waves-element waves-button waves-light bordered">
|
||||
<input type="email" value="" name="EMAIL" class="required" id="mce-EMAIL" placeholder="your@email.com" autocomplete="off">
|
||||
</span>
|
||||
<i class="email bordered required waves-effect waves-light waves-input-wrapper">
|
||||
<input type="email" value="" name="EMAIL" class="waves-button-input" id="mce-EMAIL" placeholder="your@email.com" autocomplete="off">
|
||||
</i>
|
||||
</div>
|
||||
<div id="mce-responses" class="clear">
|
||||
<div class="response" id="mce-error-response" style="display:none"></div>
|
||||
|
|
@ -20,9 +20,9 @@
|
|||
<input type="text" name="b_9fc8aa205b0521b5f05fc8e1e_ae0fb459fc" tabindex="-1" value="">
|
||||
</div>
|
||||
<div class="mc-submit-group clear col-lg-3 col-sm-3 col-xs-12">
|
||||
<span class="button waves-element waves-button waves-light bordered">
|
||||
<input type="submit" value="Submit" name="subscribe" id="mc-embedded-subscribe">
|
||||
</span>
|
||||
<i class="button bordered required waves-effect waves-light waves-input-wrapper">
|
||||
<input type="submit" class="waves-button-input" value="Submit" name="subscribe" id="mc-embedded-subscribe">
|
||||
</i>
|
||||
</div>
|
||||
</form>
|
||||
<span class="subscribe-info">Registration will be open around end of August. Number of tickets are limited. Stay tuned!</span>
|
||||
|
|
|
|||
|
|
@ -7,18 +7,18 @@
|
|||
</div>
|
||||
<div class="col-lg-10 col-lg-offset-1 text-center">
|
||||
<h4 class="text-left animated hiding appear-animation-trigger" data-animation="fadeInUp" data-delay="0">Organizers</h4>
|
||||
{% for speaker in site.data.team %} {% if speaker.team != null %}
|
||||
{% for teamMember in site.data.team %} {% if teamMember.team != null %}
|
||||
<div class="effect-wrapper col-md-4 col-sm-6 col-xs-12 cols-centered appear-animation">
|
||||
<div class="zoe-effect waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-{{ speaker.id }}">
|
||||
<figure style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})">
|
||||
<div class="zoe-effect" data-toggle="modal" data-target="#speakerDetail-{{ teamMember.id }}">
|
||||
<figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: teamMember.thumbnailUrl }})">
|
||||
<div class="overlay solid-overlay"></div>
|
||||
<figcaption>
|
||||
<div class="col-md-8 col-xs-8 text-left">
|
||||
<h2 class="name">{{ speaker.name }} <span>{{ speaker.surname }}</span></h2>
|
||||
<h2 class="name">{{ teamMember.name }} <span>{{ teamMember.surname }}</span></h2>
|
||||
<div class="clearfix"></div>
|
||||
<span class="position">{{ speaker.title }}</span>
|
||||
<span class="position">{{ teamMember.title }}</span>
|
||||
</div>
|
||||
{% for social in speaker.social %}
|
||||
{% for social in teamMember.social %}
|
||||
<a href="{{ social["link"] }}" target="_blank">
|
||||
<svg class="icon icon-{{ social["name"] }}" viewBox="0 0 30 32">
|
||||
<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-{{ social["name"] }}"></use>
|
||||
|
|
@ -33,18 +33,18 @@
|
|||
</div>
|
||||
<div class="col-lg-10 col-lg-offset-1 text-center">
|
||||
<h4 class="text-left animated hiding appear-animation-trigger" data-animation="fadeInUp" data-delay="0">Program committee</h4>
|
||||
{% for speaker in site.data.team %} {% if speaker.subTeam != null %}
|
||||
{% for teamMember in site.data.team %} {% if teamMember.subTeam != null %}
|
||||
<div class="effect-wrapper col-md-4 col-sm-6 col-xs-12 cols-centered appear-animation">
|
||||
<div class="zoe-effect waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-{{ speaker.id }}">
|
||||
<figure class="flow-img" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})">
|
||||
<div class="zoe-effect" data-toggle="modal" data-target="#speakerDetail-{{ teamMember.id }}">
|
||||
<figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: teamMember.thumbnailUrl }})">
|
||||
<div class="overlay solid-overlay"></div>
|
||||
<figcaption>
|
||||
<div class="col-md-8 col-xs-8 text-left">
|
||||
<h2 class="name">{{ speaker.name }} <span>{{ speaker.surname }}</span></h2>
|
||||
<h2 class="name">{{ teamMember.name }} <span>{{ teamMember.surname }}</span></h2>
|
||||
<div class="clearfix"></div>
|
||||
<span class="position">{{ speaker.title }}</span>
|
||||
<span class="position">{{ teamMember.title }}</span>
|
||||
</div>
|
||||
{% for social in speaker.social %}
|
||||
{% for social in teamMember.social %}
|
||||
<a href="{{ social["link"] }}" target="_blank">
|
||||
<svg class="icon icon-{{ social["name"] }}" viewBox="0 0 30 32">
|
||||
<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-{{ social["name"] }}"></use>
|
||||
|
|
|
|||
|
|
@ -24,6 +24,10 @@
|
|||
{% include speakers-modals.html %}
|
||||
{% endif %}
|
||||
|
||||
{% if page.permalink == '/schedule/' %}
|
||||
{% include session-modals.html %}
|
||||
{% endif %}
|
||||
|
||||
{% include analytics.html %}
|
||||
|
||||
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
|
||||
|
|
@ -40,7 +44,19 @@
|
|||
</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/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>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -49,6 +49,7 @@
|
|||
var twitterFeedUrl = '{{ site.twitterFeed }}';
|
||||
|
||||
$(document).ready(function () {
|
||||
Waves.displayEffect();
|
||||
$(function () {
|
||||
$("#typeout-text").typed({
|
||||
strings: [{{site.typeoutTextValues}}],
|
||||
|
|
|
|||
|
|
@ -40,6 +40,7 @@
|
|||
var centerMap = new google.maps.LatLng({{site.logisticsMapCenterCoordinates}});
|
||||
var mobileCenterMap = new google.maps.LatLng({{site.logisticsMapMobileCenterCoordinates}});
|
||||
var icon = '{{ site.baseurl }}/img/svg/map-marker.svg';
|
||||
Waves.displayEffect();
|
||||
</script>
|
||||
<script src="{{ "/js/scripts.min.js" | prepend: site.baseurl }}"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -37,6 +37,7 @@
|
|||
</script>
|
||||
<script src="{{ "/js/jquery.appear.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>
|
||||
</body>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
require 'sass-media_query_combiner'
|
||||
require 'autoprefixer-rails'
|
||||
require "./remove-all-comments-monkey-patch"
|
||||
|
||||
on_stylesheet_saved do |file|
|
||||
css = File.read(file)
|
||||
|
|
@ -13,7 +14,31 @@ css_dir = "../css"
|
|||
sass_dir = "./"
|
||||
images_dir = "../img"
|
||||
javascripts_dir = "../js"
|
||||
output_style = :expanded
|
||||
relative_assets = true
|
||||
line_comments = false
|
||||
sourcemap = true
|
||||
|
||||
if environment == :development
|
||||
line_comments = 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
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
@import "partials/location-map";
|
||||
@import "partials/venue";
|
||||
@import "partials/twitter-feed";
|
||||
@import "partials/sponsors";
|
||||
@import "partials/partners";
|
||||
@import "partials/subscribe";
|
||||
@import "partials/footer";
|
||||
@import "partials/blog";
|
||||
|
|
@ -35,3 +35,4 @@
|
|||
@import "partials/lily-effect";
|
||||
@import "partials/ribbon";
|
||||
@import "partials/modal";
|
||||
@import "partials/schedule";
|
||||
|
|
@ -29,3 +29,27 @@
|
|||
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;
|
||||
}
|
||||
|
|
@ -1,20 +1,18 @@
|
|||
.waves-button {
|
||||
padding: 5px 18px 7px;
|
||||
border-radius: 3px;
|
||||
a, a:hover, a:visited, a:link, button, input[type='submit'], input[type='button'] {
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
color: #fff;
|
||||
&:hover, &:link, &:visited, .waves-button-input {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.btn {
|
||||
font-weight: $bold;
|
||||
transition: all .28s cubic-bezier(.4, 0, .2, 1);
|
||||
transition: $base-cubic-transition;
|
||||
}
|
||||
.btn-primary {
|
||||
user-select: none;
|
||||
text-transform: uppercase;
|
||||
border: 0;
|
||||
background: $primary-color;
|
||||
background: $primary-color !important;
|
||||
&:hover, &:focus, &:active, &.active {
|
||||
outline: none;
|
||||
background: $primary-color-hover;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
@include web-fonts(($fixed-font-family: ($light,$regular,$bold)));
|
||||
body, html {
|
||||
@include web-fonts(($fixed-font-family:($light, $regular, $bold)));
|
||||
body, html {
|
||||
font-family: $fixed-font-family, $base-font-family;
|
||||
font-size: $base-font-size;
|
||||
font-weight: $regular;
|
||||
|
|
@ -27,6 +27,9 @@ p {
|
|||
font-weight: 300;
|
||||
line-height: $base-line-height;
|
||||
}
|
||||
i {
|
||||
font-style: normal;
|
||||
}
|
||||
b, strong {
|
||||
font-weight: $bold;
|
||||
}
|
||||
|
|
@ -76,6 +79,9 @@ h6 {
|
|||
font-size: $h6-font-size * 80 / 100;
|
||||
}
|
||||
}
|
||||
time {
|
||||
display: block;
|
||||
}
|
||||
.content-wrapper {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
|
@ -120,157 +126,110 @@ h6 {
|
|||
background-color: #fff;
|
||||
}
|
||||
.loader-gplus {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: calc(50% - 20px);
|
||||
left: calc(50% - 20px);
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
animation: rotate 2.4s linear infinite;
|
||||
overflow: hidden;
|
||||
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;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
z-index: 1;
|
||||
border-radius: 0 20px 20px 0;
|
||||
transform-origin: 0 50%;
|
||||
}
|
||||
&::before {
|
||||
z-index: 2;
|
||||
right: 0;
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
content: '';
|
||||
animation: color-switch 2.4s linear infinite;
|
||||
border-radius: 40px 40px 0 0;
|
||||
transform-style: preserve-3d;
|
||||
animation: flip 3s linear 0s infinite;
|
||||
}
|
||||
&:after {
|
||||
transform-origin: 0 100%;
|
||||
animation-name: unfold, color-shift;
|
||||
animation-duration: .6s, 2.4s;
|
||||
animation-timing-function: linear, linear;
|
||||
animation-iteration-count: infinite, infinite;
|
||||
&::after {
|
||||
animation: reveal 3s steps(1) 0s infinite;
|
||||
}
|
||||
}
|
||||
@keyframes rotate {
|
||||
0.0001% {
|
||||
-webkit-transform: rotateZ(0deg);
|
||||
transform: rotateZ(0deg);
|
||||
background-color: rgb(58, 123, 247);
|
||||
@keyframes base {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
background-color: #21aa29;
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: rotateZ(0deg);
|
||||
transform: rotateZ(0deg);
|
||||
background-color: rgb(58, 123, 247);
|
||||
}
|
||||
25.0001% {
|
||||
-webkit-transform: rotateZ(90deg);
|
||||
transform: rotateZ(90deg);
|
||||
background-color: rgb(222, 74, 66);
|
||||
transform: rotate(90deg);
|
||||
background-color: #2159d6;
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotateZ(90deg);
|
||||
transform: rotateZ(90deg);
|
||||
background-color: rgb(222, 74, 66);
|
||||
}
|
||||
50.0001% {
|
||||
-webkit-transform: rotateZ(180deg);
|
||||
transform: rotateZ(180deg);
|
||||
background-color: rgb(255, 214, 74);
|
||||
transform: rotate(180deg);
|
||||
background-color: #d62408;
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: rotateZ(180deg);
|
||||
transform: rotateZ(180deg);
|
||||
background-color: rgb(255, 214, 74);
|
||||
}
|
||||
75.0001% {
|
||||
-webkit-transform: rotateZ(270deg);
|
||||
transform: rotateZ(270deg);
|
||||
background-color: rgb(33, 173, 100);
|
||||
transform: rotate(270deg);
|
||||
background-color: #ffcf00;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotateZ(270deg);
|
||||
transform: rotateZ(270deg);
|
||||
background-color: rgb(33, 173, 100);
|
||||
transform: rotate(360deg);
|
||||
background-color: #21aa29;
|
||||
}
|
||||
}
|
||||
@keyframes unfold {
|
||||
to {
|
||||
-webkit-transform: rotateX(180deg) rotateZ(0deg);
|
||||
transform: rotateX(180deg) rotateZ(0deg);
|
||||
}
|
||||
}
|
||||
@keyframes color-switch {
|
||||
0.0001% {
|
||||
background-color: rgb(222, 74, 66);
|
||||
@keyframes reveal {
|
||||
0% {
|
||||
background-color: #2159d6;
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
25% {
|
||||
background-color: rgb(222, 74, 66);
|
||||
}
|
||||
25.0001% {
|
||||
background-color: rgb(255, 214, 74);
|
||||
background-color: #d62408;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
50% {
|
||||
background-color: rgb(255, 214, 74);
|
||||
}
|
||||
50.0001% {
|
||||
background-color: rgb(33, 173, 100);
|
||||
background-color: #ffcf00;
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
75% {
|
||||
background-color: rgb(33, 173, 100);
|
||||
}
|
||||
75.0001% {
|
||||
background-color: rgb(58, 123, 247);
|
||||
background-color: #21aa29;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
100% {
|
||||
background-color: rgb(58, 123, 247);
|
||||
background-color: #2159d6;
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
}
|
||||
@keyframes color-shift {
|
||||
0.0001% {
|
||||
border-bottom: 1px solid rgb(58, 123, 247);
|
||||
background-color: rgb(58, 123, 247);
|
||||
@keyframes flip {
|
||||
0% {
|
||||
background-color: #21aa29;
|
||||
transform: rotateY(0deg);
|
||||
}
|
||||
12.5% {
|
||||
border-bottom: 1px solid rgb(45, 105, 200);
|
||||
background-color: rgb(40, 95, 195);
|
||||
12.5%, 87.56% {
|
||||
background-color: #105514;
|
||||
}
|
||||
12.5001% {
|
||||
border-bottom: 1px solid rgb(232, 120, 115);
|
||||
background-color: rgb(232, 120, 115);
|
||||
12.51%, 37.5% {
|
||||
background-color: #102c6b;
|
||||
}
|
||||
25% {
|
||||
border-bottom: 1px solid rgb(222, 74, 66);
|
||||
background-color: rgb(222, 74, 66);
|
||||
background-color: #2159d6;
|
||||
}
|
||||
37.5% {
|
||||
border-bottom: 1px solid rgb(230, 107, 99);
|
||||
background-color: rgb(230, 107, 99);
|
||||
}
|
||||
37.5001% {
|
||||
border-bottom: 1px solid rgb(255, 222, 123);
|
||||
background-color: rgb(255, 222, 123);
|
||||
37.51%, 62.5% {
|
||||
background-color: #6b1204;
|
||||
}
|
||||
50% {
|
||||
border-bottom: 1px solid rgb(255, 214, 90);
|
||||
background-color: rgb(255, 214, 90);
|
||||
background-color: #d62408;
|
||||
}
|
||||
62.5% {
|
||||
border-bottom: 1px solid rgb(255, 222, 123);
|
||||
background-color: rgb(255, 222, 123);
|
||||
62.51%, 87.5% {
|
||||
background-color: #7f6700;
|
||||
}
|
||||
62.5001% {
|
||||
border-bottom: 1px solid rgb(25, 140, 74);
|
||||
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);
|
||||
75%, 78% {
|
||||
background-color: #ffcf00;
|
||||
}
|
||||
100% {
|
||||
border-bottom: 1px solid rgb(58, 123, 247);
|
||||
background-color: rgb(58, 123, 247);
|
||||
background-color: #21aa29;
|
||||
transform: rotateY(-720deg);
|
||||
}
|
||||
}
|
||||
.social-links {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
.bordered {
|
||||
display: inline-block;
|
||||
color: rgba(255, 255, 255, .6);
|
||||
border: 1px solid rgba(255, 255, 255, .6);
|
||||
border-radius: 0;
|
||||
|
|
@ -23,6 +24,7 @@
|
|||
}
|
||||
.bottom-section-link {
|
||||
text-transform: uppercase;
|
||||
padding: 7px 17px;
|
||||
}
|
||||
.card {
|
||||
position: relative;
|
||||
|
|
@ -106,3 +108,12 @@
|
|||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
.flexbox-wrapper {
|
||||
@include flexbox();
|
||||
}
|
||||
.flexbox-item-height {
|
||||
@include flex(1);
|
||||
}
|
||||
.reset-padding {
|
||||
padding: 0;
|
||||
}
|
||||
|
|
@ -23,6 +23,9 @@
|
|||
font-size: 21px;
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
time {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.canvas-map {
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@ $nav-scroll-color-hover: rgba(0, 0, 0, .8);
|
|||
z-index: 500;
|
||||
width: 100%;
|
||||
padding: 0 45px;
|
||||
background: rgba(255, 255, 255, 0);
|
||||
transition: $base-transition;
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
padding: 13px 0 0 34px;
|
||||
|
|
@ -130,8 +131,8 @@ nav {
|
|||
}
|
||||
}
|
||||
}
|
||||
#right-nav-button {
|
||||
margin: 14px 65px 0 0;
|
||||
.right-nav-button {
|
||||
margin: 11px 65px 0 0;
|
||||
transition: $base-transition;
|
||||
opacity: 1;
|
||||
a {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
.sponsors {
|
||||
.partners {
|
||||
h5 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
|
@ -6,13 +6,13 @@
|
|||
margin-bottom: 65px;
|
||||
li {
|
||||
width: 16%;
|
||||
min-width: 180px;
|
||||
max-width: 250px;
|
||||
min-width: 160px;
|
||||
max-width: 180px;
|
||||
margin: 13px 7px;
|
||||
@media (max-width: 767px) {
|
||||
width: 40%;
|
||||
min-width: 120px;
|
||||
max-width: 180px;
|
||||
max-width: 160px;
|
||||
}
|
||||
}
|
||||
}
|
||||
173
_sass/partials/_schedule.scss
Normal file
173
_sass/partials/_schedule.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,28 +1,22 @@
|
|||
.subscribe {
|
||||
.email {
|
||||
font-size: 16px;
|
||||
font-weight: $light;
|
||||
width: 100%;
|
||||
height: 53px;
|
||||
margin-bottom: 16px;
|
||||
padding: 0;
|
||||
transition: $base-transition;
|
||||
text-align: center;
|
||||
border-radius: 0;
|
||||
input {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0 32px;
|
||||
text-align: center;
|
||||
border: 0;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
.button {
|
||||
@extend .email;
|
||||
input {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
.mc-field-group {
|
||||
padding-right: 3px;
|
||||
|
|
|
|||
|
|
@ -109,6 +109,13 @@ $figcaption-color: #3c4a50;
|
|||
}
|
||||
.position {
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
height: 15px;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
}
|
||||
.bio {
|
||||
|
|
|
|||
8
_sass/remove-all-comments-monkey-patch.rb
Normal file
8
_sass/remove-all-comments-monkey-patch.rb
Normal 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
|
||||
121
_sass/vendor/_waves.scss
vendored
121
_sass/vendor/_waves.scss
vendored
|
|
@ -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;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
transition: all .3s ease-out;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
@include transition(all .3s ease-out);
|
||||
|
||||
.waves-ripple {
|
||||
position: absolute;
|
||||
border-radius: 100%;
|
||||
border-width:0px;
|
||||
border-style:solid;
|
||||
width:0px;
|
||||
height:0px;
|
||||
border-radius: 50%;
|
||||
width:100px;
|
||||
height:100px;
|
||||
opacity:0;
|
||||
border-color: rgba(0, 0, 0, 0.2);
|
||||
transition: all 0.5s ease-out;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
@include transition(all 0.5s ease-out);
|
||||
@include transform(scale(0));
|
||||
}
|
||||
|
||||
&.waves-light .waves-ripple {
|
||||
border-color: rgba(255, 255, 255, 0.2);
|
||||
background-color: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
}
|
||||
|
||||
.waves-notransition {
|
||||
-webkit-transition: none !important;
|
||||
-moz-transition: none !important;
|
||||
-o-transition: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
.waves-mask {
|
||||
|
||||
.waves-button,
|
||||
.waves-icon {
|
||||
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
|
||||
}
|
||||
.waves-button {
|
||||
@extend .waves-mask;
|
||||
padding:10px 15px;
|
||||
border-radius:4px;
|
||||
a, a:hover, a:visited, a:link, button, input[type="submit"], input[type="button"] {
|
||||
margin: 0;
|
||||
padding:0;
|
||||
|
||||
.waves-button,
|
||||
.waves-button:hover,
|
||||
.waves-button:visited,
|
||||
.waves-button:link,
|
||||
.waves-button-input {
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
|
|
@ -43,24 +83,57 @@
|
|||
font-size:14px;
|
||||
text-align: center;
|
||||
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;
|
||||
width:2.5em;
|
||||
height:2.5em;
|
||||
line-height:2.5em;
|
||||
border-radius:20px;
|
||||
border-radius:50%;
|
||||
}
|
||||
.waves-will-raise {
|
||||
|
||||
.waves-float {
|
||||
-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 {
|
||||
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 {
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* Firefox Bug: link not triggered */
|
||||
a.waves-effect .waves-ripple {
|
||||
z-index:-1;
|
||||
}
|
||||
|
|
@ -85,26 +85,22 @@
|
|||
</li>
|
||||
<li><a href="/zeppelin/blog/">Blog</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Schedule</a>
|
||||
</li> -->
|
||||
<li><a href="/zeppelin/schedule/">Schedule</a>
|
||||
</li>
|
||||
<li><a href="/zeppelin/speakers/">Speakers</a>
|
||||
</li>
|
||||
<li><a href="/zeppelin/team/">Team</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Hackathon</a>
|
||||
</li> -->
|
||||
<li><a href="/zeppelin/logistics/">Logistics</a>
|
||||
</li>
|
||||
</ul>
|
||||
<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>
|
||||
</ul>
|
||||
<span id="right-nav-button" class="right-nav-button right-nav-button-hidden btn btn-primary waves-element waves-button waves-light waves-will-raise pull-right hidden-xs hidden-sm">
|
||||
<a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
|
||||
</span>
|
||||
<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">
|
||||
Become a speaker
|
||||
</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
|
@ -232,11 +228,11 @@
|
|||
<p>Email organizers at <a href="mailto:devfest@gdg.org.ua">devfest@gdg.org.ua</a></p>
|
||||
</div>
|
||||
|
||||
<div id="page-navigation">
|
||||
<div class="left pull-left">
|
||||
<div id="page-navigation" class="page-navigation">
|
||||
<div class="next col-xs-6">
|
||||
|
||||
</div>
|
||||
<div class="right pull-right">
|
||||
<div class="previous col-xs-6">
|
||||
|
||||
<a href="/blog/hello-world" title="Hello World!">Hello World! »</a>
|
||||
|
||||
|
|
@ -380,6 +376,7 @@
|
|||
</script>
|
||||
<script src="/zeppelin/js/jquery.appear.min.js"></script>
|
||||
<script src="/zeppelin/js/waves.min.js"></script>
|
||||
<script>Waves.displayEffect();</script>
|
||||
<script src="/zeppelin/js/scripts.min.js"></script>
|
||||
</body>
|
||||
|
||||
|
|
|
|||
|
|
@ -85,26 +85,22 @@
|
|||
</li>
|
||||
<li><a href="/zeppelin/blog/">Blog</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Schedule</a>
|
||||
</li> -->
|
||||
<li><a href="/zeppelin/schedule/">Schedule</a>
|
||||
</li>
|
||||
<li><a href="/zeppelin/speakers/">Speakers</a>
|
||||
</li>
|
||||
<li><a href="/zeppelin/team/">Team</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Hackathon</a>
|
||||
</li> -->
|
||||
<li><a href="/zeppelin/logistics/">Logistics</a>
|
||||
</li>
|
||||
</ul>
|
||||
<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>
|
||||
</ul>
|
||||
<span id="right-nav-button" class="right-nav-button right-nav-button-hidden btn btn-primary waves-element waves-button waves-light waves-will-raise pull-right hidden-xs hidden-sm">
|
||||
<a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
|
||||
</span>
|
||||
<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">
|
||||
Become a speaker
|
||||
</a>
|
||||
</nav>
|
||||
</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&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 id="page-navigation">
|
||||
<div class="left pull-left">
|
||||
<div id="page-navigation" class="page-navigation">
|
||||
<div class="next col-xs-6">
|
||||
|
||||
<a href="/blog/call-for-papers" title="Call for Papers">« Call for Papers</a>
|
||||
|
||||
</div>
|
||||
<div class="right pull-right">
|
||||
<div class="previous col-xs-6">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -334,6 +330,7 @@ the final missing parts to the biggest Google related event in Ukraine - <a href
|
|||
</script>
|
||||
<script src="/zeppelin/js/jquery.appear.min.js"></script>
|
||||
<script src="/zeppelin/js/waves.min.js"></script>
|
||||
<script>Waves.displayEffect();</script>
|
||||
<script src="/zeppelin/js/scripts.min.js"></script>
|
||||
</body>
|
||||
|
||||
|
|
|
|||
|
|
@ -86,26 +86,22 @@
|
|||
</li>
|
||||
<li><a class="current" href="/zeppelin/blog/">Blog</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Schedule</a>
|
||||
</li> -->
|
||||
<li><a href="/zeppelin/schedule/">Schedule</a>
|
||||
</li>
|
||||
<li><a href="/zeppelin/speakers/">Speakers</a>
|
||||
</li>
|
||||
<li><a href="/zeppelin/team/">Team</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Hackathon</a>
|
||||
</li> -->
|
||||
<li><a href="/zeppelin/logistics/">Logistics</a>
|
||||
</li>
|
||||
</ul>
|
||||
<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>
|
||||
</ul>
|
||||
<span id="right-nav-button" class="right-nav-button right-nav-button-hidden btn btn-primary waves-element waves-button waves-light waves-will-raise pull-right hidden-xs hidden-sm">
|
||||
<a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
|
||||
</span>
|
||||
<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">
|
||||
Become a speaker
|
||||
</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
|
@ -312,6 +308,8 @@ This year event will take place in cultural capital of Ukraine - Lviv. Being a u
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
(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),
|
||||
|
|
@ -337,7 +335,9 @@ This year event will take place in cultural capital of Ukraine - Lviv. Being a u
|
|||
</script>
|
||||
<script src="/zeppelin/js/jquery.appear.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>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -85,26 +85,22 @@
|
|||
</li>
|
||||
<li><a href="/zeppelin/blog/">Blog</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Schedule</a>
|
||||
</li> -->
|
||||
<li><a href="/zeppelin/schedule/">Schedule</a>
|
||||
</li>
|
||||
<li><a href="/zeppelin/speakers/">Speakers</a>
|
||||
</li>
|
||||
<li><a href="/zeppelin/team/">Team</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Hackathon</a>
|
||||
</li> -->
|
||||
<li><a href="/zeppelin/logistics/">Logistics</a>
|
||||
</li>
|
||||
</ul>
|
||||
<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>
|
||||
</ul>
|
||||
<span id="right-nav-button" class="right-nav-button right-nav-button-hidden btn btn-primary waves-element waves-button waves-light waves-will-raise pull-right hidden-xs hidden-sm">
|
||||
<a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
|
||||
</span>
|
||||
<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">
|
||||
Become a speaker
|
||||
</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
|
@ -141,11 +137,11 @@
|
|||
<p><img class="img-responsive feature-image" src="/zeppelin/img/posts/cod.jpg" style="display:none" /></p>
|
||||
</div>
|
||||
|
||||
<div id="page-navigation">
|
||||
<div class="left pull-left">
|
||||
<div id="page-navigation" class="page-navigation">
|
||||
<div class="next col-xs-6">
|
||||
|
||||
</div>
|
||||
<div class="right pull-right">
|
||||
<div class="previous col-xs-6">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -265,6 +261,7 @@
|
|||
</script>
|
||||
<script src="/zeppelin/js/jquery.appear.min.js"></script>
|
||||
<script src="/zeppelin/js/waves.min.js"></script>
|
||||
<script>Waves.displayEffect();</script>
|
||||
<script src="/zeppelin/js/scripts.min.js"></script>
|
||||
</body>
|
||||
|
||||
|
|
|
|||
5655
_site/css/main.css
5655
_site/css/main.css
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
46
_site/css/main.min.css
vendored
46
_site/css/main.min.css
vendored
File diff suppressed because one or more lines are too long
120
_site/index.html
120
_site/index.html
|
|
@ -84,35 +84,29 @@
|
|||
</li>
|
||||
<li><a href="/zeppelin/blog/">Blog</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Schedule</a>
|
||||
</li> -->
|
||||
<li><a href="/zeppelin/schedule/">Schedule</a>
|
||||
</li>
|
||||
<li><a href="/zeppelin/speakers/">Speakers</a>
|
||||
</li>
|
||||
<li><a href="/zeppelin/team/">Team</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Hackathon</a>
|
||||
</li> -->
|
||||
<li><a href="/zeppelin/logistics/">Logistics</a>
|
||||
</li>
|
||||
</ul>
|
||||
<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>
|
||||
</ul>
|
||||
<span id="right-nav-button" class="right-nav-button right-nav-button-hidden btn btn-primary waves-element waves-button waves-light waves-will-raise pull-right hidden-xs hidden-sm">
|
||||
<a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
|
||||
</span>
|
||||
<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">
|
||||
Become a speaker
|
||||
</a>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="jumbotron">
|
||||
<div class="animated hiding" data-animation="fadeInDown" data-delay="500">
|
||||
<h1>GDG DevFest <span id="typeout-text"></span> 2014</h1>
|
||||
<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" target="_blank">Become a speaker</a>
|
||||
</span>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<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 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="name">Dawid Ostrowski</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 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="name">Dmytro Danylyk</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 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="name">Mateusz Herych</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 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="name">Roman Mazur</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 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="name">Valentyn Shybanov</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>
|
||||
<span class="waves-element waves-button waves-light bordered">
|
||||
<a href="/zeppelin/speakers/" class="bottom-section-link">See all speakers</a>
|
||||
<span class="bordered">
|
||||
<a href="/zeppelin/speakers/" class="bottom-section-link waves-effect waves-button waves-light">See all speakers</a>
|
||||
</span>
|
||||
</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>
|
||||
<li itemscope="" itemtype="http://schema.org/Event">
|
||||
<time itemprop="startDate" datetime="2014-10-18T10:00">10:00</time>-
|
||||
<time itemprop="endDate" datetime="2014-10-18T20:00">20:00</time>
|
||||
<time itemprop="startDate" datetime="2014-10-24T10:00">10:00</time>-
|
||||
<time itemprop="endDate" datetime="2014-10-24T20:00">20:00</time>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -389,9 +383,44 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
|
|||
|
||||
|
||||
<!-- Begin Sponsors Section -->
|
||||
<section id="sponsors" class="sponsors">
|
||||
<section id="partners" class="partners">
|
||||
<div class="content-wrapper">
|
||||
<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>
|
||||
|
||||
<h5>General sponsor</h5>
|
||||
|
|
@ -399,13 +428,13 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
|
|||
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
|
||||
|
|
@ -416,19 +445,19 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
|
|||
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
|
||||
|
|
@ -439,65 +468,61 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
|
|||
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<a href="/zeppelin/assets/GDG_DevFest_Partnership.pdf">
|
||||
<span class="btn btn-primary waves-element waves-button waves-light waves-will-raise">
|
||||
Become a sponsor
|
||||
</span>
|
||||
</a>
|
||||
<a href="/zeppelin/assets/GDG_DevFest_Partnership.pdf" class="btn btn-primary waves-effect waves-button waves-light waves-float">Become a sponsor</a>
|
||||
</div>
|
||||
</div>
|
||||
</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">
|
||||
<form action="http://gdg.us5.list-manage1.com/subscribe/post?u=9fc8aa205b0521b5f05fc8e1e&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">
|
||||
<span class="email waves-element waves-button waves-light bordered">
|
||||
<input type="email" value="" name="EMAIL" class="required" id="mce-EMAIL" placeholder="your@email.com" autocomplete="off">
|
||||
</span>
|
||||
<i class="email bordered required waves-effect waves-light waves-input-wrapper">
|
||||
<input type="email" value="" name="EMAIL" class="waves-button-input" id="mce-EMAIL" placeholder="your@email.com" autocomplete="off">
|
||||
</i>
|
||||
</div>
|
||||
<div id="mce-responses" class="clear">
|
||||
<div class="response" id="mce-error-response" style="display:none"></div>
|
||||
|
|
@ -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="">
|
||||
</div>
|
||||
<div class="mc-submit-group clear col-lg-3 col-sm-3 col-xs-12">
|
||||
<span class="button waves-element waves-button waves-light bordered">
|
||||
<input type="submit" value="Submit" name="subscribe" id="mc-embedded-subscribe">
|
||||
</span>
|
||||
<i class="button bordered required waves-effect waves-light waves-input-wrapper">
|
||||
<input type="submit" class="waves-button-input" value="Submit" name="subscribe" id="mc-embedded-subscribe">
|
||||
</i>
|
||||
</div>
|
||||
</form>
|
||||
<span class="subscribe-info">Registration will be open around end of August. Number of tickets are limited. Stay tuned!</span>
|
||||
|
|
@ -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';
|
||||
|
||||
$(document).ready(function () {
|
||||
Waves.displayEffect();
|
||||
$(function () {
|
||||
$("#typeout-text").typed({
|
||||
strings: ["", "Season", "Ukraine", "Germany", "USA"],
|
||||
|
|
|
|||
|
|
@ -20,14 +20,20 @@
|
|||
}, 1000);
|
||||
});
|
||||
|
||||
if ($(window).width() > 1500) {
|
||||
$('.effect-wrapper').each(function() {
|
||||
$(this).addClass('col-lg-3');
|
||||
|
||||
$('.stream-header').each(function() {
|
||||
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) {
|
||||
$('.animated').removeClass('animated').removeClass('hiding');
|
||||
$('.stat span').removeClass('timer');
|
||||
$('.timeslot-label').addClass('stick-label');
|
||||
}
|
||||
if ($(window).height() < 512) {
|
||||
$('#bottom-navlinks').removeClass('bottom-navlinks').addClass('bottom-navlinks-small');
|
||||
|
|
@ -41,8 +47,8 @@
|
|||
var scroll = $(this).scrollTop();
|
||||
var header = $('#top-header');
|
||||
var logo = $('#logo-header .logo');
|
||||
var src = logo.attr('src');
|
||||
var buyButton = $('#right-nav-button');
|
||||
var topOffset = header.height() + $('.stream-header').height();
|
||||
|
||||
if (scroll >= 100) {
|
||||
header.addClass('after-scroll');
|
||||
|
|
@ -57,6 +63,15 @@
|
|||
} else {
|
||||
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() {
|
||||
|
|
@ -221,7 +236,7 @@
|
|||
container.removeClass('st-menu-open');
|
||||
$('body').css('overflow', 'auto');
|
||||
}
|
||||
generateSameHeight()
|
||||
generateSameHeight();
|
||||
}
|
||||
var bottomNavLinks = $('#bottom-navlinks');
|
||||
if ($(window).height() < 512) {
|
||||
|
|
@ -231,6 +246,9 @@
|
|||
}
|
||||
if ($(window).width() < 768) {
|
||||
$('.same-height').css('height', '100%');
|
||||
$('.timeslot-label').addClass('stick-label');
|
||||
} else {
|
||||
$('.timeslot-label').removeClass('stick-label');
|
||||
}
|
||||
});
|
||||
|
||||
|
|
@ -279,7 +297,6 @@
|
|||
}
|
||||
});
|
||||
|
||||
|
||||
//Google plus
|
||||
function initGooglePlus() {
|
||||
var po = document.createElement('script');
|
||||
|
|
|
|||
2
_site/js/scripts.min.js
vendored
2
_site/js/scripts.min.js
vendored
File diff suppressed because one or more lines are too long
7
_site/js/waves.min.js
vendored
7
_site/js/waves.min.js
vendored
|
|
@ -1,9 +1,10 @@
|
|||
/*!
|
||||
* Waves v0.1.0
|
||||
* https://publicis-indonesia.github.io/Waves/
|
||||
* 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
|
||||
*/
|
||||
;(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
|
||||
|
|
@ -86,26 +86,22 @@
|
|||
</li>
|
||||
<li><a href="/zeppelin/blog/">Blog</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Schedule</a>
|
||||
</li> -->
|
||||
<li><a href="/zeppelin/schedule/">Schedule</a>
|
||||
</li>
|
||||
<li><a href="/zeppelin/speakers/">Speakers</a>
|
||||
</li>
|
||||
<li><a href="/zeppelin/team/">Team</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Hackathon</a>
|
||||
</li> -->
|
||||
<li><a class="current" href="/zeppelin/logistics/">Logistics</a>
|
||||
</li>
|
||||
</ul>
|
||||
<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>
|
||||
</ul>
|
||||
<span id="right-nav-button" class="right-nav-button right-nav-button-hidden btn btn-primary waves-element waves-button waves-light waves-will-raise pull-right hidden-xs hidden-sm">
|
||||
<a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
|
||||
</span>
|
||||
<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">
|
||||
Become a speaker
|
||||
</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
|
@ -353,6 +349,7 @@
|
|||
var centerMap = new google.maps.LatLng(49.056728, 3.117289);
|
||||
var mobileCenterMap = new google.maps.LatLng(48.335365, 23.711648);
|
||||
var icon = '/zeppelin/img/svg/map-marker.svg';
|
||||
Waves.displayEffect();
|
||||
</script>
|
||||
<script src="/zeppelin/js/scripts.min.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -86,26 +86,22 @@
|
|||
</li>
|
||||
<li><a href="/zeppelin/blog/">Blog</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Schedule</a>
|
||||
</li> -->
|
||||
<li><a href="/zeppelin/schedule/">Schedule</a>
|
||||
</li>
|
||||
<li><a class="current" href="/zeppelin/speakers/">Speakers</a>
|
||||
</li>
|
||||
<li><a href="/zeppelin/team/">Team</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Hackathon</a>
|
||||
</li> -->
|
||||
<li><a href="/zeppelin/logistics/">Logistics</a>
|
||||
</li>
|
||||
</ul>
|
||||
<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>
|
||||
</ul>
|
||||
<span id="right-nav-button" class="right-nav-button right-nav-button-hidden btn btn-primary waves-element waves-button waves-light waves-will-raise pull-right hidden-xs hidden-sm">
|
||||
<a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
|
||||
</span>
|
||||
<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">
|
||||
Become a speaker
|
||||
</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
|
@ -126,8 +122,8 @@
|
|||
|
||||
<div class="effect-wrapper appear-animation col-md-4 col-sm-6 col-xs-12">
|
||||
<div class="lily-effect ribbon-activator">
|
||||
<div class="lily-head waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-3">
|
||||
<figure style="background-image: url(/zeppelin/img/speakers/DawidOstrowski.jpg)">
|
||||
<div class="lily-head" data-toggle="modal" data-target="#speakerDetail-3">
|
||||
<figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/DawidOstrowski.jpg)">
|
||||
<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="lily-effect ribbon-activator">
|
||||
<div class="lily-head waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-4">
|
||||
<figure style="background-image: url(/zeppelin/img/speakers/DmytroDanylyk.jpg)">
|
||||
<div class="lily-head" data-toggle="modal" data-target="#speakerDetail-4">
|
||||
<figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/DmytroDanylyk.jpg)">
|
||||
<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="lily-effect ribbon-activator">
|
||||
<div class="lily-head waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-5">
|
||||
<figure style="background-image: url(/zeppelin/img/speakers/MateuszHerych.jpg)">
|
||||
<div class="lily-head" data-toggle="modal" data-target="#speakerDetail-5">
|
||||
<figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/MateuszHerych.jpg)">
|
||||
<div class="overlay solid-overlay"></div>
|
||||
|
||||
<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="lily-effect ribbon-activator">
|
||||
<div class="lily-head waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-6">
|
||||
<figure style="background-image: url(/zeppelin/img/speakers/RomanMazur.jpg)">
|
||||
<div class="lily-head" data-toggle="modal" data-target="#speakerDetail-6">
|
||||
<figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/RomanMazur.jpg)">
|
||||
<div class="overlay solid-overlay"></div>
|
||||
|
||||
<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="lily-effect ribbon-activator">
|
||||
<div class="lily-head waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-7">
|
||||
<figure style="background-image: url(/zeppelin/img/speakers/ValentynShybanov.jpg)">
|
||||
<div class="lily-head" data-toggle="modal" data-target="#speakerDetail-7">
|
||||
<figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/ValentynShybanov.jpg)">
|
||||
<div class="overlay solid-overlay"></div>
|
||||
|
||||
<ul class="ribbon-wrapper">
|
||||
|
|
@ -404,9 +400,7 @@
|
|||
</div>
|
||||
|
||||
</div>
|
||||
<span class="btn btn-primary waves-element waves-button waves-light waves-will-raise" style="margin-top: 25px;">
|
||||
<a class="bottom-section-link" href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
|
||||
</span>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -495,7 +489,7 @@
|
|||
|
||||
|
||||
<!-- 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">
|
||||
|
|
@ -926,6 +920,8 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
(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),
|
||||
|
|
@ -951,7 +947,9 @@
|
|||
</script>
|
||||
<script src="/zeppelin/js/jquery.appear.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>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -86,26 +86,22 @@
|
|||
</li>
|
||||
<li><a href="/zeppelin/blog/">Blog</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Schedule</a>
|
||||
</li> -->
|
||||
<li><a href="/zeppelin/schedule/">Schedule</a>
|
||||
</li>
|
||||
<li><a href="/zeppelin/speakers/">Speakers</a>
|
||||
</li>
|
||||
<li><a class="current" href="/zeppelin/team/">Team</a>
|
||||
</li>
|
||||
<!-- <li><a href="#">Hackathon</a>
|
||||
</li> -->
|
||||
<li><a href="/zeppelin/logistics/">Logistics</a>
|
||||
</li>
|
||||
</ul>
|
||||
<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>
|
||||
</ul>
|
||||
<span id="right-nav-button" class="right-nav-button right-nav-button-hidden btn btn-primary waves-element waves-button waves-light waves-will-raise pull-right hidden-xs hidden-sm">
|
||||
<a href="http://bit.ly/dfua-c4p" target="_blank">Become a speaker</a>
|
||||
</span>
|
||||
<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">
|
||||
Become a speaker
|
||||
</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
|
@ -128,8 +124,8 @@
|
|||
<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="zoe-effect waves-element waves-block waves-light" data-toggle="modal" data-target="#speakerDetail-0">
|
||||
<figure style="background-image: url(/zeppelin/img/speakers/VitaliyZasadnyy.jpg)">
|
||||
<div class="zoe-effect" data-toggle="modal" data-target="#speakerDetail-0">
|
||||
<figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/VitaliyZasadnyy.jpg)">
|
||||
<div class="overlay solid-overlay"></div>
|
||||
<figcaption>
|
||||
<div class="col-md-8 col-xs-8 text-left">
|
||||
|
|
@ -168,8 +164,8 @@
|
|||
</div>
|
||||
|
||||
<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">
|
||||
<figure style="background-image: url(/zeppelin/img/speakers/OlehZasadnyy.jpg)">
|
||||
<div class="zoe-effect" data-toggle="modal" data-target="#speakerDetail-1">
|
||||
<figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/OlehZasadnyy.jpg)">
|
||||
<div class="overlay solid-overlay"></div>
|
||||
<figcaption>
|
||||
<div class="col-md-8 col-xs-8 text-left">
|
||||
|
|
@ -196,8 +192,8 @@
|
|||
</div>
|
||||
|
||||
<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">
|
||||
<figure style="background-image: url(/zeppelin/img/speakers/OstapAndrusiv.jpg)">
|
||||
<div class="zoe-effect" data-toggle="modal" data-target="#speakerDetail-2">
|
||||
<figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/OstapAndrusiv.jpg)">
|
||||
<div class="overlay solid-overlay"></div>
|
||||
<figcaption>
|
||||
<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>
|
||||
|
||||
<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">
|
||||
<figure class="flow-img" style="background-image: url(/zeppelin/img/speakers/DmytroDanylyk.jpg)">
|
||||
<div class="zoe-effect" data-toggle="modal" data-target="#speakerDetail-4">
|
||||
<figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/DmytroDanylyk.jpg)">
|
||||
<div class="overlay solid-overlay"></div>
|
||||
<figcaption>
|
||||
<div class="col-md-8 col-xs-8 text-left">
|
||||
|
|
@ -268,8 +264,8 @@
|
|||
</div>
|
||||
|
||||
<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">
|
||||
<figure class="flow-img" style="background-image: url(/zeppelin/img/speakers/ValentynShybanov.jpg)">
|
||||
<div class="zoe-effect" data-toggle="modal" data-target="#speakerDetail-7">
|
||||
<figure class="waves-effect waves-block waves-light" style="background-image: url(/zeppelin/img/speakers/ValentynShybanov.jpg)">
|
||||
<div class="overlay solid-overlay"></div>
|
||||
<figcaption>
|
||||
<div class="col-md-8 col-xs-8 text-left">
|
||||
|
|
@ -381,7 +377,7 @@
|
|||
|
||||
|
||||
<!-- Begin Speakers Modals -->
|
||||
<div class="modals">
|
||||
<div class="modals" class="modals">
|
||||
|
||||
|
||||
|
||||
|
|
@ -398,6 +394,8 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
(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),
|
||||
|
|
@ -423,7 +421,9 @@
|
|||
</script>
|
||||
<script src="/zeppelin/js/jquery.appear.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>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
5655
css/main.css
5655
css/main.css
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
46
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
BIN
img/organizers/gdg-cherkassy.png
Normal file
BIN
img/organizers/gdg-cherkassy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
img/organizers/gdg-dnipropetrovsk.png
Normal file
BIN
img/organizers/gdg-dnipropetrovsk.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
img/organizers/gdg-kyiv.png
Normal file
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
129
img/organizers/gdg-lviv.svg
Normal 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 |
|
|
@ -19,7 +19,7 @@ permalink: /
|
|||
|
||||
{% include twitter-feed.html %}
|
||||
|
||||
{% include sponsors.html %}
|
||||
{% include partners.html %}
|
||||
|
||||
{% include subscribe.html %}
|
||||
|
||||
|
|
|
|||
8
js/jquery.sticky-kit.min.js
vendored
Normal file
8
js/jquery.sticky-kit.min.js
vendored
Normal 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);
|
||||
|
|
@ -20,14 +20,20 @@
|
|||
}, 1000);
|
||||
});
|
||||
|
||||
if ($(window).width() > 1500) {
|
||||
$('.effect-wrapper').each(function() {
|
||||
$(this).addClass('col-lg-3');
|
||||
|
||||
$('.stream-header').each(function() {
|
||||
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) {
|
||||
$('.animated').removeClass('animated').removeClass('hiding');
|
||||
$('.stat span').removeClass('timer');
|
||||
$('.timeslot-label').addClass('stick-label');
|
||||
}
|
||||
if ($(window).height() < 512) {
|
||||
$('#bottom-navlinks').removeClass('bottom-navlinks').addClass('bottom-navlinks-small');
|
||||
|
|
@ -41,8 +47,8 @@
|
|||
var scroll = $(this).scrollTop();
|
||||
var header = $('#top-header');
|
||||
var logo = $('#logo-header .logo');
|
||||
var src = logo.attr('src');
|
||||
var buyButton = $('#right-nav-button');
|
||||
var topOffset = header.height() + $('.stream-header').height();
|
||||
|
||||
if (scroll >= 100) {
|
||||
header.addClass('after-scroll');
|
||||
|
|
@ -57,6 +63,15 @@
|
|||
} else {
|
||||
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() {
|
||||
|
|
@ -221,7 +236,7 @@
|
|||
container.removeClass('st-menu-open');
|
||||
$('body').css('overflow', 'auto');
|
||||
}
|
||||
generateSameHeight()
|
||||
generateSameHeight();
|
||||
}
|
||||
var bottomNavLinks = $('#bottom-navlinks');
|
||||
if ($(window).height() < 512) {
|
||||
|
|
@ -231,6 +246,9 @@
|
|||
}
|
||||
if ($(window).width() < 768) {
|
||||
$('.same-height').css('height', '100%');
|
||||
$('.timeslot-label').addClass('stick-label');
|
||||
} else {
|
||||
$('.timeslot-label').removeClass('stick-label');
|
||||
}
|
||||
});
|
||||
|
||||
|
|
@ -279,7 +297,6 @@
|
|||
}
|
||||
});
|
||||
|
||||
|
||||
//Google plus
|
||||
function initGooglePlus() {
|
||||
var po = document.createElement('script');
|
||||
|
|
|
|||
2
js/scripts.min.js
vendored
2
js/scripts.min.js
vendored
File diff suppressed because one or more lines are too long
245
js/waves.js
Normal file
245
js/waves.js
Normal 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
7
js/waves.min.js
vendored
|
|
@ -1,9 +1,10 @@
|
|||
/*!
|
||||
* Waves v0.1.0
|
||||
* https://publicis-indonesia.github.io/Waves/
|
||||
* 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
|
||||
*/
|
||||
;(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
9
schedule.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
---
|
||||
layout: default
|
||||
title: Event schedule
|
||||
permalink: /schedule/
|
||||
---
|
||||
|
||||
{% include top-section.html %}
|
||||
|
||||
{% include schedule.html %}
|
||||
Loading…
Reference in a new issue