CSS files converted to Sass. Some style fixes. Created file with spon…

…sors.

_data/partners.yml

@@ -0,0 +1,23 @@
+- 
+  group: 'General sponsor'
+  elements: 
+    - {name: 'Google', description: 'Google', link: 'https://www.google.com.ua/intl/en/about/', imageUrl: 'google.svg'}
+    - {name: 'GDG Lviv', description: 'GDG Lviv - Open and volunteer geek community', link: 'http://lviv.gdg.org.ua', imageUrl: 'gdg-lviv.svg'}
+- 
+  group: 'With support of'
+  elements: 
+    - {name: 'Google', description: 'Google', link: 'https://www.google.com.ua/intl/en/about/', imageUrl: 'google.svg'}
+    - {name: 'GDG Lviv', description: 'GDG Lviv - Open and volunteer geek community', link: 'http://lviv.gdg.org.ua', imageUrl: 'gdg-lviv.svg'}
+    - {name: 'GDG[x]', description: 'GDG[x] - Yeah, we can fix that', link: 'https://github.com/gdg-x', imageUrl: 'gdg-x.svg'}
+- 
+  group: 'Information partners'
+  elements: 
+    - {name: 'Google', description: 'Google', link: 'https://www.google.com.ua/intl/en/about/', imageUrl: 'google.svg'}
+    - {name: 'GDG Lviv', description: 'GDG Lviv - Open and volunteer geek community', link: 'http://lviv.gdg.org.ua', imageUrl: 'gdg-lviv.svg'}
+    - {name: 'GDG[x]', description: 'GDG[x] - Yeah, we can fix that', link: 'https://github.com/gdg-x', imageUrl: 'gdg-x.svg'}
+    - {name: 'Google', description: 'Google', link: 'https://www.google.com.ua/intl/en/about/', imageUrl: 'google.svg'}
+    - {name: 'GDG Lviv', description: 'GDG Lviv - Open and volunteer geek community', link: 'http://lviv.gdg.org.ua', imageUrl: 'gdg-lviv.svg'}
+    - {name: 'GDG[x]', description: 'GDG[x] - Yeah, we can fix that', link: 'https://github.com/gdg-x', imageUrl: 'gdg-x.svg'}
+    - {name: 'Google', description: 'Google', link: 'https://www.google.com.ua/intl/en/about/', imageUrl: 'google.svg'}
+    - {name: 'GDG Lviv', description: 'GDG Lviv - Open and volunteer geek community', link: 'http://lviv.gdg.org.ua', imageUrl: 'gdg-lviv.svg'}
+    - {name: 'GDG[x]', description: 'GDG[x] - Yeah, we can fix that', link: 'https://github.com/gdg-x', imageUrl: 'gdg-x.svg'}

_includes/about.html

@@ -1,5 +1,5 @@
 <!-- About Section -->
-<section id="about">
+<section id="about" class="about">
     <div class="content-wrapper">
         <div class="col-lg-10 col-lg-offset-1">
             <h3>About {{site.eventName}}</h3>

_includes/blog.html

@@ -1,5 +1,5 @@
 <!-- Begin Blog-->
-<section id="blog">
+<section id="blog" class="blog">
     <div class="content-wrapper text-left">
         <div class="col-md-10 col-sm-10 col-lg-offset-2 col-md-offset-2 col-sm-offset-1">
             <h3>Latest news</h3>

_includes/buy-tickets.html

@@ -1,5 +1,5 @@
 <!-- Begin Buy Tickets Section -->
-<section id="buy-tickets">
+<section id="buy-tickets" class="buy-tickets">
 	<div class="content-wrapper">
 		<div class="col-lg-8 col-md-10 col-lg-offset-2 col-md-offset-1">
 			<h3>Pricetable</h3>

_includes/direction-details.html

@@ -1,7 +1,7 @@
 <!-- Begin Direction Details-->
-<section id="direction-details">
+<section id="direction-details" class="direction-details">
     <div class="content-wrapper">
-        <section class="image-section" style="background-image: url('{{ site.baseurl }}/img/direction-details.jpg');">
+        <section class="image-section standart-height" style="background-image: url('{{ site.baseurl }}/img/direction-details.jpg');">
             <h3>Get around Lviv</h3>
         </section>
         <div class="row">

_includes/find-way.html

@@ -1,7 +1,6 @@
 <!-- Begin Find Way-->
