Permalink
Browse files

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

  • Loading branch information...
ozasadnyy committed Nov 14, 2014
1 parent 8f50469 commit 4ae5844b2afcfb7fece87465b9311eaa0a2cd236
View
@@ -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).
View
@@ -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"
View
@@ -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"
View
@@ -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:// -->
@@ -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">
View
@@ -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>
@@ -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 %}
@@ -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 %}
View
@@ -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 %}
View
@@ -1,3 +1,7 @@
---
layout: compress
---
<!DOCTYPE html>
<html lang="en">
View
@@ -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
View
@@ -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
@@ -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;
}
View
@@ -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 {
@@ -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 {
View
@@ -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,

This file was deleted.

Oops, something went wrong.

This file was deleted.

Oops, something went wrong.

This file was deleted.

Oops, something went wrong.
View

Large diffs are not rendered by default.

Oops, something went wrong.
View

This file was deleted.

Oops, something went wrong.
View
@@ -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">
Oops, something went wrong.

0 comments on commit 4ae5844

Please sign in to comment.