Updated to v.0.5 https://github.com/gdg-x/zeppelin/releases/tag/v0.5

README.md

@@ -30,22 +30,22 @@ Or watch project presentation from [GDG[x] Townhall meeting](http://www.youtube.
 
 ## Local development
 
-Check if you have [all requirments for local environment](http://jekyllrb.com/docs/installation/), install [Jekyll server](http://jekyllrb.com/docs/quickstart/) gem and run this command from project root folder:
+Check if you have [all requirments for local environment](http://jekyllrb.com/docs/installation/), install [Jekyll server](http://jekyllrb.com/docs/quickstart/) gem.
+Install GitHub pages
+```bash
+	gem install github-pages
+``` 
 
+Run this command from project root folder:
 ```bash
     jekyll serve -w
 ```
-Site will be available at http://127.0.0.1:4000/zeppelin/
+Site will be available at http://127.0.0.1:4000/zeppelin/ or http://localhost:4000/zeppelin/ (on Windows)
 
 **NOTE:** in this mode all changes to html and data files will be automatically regenerated, but after changing ```_config.yml``` you have to restart server.
 
-### Sass support
-Install Sass. Ruby uses Gems to manage its various packages of code like Sass. In your open terminal window type:
-```bash
-	gem install sass
-```
-
-Also you need to install the latest version of [Compass](http://compass-style.org/) with command
+### Sass(Compass) support
+Install the latest version of [Compass](http://compass-style.org/). Ruby uses Gems to manage its various packages of code like Sass. In your open terminal window type:
 ```bash
 	gem install compass --pre
 ```
@@ -60,10 +60,10 @@ And for prefixing css3 properties use [Autoprefixer](https://github.com/ai/autop
 	gem install autoprefixer-rails
 ```
 
-To watch changes in `.sass` files and compile it to the `.css` on a fly, run this command from `\_sass\` folder
-```bash
-	compass watch -c config.rb -e production
-```
+**Note:** Also you need to install [Node.js](http://nodejs.org/download/)
+
+To watch changes of `.sass` files and compile it to the `.css` on a fly change property `safe: true` to `safe: false` in `_config.yml`.
+**Note: It works only on local machine, because GitHub runs Jekyll in `--save` [mode](https://help.github.com/articles/using-jekyll-with-pages/#configuration-overrides)**
 
 Learn more about Sass development from [documentation](https://github.com/gdg-x/zeppelin/wiki/Sass-development).
 

_config.yml

@@ -1,3 +1,8 @@
+# Plugins
+gems:
+- jekyll-sitemap
+safe: false
+
 # Build Settings
 markdown: kramdown
 permalink: pretty
@@ -112,7 +117,7 @@ venueFeatures: ["3 huge cinema screens", "Doulby Digital Surround EX audio syste
 tweetsFeedImage: "twitter-feed.jpg"
 tweetsFeedTitle: "What's Up?"
 twitterHashTag: "devfest"
-twitterFeed: "http://lviv.gdg.org.ua/tweetledee/favoritesjson.php?c=10&cache_interval=900"
+twitterFeed: "http://lviv.gdg.org.ua/tweetledee/favoritesjson.php?c=10&cache_interval=8000"
 
 # Partners Block
 organizersTitle: "Organizers"

_data/sessions.yml

@@ -16,22 +16,26 @@
   speakers: [3, 6]
   language: en
   complexity: "Intermediate"
+  video: "//www.youtube.com/embed/v3SCiUqI1yQ"
 -
   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!"
+  description: "I will speak and show how to:<br>- Respond to touch events in your views with touch feedback animations.<br>- Hide and show views with reveal effect animations.<br>- Switch between activities with custom activity transition animations.<br>- Create more natural animations with curved motion.<br>- Animate changes in one or more view properties with view state change animations.<br>- Create icon morphing transition"
   subtype: presentation
   speakers: [4, 5]
   language: en
-  complexity: "Beginner"
+  complexity: "Intermediate" 
+  presentation: "https://speakerdeck.com/gdglviv/dmytro-danylyk-android-l-animation"
+  video: "//www.youtube.com/embed/v3SCiUqI1yQ"
 -
   id: 003
-  title: "The world is your playground - go global with Google"
+  title: "Android L Animation"
   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."
   subtype: presentation
   speakers: [4]
   language: en
-  complexity: "Expert"
+  complexity: "Intermediate" 
+  presentation: "https://speakerdeck.com/gdglviv/dmytro-danylyk-android-l-animation"
 -
   id: 004
   title: "Polymer: Interacting with Google Services using nothing but HTML"
@@ -40,6 +44,8 @@
   speakers: [6]
   language: uk
   complexity: "Beginner"
+  presentation: "https://speakerdeck.com/gdglviv/mateusz-herych-guava-beyond-collections"
+  video: "//www.youtube.com/embed/v3SCiUqI1yQ"
 -
   id: 005
   title: "Test: Interacting with Google Services using nothing but HTML"
@@ -48,3 +54,5 @@
   speakers: [7]
   language: en
   complexity: "Expert"
+  presentation: "https://speakerdeck.com/gdglviv/michal-tajchert-wearables-views"
+  video: "//www.youtube.com/embed/v3SCiUqI1yQ"

_includes/head.html

@@ -41,7 +41,7 @@
     <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="{{ "/css/main.min.css" | prepend: site.baseurl }}" rel="stylesheet"> 
+    <link href="{{ "/css/main.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/navigation.html

@@ -1,6 +1,6 @@
 <header id="top-header" class="top-header">
     <div class="overlay white-solid"></div>
-    <svg id="menu-trigger" class="menu-trigger icon icon-menu visible-xs" viewBox="0 0 32 32" data-effect="st-effect">
+    <svg id="menu-trigger" class="menu-trigger icon icon-menu visible-xs" viewBox="0 0 32 32">
         <use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-menu"></use>
     </svg>
     <a href="{{ site.baseurl }}/" id="logo-header" class="logo-header">

_includes/schedule.html

@@ -37,7 +37,7 @@ <h5 class="slot-detail track-header-title"></h5>
                         {% if slot != 404 %}
                             {% for session in site.data.sessions %}
                                 {% if slot == session.id and session.service == null %}
-                                <div class="slot col-md-{{ slotColWidth }} col-xs-12 flexbox-item-height" data-slot-detail="{{ day.tracks[slotIndex].title }}" data-toggle="modal" data-target="#sessionDetail-{{ session.id }}">
+                                <div id="session-{{ session.id }}" class="slot col-md-{{ slotColWidth }} col-xs-12 flexbox-item-height" data-slot-detail="{{ day.tracks[slotIndex].title }}" data-toggle="modal" data-target="#sessionDetail-{{ session.id }}">
                                     <div class="color-line" style="background: {{ day.tracks[slotIndex].color }}"></div>
                                     <div class="slot-content" style="border-right-color: {{ day.tracks[slotIndex].color }}">
                                         <h5 class="slot-title" itemprop="name">{{ session.title }}</h5>

_includes/sessions-modals.html

@@ -14,7 +14,15 @@
 						<h4>{{ session.title }}</h4>
 						<span class="theme-metadata"><span class="caption">Language: </span>{{ session.language }}</span>
 						<span class="theme-metadata"><span class="caption">Complexity: </span>{{ session.complexity }}</span>
+						{% if session.video %}
+						<div class="theme-video embed-responsive embed-responsive-16by9">
+						    <iframe class="embed-responsive-item" src="{{ session.video }}"></iframe>
+						</div>
+						{% endif %}
 						<p class="theme-description">{{ session.description }}</p>
+						{% if session.presentation %}
+						<a class="theme-presentation" href="{{ session.presentation }}" title="Presentation" target="_blank">View presentation</a>
+						{% endif %}
 						<hr>
 						<div class="people-details">
 							{% for speaker in site.data.speakers %}

_includes/speakers-modals.html

@@ -19,7 +19,15 @@
 										<h4>{{ session.title }}</h4>
 										<span class="theme-metadata"><span class="caption">Language: </span>{{ session.language }}</span>
 										<span class="theme-metadata"><span class="caption">Complexity: </span>{{ session.complexity }}</span>
+										{% if session.video %}
+										<div class="theme-video embed-responsive embed-responsive-16by9">
+										    <iframe class="embed-responsive-item" src="{{ session.video }}"></iframe>
+										</div>
+										{% endif %}
 										<p class="theme-description">{{ session.description }}</p>
+										{% if session.presentation %}
+										<a class="theme-presentation" href="{{ session.presentation }}" title="Presentation" target="_blank">View presentation</a>
+										{% endif %}
 									{% endif %}
 								{% endfor %}		
 							{% endfor %}

_layouts/compress.html

@@ -0,0 +1,11 @@
+---
+#
+# Jekyll layout that compresses HTML
+# v0.3.1
+# https://github.com/penibelst/jekyll-compress-html
+# © 2014 Anatol Broder (http://penibelst.de/)
+# MIT License
+#
+---
+
+{% assign _pres = content | split: '<pre' %}{% for _pre1 in _pres %}{% assign _pre2 = _pre1 | split: '</pre>' %}{% if _pre2.size == 2 %}<pre{{ _pre2.first }}</pre>{% endif %}{% assign _second = _pre2.last | split: ' ' | join: ' ' %}{% for _element in site.compress_html.clippings %}{% assign _edges = ' <element,<element; </element>,</element>;</element> ,</element>' | replace: 'element', _element | split: ';' %}{% for _edge in _edges %}{% assign _replacement = _edge | split: ',' %}{% assign _second = _second | replace: _replacement[0], _replacement[1] %}{% endfor %}{% endfor %}{% for _element in site.compress_html.endings %}{% assign _closing = '</element>' | replace: 'element', _element %}{% assign _second = _second | remove: _closing %}{% endfor %}{{ _second }}{% endfor %}

_layouts/default.html

@@ -1,3 +1,7 @@
+---
+layout: compress
+---
+
 <!DOCTYPE html>
 <html lang="en">
 

_plugins/generator_scss.rb

@@ -0,0 +1,29 @@
+#
+# Jekyll Generator for SCSS
+#
+# (File paths in this description relative to jekyll project root directory)
+# Place this file in ./_plugins
+# Place .scss files in ./_scss
+# Compiles .scss files in ./_scss to .css files in whatever directory you indicated in your config
+# Config file placed in ./_sass/config.rb
+#
+
+require 'sass'
+require 'pathname'
+require 'compass'
+require 'compass/exec'
+
+module Jekyll
+
+  class CompassGenerator < Generator
+    safe true
+
+  	def generate(site)
+			Dir.chdir File.expand_path('../_sass', File.dirname(__FILE__)) do
+				Compass::Exec::SubCommandUI.new(%w(compile)).run!
+			end
+		end
+
+  end
+
+end

_sass/config.rb

@@ -10,34 +10,18 @@
 end
 
 http_path = "/" 
-css_dir = "../css" 
 sass_dir = "./" 
+css_dir = "../css" 
 images_dir = "../img" 
 javascripts_dir = "../js" 
 
-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 
+line_comments = false
+relative_assets = true 
+output_style = :compressed
 
 # Remove multiline comments - monkey patch
 class Sass::Tree::Visitors::Perform < Sass::Tree::Visitors::Base
-  # Removes all comments completely
+#   # Removes all comments completely
   def visit_comment(node)
     return []
   end

_sass/partials/_helper.scss

@@ -24,7 +24,7 @@
     background-position: center center !important;
     background-size: cover !important;
     &.parallax {
-	    background-attachment: fixed;
+	    //background-attachment: fixed;
 	    box-shadow: inset 0 0 12px 3px rgba(0, 0, 0, .75);
 	}
 	&.standart-height {
@@ -128,7 +128,4 @@
 }
 .reset-padding {
     padding: 0;
-}
-.disable-scrolling {
-    overflow: hidden;
 }

_sass/partials/_modal.scss

@@ -28,8 +28,8 @@ $modal-highlight-color: #212121;
 }
 .modal-dialog {
     @media (min-width: 768px) {
-    width: 740px;
-    margin-top: 100px;
+        width: 740px;
+        margin-top: 100px;
     }
 }
 .modal-body {
@@ -44,8 +44,14 @@ $modal-highlight-color: #212121;
             color: $modal-highlight-color;
         }
     }
+    .theme-video {
+        margin: 20px 0;
+    }
     .theme-description {
-        margin: 12px 0 37px;
+        margin: 12px 0 20px;
+    } 
+    .theme-presentation {
+        font-size: 15px;
     } 
     .people-details {
         .row {

_sass/partials/_navigation.scss

@@ -68,7 +68,7 @@ nav {
         height: 100%;
         transition: $long-transition;
         background: #fff;
-        transform: translate(-100%,0);
+        transform: translateX(-100%);
     }
     .st-menu-open & {
         transform: translate(0);
@@ -89,6 +89,9 @@ nav {
         }
         .top-header.after-scroll & {
             transform: translateY(20px);  
+            @media (max-width: 767px) {
+                transform: translateY(0);  
+            }
         }
     }
     li {

_sass/vendor/_waves.scss

@@ -1,11 +1,11 @@
 
 /*!
- * 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
+ * Waves v0.5.4
+ * http://fian.my.id/Waves 
+ * 
+ * Copyright 2014 Alfiana E. Sibuea and other contributors 
+ * Released under the MIT license 
+ * https://github.com/fians/Waves/blob/master/LICENSE 
  */
 
 @mixin transition ($transition) {
@@ -64,8 +64,9 @@
 }
 
 .waves-button, 
-.waves-icon {
-    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
+.waves-circle {
+    -webkit-transform: translateZ(0);
+    -webkit-image-mask: -webkit-radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
 }
 
 .waves-button,

feed.xml

@@ -1,5 +1,5 @@
 ---
-layout: none
+layout: null
 ---
 <?xml version="1.0" encoding="UTF-8"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">