-<a id="findyourway"/>
-<section id="find-way">    
-    <div id="canvas-map"></div>
+<section id="find-way" class="find-way">    
+    <div id="canvas-map" class="canvas-map"></div>
     <div class="content-wrapper text-left">
         <h3 class="animated hiding" data-animation="fadeInUp" data-delay="0">Find your way here</h3>
         <div class="map-card col-lg-3 col-md-4 col-sm-6 col-xs-12">
@@ -12,7 +11,7 @@ <h3 class="animated hiding" data-animation="fadeInUp" data-delay="0">Find your w
                 </svg>
             </div>
             <div class="location-result">
-                <span id="result-name"></span>
+                <span id="result-name" class="result-name"></span>
                 <span>to DevFest</span>
                 <svg id="direction-cancel" class="icon icon-cross" viewBox="0 0 30 32">
                     <use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-cross"></use>
@@ -26,7 +25,7 @@ <h3 class="animated hiding" data-animation="fadeInUp" data-delay="0">Find your w
                         <use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-flag"></use>
                     </svg>
                     <span>Distance</span>
-                    <span id="distance" class="details-result pull-right"></span>
+                    <span id="distance" class="detailed-result pull-right"></span>
                 </li>
                 <li>
                     <div id="mode">
@@ -39,7 +38,7 @@ <h3 class="animated hiding" data-animation="fadeInUp" data-delay="0">Find your w
                             <option value="BICYCLING">BICYCLING</option>
                             <option value="TRANSIT">TRANSIT</option>
                         </select>
-                        <span id="estimateTime" class="details-result pull-right"></span>
+                        <span id="estimateTime" class="detailed-result pull-right"></span>
                     </div>
                     <a id="find-flight" href="https://google.com/flights" class="pull-right hidden" target="_blank">Find Flight</a>
                 </li>

_includes/footer.html

@@ -1,15 +1,15 @@
 <!-- Begin Footer -->
-<footer id="footer">
+<footer id="footer" class="footer">
 	<div class="row">
 		<div class="pull-left col-md-6 col-xs-6">
 			<div class="g-plusone" data-size="medium" data-annotation="inline" data-width="300" data-href="{{site.url}}"></div>
 		</div>
-		<div class="logo-footer logo-gray pull-right"></div>
+		<div class="logo logo-footer logo-gray pull-right"></div>
 	</div>
 	<div class="row">
 		<div class="col-md-4 col-sm-4 col-xs-6">
+			<h5>Links</h5>
 			<ul>
-				<h5>Links</h5>
 				<li><a href="http://gdg.org.ua" target="_blank">GDG.org.ua</a>
 				</li>
 				<li><a href="https://developers.google.com" target="_blank">Google Developers</a>

_includes/head.html

@@ -44,16 +44,8 @@
     <meta name="msapplication-TileColor" content="#2b5797">
     <meta name="msapplication-TileImage" content="{{ "/img/favicons/mstile-144x144.png" | prepend: site.baseurl }}">
     <meta name="msapplication-config" content="{{ "/img/favicons/browserconfig.xml" | prepend: site.baseurl }}">
-
-    <link href='http://fonts.googleapis.com/css?family=Roboto:100,300,400,500&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
-
-    <!-- Bootstrap -->
-	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
-    <!-- TODC Bootstrap theme -->
-<!--    <link href="{{ "/css/todc-bootstrap.min.css" | prepend: site.baseurl }}" rel="stylesheet">-->
-    <link href="{{ "/css/animate.min.css" | prepend: site.baseurl }}" rel="stylesheet">
-    <link href="{{ "/css/waves.min.css" | prepend: site.baseurl }}" rel="stylesheet">
-    <link href="{{ "/css/style.min.css" | prepend: site.baseurl }}" rel="stylesheet">
+
+    <link href="{{ "/css/main.min.css" | prepend: site.baseurl }}" rel="stylesheet"> 
 
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

_includes/hero.html

@@ -1,21 +1,20 @@
 <!-- Begin Top Section -->
-<section id="top-section-hero" style="background-image: url('{{ site.baseurl }}/img/hero.jpg');">
+<section id="top-section-hero" class="top-section-hero image-section" style="background-image: url('{{ site.baseurl }}/img/hero.jpg');">
 
     {% include navigation.html %}
-
     <div class="jumbotron">
         <div class="animated hiding" data-animation="fadeInDown" data-delay="500">
             <h1>GDG DevFest <span id="typeout-text"></span> 2014</h1>
             <p>{{site.eventDate}}</p>
-            <a href="{{ site.c4pUrl }}" target="_blank">
-                <span class="btn btn-primary waves-element waves-button waves-light waves-will-raise">Become a speaker</span>
-            </a>
+            <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>
         </div>
     </div>
-    <a href="#about" class="explore">
+    <a href="#about" class="explore animated hidden fadeInDown">
         <svg class="icon icon-arrow-down" viewBox="0 0 32 32">
             <use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-arrow-down"></use>
         </svg>
     </a>
 </section>
-<!-- End Top Section -->
+<!-- End Top Section -->

_includes/latest-news.html

@@ -1,5 +1,5 @@
 <!-- Begin Latest News Section -->
-<section id="latest-news">
+<section id="latest-news" class="latest-news">
 	<div class="content-wrapper">
 		<div class="col-lg-10 col-lg-offset-1">
 			<h3>Latest news</h3>

_includes/location-map.html

@@ -1,6 +1,6 @@
 <!-- Begin Location Section -->
-<section id="location">
-    <div id="canvas-map"></div>
+<section id="location-map" class="location-map">
+    <div id="canvas-map" class="canvas-map"></div>
     <div class="content-wrapper">
         <div class="col-lg-3 col-md-4 col-sm-6 col-md-offset-1 animated hiding location-description text-left" data-animation="fadeInLeft" data-delay="0">
             <div class="row">
@@ -18,7 +18,7 @@ <h3>Location</h3>
                         </li>
                     </ul>
                 </div>
-                <a href="{{ site.baseurl | append: '/logistics/#findyourway' }}" class="pull-right">
+                <a href="{{ site.baseurl | append: '/logistics/#find-way' }}" class="pull-right">
                     <svg class="icon icon-direction" viewBox="0 0 32 32">
                         <use xlink:href="img/sprites/sprites.svg#icon-direction"></use>
                     </svg>

_includes/navigation.html

@@ -1,10 +1,12 @@
-<header id="top-header" class="col-lg-10 col-sm-12">
-    <svg id="menu-trigger" class="icon icon-menu visible-xs" viewBox="0 0 32 32" data-effect="st-effect">
+<header id="top-header" class="top-header">
+    <svg id="menu-trigger" class="menu-trigger icon icon-menu visible-xs" viewBox="0 0 32 32" data-effect="st-effect">
         <use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-menu"></use>
     </svg>
-    <a href="{{ site.baseurl }}/" id="logo-header" class="logo-header logo-light"></a>
+    <a href="{{ site.baseurl }}/" id="logo-header" class="logo-header">
+        <div class="logo logo-light"></div>
+    </a>
     <nav class="st-menu st-effect" id="menu">
-        <div class="logo-navbar logo-dark visible-xs"></div>
+        <div class="logo-navbar logo logo-dark visible-xs"></div>
         <ul>
             <li><a {% if page.permalink == '/' %} class="current" {% endif %} href="{{ site.baseurl }}/">Home</a>
             </li>
@@ -27,7 +29,7 @@
             <li><a href="{{ site.c4pUrl }}" target="_blank">Become a speaker</a>
             </li>
         </ul>
-        <span id="buy-tickets-button"  class="btn btn-primary waves-element waves-button waves-light waves-will-raise pull-right hidden-xs hidden-sm hidden">
+        <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>
     </nav>

_includes/post.html

@@ -1,15 +1,12 @@
 <!-- Begin Post-->
-<section id="post-section">
+<section id="post-section" class="post-section">
     <div class="content-wrapper text-left">
         <div class="col-md-10 col-sm-10 col-lg-offset-2 col-md-offset-2 col-sm-offset-1">
             <div class="col-lg-8 col-md-10 col-xs-12">
 
                 <article class="row post">
 
                     {% if include.isStaticPost == false %}
-
-                    	{% assign postUrl = site.url | append: site.baseurl | append: page.url %} 
-
                     <div class="post-header">
                         <div class="published pull-left">
                             <span class="caption">Posted:</span>

_includes/rockstar-speakers.html

@@ -1,14 +1,14 @@
 <!-- Begin Rockstar Speakers Section -->
-<section id="top-speakers" class="parallax" style="background-image: url({{ site.baseurl }}/img/top-speakers.jpg);">
-	<div class="overlay"></div>
+<section id="rockstar-speakers" class="rockstar-speakers image-section parallax" style="background-image: url({{ site.baseurl }}/img/rockstar-speakers.jpg);">
+	<div class="overlay solid-overlay"></div>
 	<div class="content-wrapper">
 		<div class="col-lg-10 col-lg-offset-1 rockstar-speakers-list">
 			<h3>Rockstar speakers</h3>
 				{% 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="top-speaker-item">
-								<div class="flow-img img-circle top-speaker-img" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"></div>
+							<div class="rockstar-speaker-item">
+								<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>
 							</div>

_includes/speakers-list-2.html

@@ -1,18 +1,18 @@
 <!-- Begin Speakers List 2-->
 <section id="speakers">
     <div class="content-wrapper">
-        <div class="col-lg-10 col-lg-offset-1">
+        <div class="col-lg-10 col-lg-offset-1 appear-animation-trigger">
             {% for speaker in site.data.speakers %}
-            <div class="team-item-wrapper col-md-4 col-sm-6 col-xs-12">
-                <div class="team-item animated waves-element waves-block waves-light hiding increment-animation" data-animation="fadeInUp" data-delay="50" 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="overlay"></div>
+            <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="overlay solid-overlay"></div>
                         {% if speaker.ribbon != null %}
-                        <ul class="speaker-ribbon-wrapper">
+                        <ul class="ribbon-wrapper">
                             {% for ribbon in speaker.ribbon %}
                             <li class="{{ ribbon["abbr"] | downcase }}">
-                                <p class="speaker-ribbon abbr">{{ ribbon["abbr"] }}</p>
-                                <p class="speaker-ribbon full-title">{{ ribbon["title"] }}</p>
+                                <p class="ribbon abbr">{{ ribbon["abbr"] }}</p>
+                                <p class="ribbon full-title">{{ ribbon["title"] }}</p>
                             </li>
                             {% endfor %}
                         </ul>

_includes/speakers-list.html

@@ -1,20 +1,20 @@
 <!-- Begin Speakers List-->
-<section id="speakers">
+<section id="speakers" class="speakers">
     <div class="content-wrapper">
         <div class="col-lg-10 col-lg-offset-1">
-            <div class="row text-left">
+            <div class="row text-left appear-animation-trigger">
                 {% for speaker in site.data.speakers %}
-                <div class="team-item-wrapper col-md-4 col-sm-6 col-xs-12">
-                    <div class="speaker-item animated hiding increment-animation" data-animation="fadeInUp" data-delay="50">
-                        <div class="speaker-head 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="overlay"></div>
+                <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="overlay solid-overlay"></div>
                                 {% if speaker.ribbon != null %}
-                                <ul class="speaker-ribbon-wrapper">
+                                <ul class="ribbon-wrapper">
                                     {% for ribbon in speaker.ribbon %}
                                     <li class="{{ ribbon["abbr"] | downcase }}">
-                                        <p class="speaker-ribbon abbr">{{ ribbon["abbr"] }}</p>
-                                        <p class="speaker-ribbon full-title">{{ ribbon["title"] }}</p>
+                                        <p class="ribbon abbr">{{ ribbon["abbr"] }}</p>
+                                        <p class="ribbon full-title">{{ ribbon["title"] }}</p>
                                     </li>
                                     {% endfor %}
                                 </ul>
@@ -27,7 +27,7 @@ <h2 class="name">{{ speaker.name }} <span>{{ speaker.surname }}</span></h2>
                                 {% endif %}
                             </figure>
                         </div>
-                        <div class="speaker-bottom">
+                        <div class="lily-bottom">
                             <ul class="slider">
                                 {% if site.showSessions %} 
                                     {% for session in site.data.sessions %} 

_includes/speakers-modals.html

@@ -2,7 +2,7 @@
 <div 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 speaker-modal" id="speakerDetail-{{ speaker.id }}" tabindex="-1" role="dialog" aria-labelledby="speakerDetailLabel-{{ speaker.id }}" aria-hidden="true">
+		<div class="modal fade text-left people-modal" id="speakerDetail-{{ speaker.id }}" tabindex="-1" role="dialog" aria-labelledby="speakerDetailLabel-{{ speaker.id }}" aria-hidden="true">
 			<div class="modal-dialog">
 				<div class="modal-content">
 					<div class="modal-body">
@@ -24,10 +24,10 @@ <h4>{{ session.title }}</h4>
 							{% endfor %}
 							<hr>
 						{% endif %}
-						<div class="speaker-details">
+						<div class="people-details">
 							<div class="row">
 								<div class="col-md-2 col-sm-2">
-									<div class="flow-img img-circle speaker-img" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"></div>
+									<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 }}