mirror of
https://github.com/medialab-prado/datamad2017.git
synced 2024-12-26 04:31:22 +01:00
Deleted artifacts on posts
This commit is contained in:
parent
ac4d92a3ee
commit
b17812e89f
21 changed files with 35 additions and 310 deletions
|
@ -38,7 +38,7 @@
|
|||
<!-- Please don't delete this line-->
|
||||
<div class="col-md-6">
|
||||
<p class="copyright">
|
||||
© 2014 Designed and created by <a href="https://plus.google.com/+OlehZasadnyy/about">Oleh Zasadnyy</a> · <a href="http://lviv.gdg.org.ua" target="_blank">GDG Lviv</a>
|
||||
© 2014 Based on <a href="https://github.com/gdg-x/zeppelin" target="_blank">Project Zeppelin</a>. Designed and created by <a href="https://plus.google.com/+OlehZasadnyy/about" target="_blank">Oleh Zasadnyy</a> · <a href="http://lviv.gdg.org.ua" target="_blank">GDG Lviv</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -7,10 +7,6 @@
|
|||
<meta name="description" content="{{ site.description }}">
|
||||
<meta name="keywords" content="{{ site.metaKeywords }}">
|
||||
<link rel="canonical" href="{{ site.url }}">
|
||||
<!-- Social: Google+ / Schema.org -->
|
||||
<meta itemprop="name" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
|
||||
<meta itemprop="description" content="{{ site.description }}">
|
||||
<meta itemprop="image" content="{{ site.socialImageSrcGooglePlus | prepend: site.baseurl | prepend: site.url }}">
|
||||
<!-- Social: Twitter -->
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="{{ site.twitterAccount }}">
|
||||
|
@ -25,7 +21,6 @@
|
|||
<meta property="og:image" content="{{ site.socialImageSrcFacebook | prepend: site.baseurl | prepend: site.url }}" />
|
||||
<meta property="og:description" content="{{ site.description }}" />
|
||||
|
||||
|
||||
<title>{% if page.title %}{{ page.title }} • {{ site.title }}{% else %}{{ site.title }}{% endif %}</title>
|
||||
<link rel="shortcut icon" href="{{ "/img/favicons/favicon.ico" | prepend: site.baseurl }}">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="{{ "/img/favicons/apple-touch-icon-152x152.png" | prepend: site.baseurl }}">
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" itemscope itemtype="http://schema.org/Blog">
|
||||
<html lang="en">
|
||||
|
||||
{% include head.html %}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" itemscope itemtype="http://schema.org/Blog">
|
||||
<html lang="en">
|
||||
|
||||
{% include head.html %}
|
||||
|
||||
|
|
|
@ -11,8 +11,6 @@
|
|||
<div class="st-pusher">
|
||||
<div class="st-content">
|
||||
|
||||
<!-- {% include top-section.html %} -->
|
||||
|
||||
{% include post.html isStaticPost=page.isStaticPost %}
|
||||
|
||||
{% include footer.html %}
|
||||
|
|
|
@ -69,6 +69,7 @@ $figcaption-color: #3c4a50;
|
|||
width: 100%;
|
||||
height: 50px;
|
||||
padding: 13px;
|
||||
z-index: 2;
|
||||
transition: $base-transition;
|
||||
transform: translateY(100%);
|
||||
color: $figcaption-color;
|
||||
|
|
|
@ -10,10 +10,6 @@
|
|||
<meta name="description" content="GDG DevFest is a set of events all around the world">
|
||||
<meta name="keywords" content="event, gdg, devfest, google, programming, android, chrome, developers, lviv">
|
||||
<link rel="canonical" href="http://gdg-x.github.io">
|
||||
<!-- Social: Google+ / Schema.org -->
|
||||
<meta itemprop="name" content="Call for Papers">
|
||||
<meta itemprop="description" content="GDG DevFest is a set of events all around the world">
|
||||
<meta itemprop="image" content="http://gdg-x.github.io/zeppelin/img/seo/sharing-google-plus.png">
|
||||
<!-- Social: Twitter -->
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="@DevFest">
|
||||
|
@ -28,7 +24,6 @@
|
|||
<meta property="og:image" content="http://gdg-x.github.io/zeppelin/img/seo/sharing-facebook.png" />
|
||||
<meta property="og:description" content="GDG DevFest is a set of events all around the world" />
|
||||
|
||||
|
||||
<title>Call for Papers • GDG DevFest Season 2014</title>
|
||||
<link rel="shortcut icon" href="/zeppelin/img/favicons/favicon.ico">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="/zeppelin/img/favicons/apple-touch-icon-152x152.png">
|
||||
|
@ -380,7 +375,7 @@
|
|||
<!-- Please don't delete this line-->
|
||||
<div class="col-md-6">
|
||||
<p class="copyright">
|
||||
© 2014 Designed and created by <a href="https://plus.google.com/+OlehZasadnyy/about">Oleh Zasadnyy</a> · <a href="http://lviv.gdg.org.ua" target="_blank">GDG Lviv</a>
|
||||
© 2014 Based on <a href="https://github.com/gdg-x/zeppelin" target="_blank">Project Zeppelin</a>. Designed and created by <a href="https://plus.google.com/+OlehZasadnyy/about" target="_blank">Oleh Zasadnyy</a> · <a href="http://lviv.gdg.org.ua" target="_blank">GDG Lviv</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -10,10 +10,6 @@
|
|||
<meta name="description" content="GDG DevFest is a set of events all around the world">
|
||||
<meta name="keywords" content="event, gdg, devfest, google, programming, android, chrome, developers, lviv">
|
||||
<link rel="canonical" href="http://gdg-x.github.io">
|
||||
<!-- Social: Google+ / Schema.org -->
|
||||
<meta itemprop="name" content="Hello World!">
|
||||
<meta itemprop="description" content="GDG DevFest is a set of events all around the world">
|
||||
<meta itemprop="image" content="http://gdg-x.github.io/zeppelin/img/seo/sharing-google-plus.png">
|
||||
<!-- Social: Twitter -->
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="@DevFest">
|
||||
|
@ -28,7 +24,6 @@
|
|||
<meta property="og:image" content="http://gdg-x.github.io/zeppelin/img/seo/sharing-facebook.png" />
|
||||
<meta property="og:description" content="GDG DevFest is a set of events all around the world" />
|
||||
|
||||
|
||||
<title>Hello World! • GDG DevFest Season 2014</title>
|
||||
<link rel="shortcut icon" href="/zeppelin/img/favicons/favicon.ico">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="/zeppelin/img/favicons/apple-touch-icon-152x152.png">
|
||||
|
@ -334,7 +329,7 @@ the final missing parts to the biggest Google related event in Ukraine - <a href
|
|||
<!-- Please don't delete this line-->
|
||||
<div class="col-md-6">
|
||||
<p class="copyright">
|
||||
© 2014 Designed and created by <a href="https://plus.google.com/+OlehZasadnyy/about">Oleh Zasadnyy</a> · <a href="http://lviv.gdg.org.ua" target="_blank">GDG Lviv</a>
|
||||
© 2014 Based on <a href="https://github.com/gdg-x/zeppelin" target="_blank">Project Zeppelin</a>. Designed and created by <a href="https://plus.google.com/+OlehZasadnyy/about" target="_blank">Oleh Zasadnyy</a> · <a href="http://lviv.gdg.org.ua" target="_blank">GDG Lviv</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" itemscope itemtype="http://schema.org/Blog">
|
||||
<html lang="en">
|
||||
|
||||
|
||||
<head>
|
||||
|
@ -10,10 +10,6 @@
|
|||
<meta name="description" content="GDG DevFest is a set of events all around the world">
|
||||
<meta name="keywords" content="event, gdg, devfest, google, programming, android, chrome, developers, lviv">
|
||||
<link rel="canonical" href="http://gdg-x.github.io">
|
||||
<!-- Social: Google+ / Schema.org -->
|
||||
<meta itemprop="name" content="Blog">
|
||||
<meta itemprop="description" content="GDG DevFest is a set of events all around the world">
|
||||
<meta itemprop="image" content="http://gdg-x.github.io/zeppelin/img/seo/sharing-google-plus.png">
|
||||
<!-- Social: Twitter -->
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="@DevFest">
|
||||
|
@ -28,7 +24,6 @@
|
|||
<meta property="og:image" content="http://gdg-x.github.io/zeppelin/img/seo/sharing-facebook.png" />
|
||||
<meta property="og:description" content="GDG DevFest is a set of events all around the world" />
|
||||
|
||||
|
||||
<title>Blog • GDG DevFest Season 2014</title>
|
||||
<link rel="shortcut icon" href="/zeppelin/img/favicons/favicon.ico">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="/zeppelin/img/favicons/apple-touch-icon-152x152.png">
|
||||
|
@ -328,7 +323,7 @@ This year event will take place in cultural capital of Ukraine - Lviv. Being a u
|
|||
<!-- Please don't delete this line-->
|
||||
<div class="col-md-6">
|
||||
<p class="copyright">
|
||||
© 2014 Designed and created by <a href="https://plus.google.com/+OlehZasadnyy/about">Oleh Zasadnyy</a> · <a href="http://lviv.gdg.org.ua" target="_blank">GDG Lviv</a>
|
||||
© 2014 Based on <a href="https://github.com/gdg-x/zeppelin" target="_blank">Project Zeppelin</a>. Designed and created by <a href="https://plus.google.com/+OlehZasadnyy/about" target="_blank">Oleh Zasadnyy</a> · <a href="http://lviv.gdg.org.ua" target="_blank">GDG Lviv</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -10,10 +10,6 @@
|
|||
<meta name="description" content="GDG DevFest is a set of events all around the world">
|
||||
<meta name="keywords" content="event, gdg, devfest, google, programming, android, chrome, developers, lviv">
|
||||
<link rel="canonical" href="http://gdg-x.github.io">
|
||||
<!-- Social: Google+ / Schema.org -->
|
||||
<meta itemprop="name" content="Don't be a jerk policy">
|
||||
<meta itemprop="description" content="GDG DevFest is a set of events all around the world">
|
||||
<meta itemprop="image" content="http://gdg-x.github.io/zeppelin/img/seo/sharing-google-plus.png">
|
||||
<!-- Social: Twitter -->
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="@DevFest">
|
||||
|
@ -28,7 +24,6 @@
|
|||
<meta property="og:image" content="http://gdg-x.github.io/zeppelin/img/seo/sharing-facebook.png" />
|
||||
<meta property="og:description" content="GDG DevFest is a set of events all around the world" />
|
||||
|
||||
|
||||
<title>Don't be a jerk policy • GDG DevFest Season 2014</title>
|
||||
<link rel="shortcut icon" href="/zeppelin/img/favicons/favicon.ico">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="/zeppelin/img/favicons/apple-touch-icon-152x152.png">
|
||||
|
@ -265,7 +260,7 @@
|
|||
<!-- Please don't delete this line-->
|
||||
<div class="col-md-6">
|
||||
<p class="copyright">
|
||||
© 2014 Designed and created by <a href="https://plus.google.com/+OlehZasadnyy/about">Oleh Zasadnyy</a> · <a href="http://lviv.gdg.org.ua" target="_blank">GDG Lviv</a>
|
||||
© 2014 Based on <a href="https://github.com/gdg-x/zeppelin" target="_blank">Project Zeppelin</a>. Designed and created by <a href="https://plus.google.com/+OlehZasadnyy/about" target="_blank">Oleh Zasadnyy</a> · <a href="http://lviv.gdg.org.ua" target="_blank">GDG Lviv</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
2
_site/css/main.min.css
vendored
2
_site/css/main.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" itemscope itemtype="http://schema.org/Blog">
|
||||
<html lang="en">
|
||||
|
||||
|
||||
<head>
|
||||
|
@ -10,10 +10,6 @@
|
|||
<meta name="description" content="GDG DevFest is a set of events all around the world">
|
||||
<meta name="keywords" content="event, gdg, devfest, google, programming, android, chrome, developers, lviv">
|
||||
<link rel="canonical" href="http://gdg-x.github.io">
|
||||
<!-- Social: Google+ / Schema.org -->
|
||||
<meta itemprop="name" content="GDG DevFest Season 2014">
|
||||
<meta itemprop="description" content="GDG DevFest is a set of events all around the world">
|
||||
<meta itemprop="image" content="http://gdg-x.github.io/zeppelin/img/seo/sharing-google-plus.png">
|
||||
<!-- Social: Twitter -->
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="@DevFest">
|
||||
|
@ -28,7 +24,6 @@
|
|||
<meta property="og:image" content="http://gdg-x.github.io/zeppelin/img/seo/sharing-facebook.png" />
|
||||
<meta property="og:description" content="GDG DevFest is a set of events all around the world" />
|
||||
|
||||
|
||||
<title>GDG DevFest Season 2014</title>
|
||||
<link rel="shortcut icon" href="/zeppelin/img/favicons/favicon.ico">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="/zeppelin/img/favicons/apple-touch-icon-152x152.png">
|
||||
|
@ -740,7 +735,7 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
|
|||
<!-- Please don't delete this line-->
|
||||
<div class="col-md-6">
|
||||
<p class="copyright">
|
||||
© 2014 Designed and created by <a href="https://plus.google.com/+OlehZasadnyy/about">Oleh Zasadnyy</a> · <a href="http://lviv.gdg.org.ua" target="_blank">GDG Lviv</a>
|
||||
© 2014 Based on <a href="https://github.com/gdg-x/zeppelin" target="_blank">Project Zeppelin</a>. Designed and created by <a href="https://plus.google.com/+OlehZasadnyy/about" target="_blank">Oleh Zasadnyy</a> · <a href="http://lviv.gdg.org.ua" target="_blank">GDG Lviv</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
4
_site/js/bootstrap.min.js
vendored
4
_site/js/bootstrap.min.js
vendored
|
@ -1,3 +1,7 @@
|
|||
/**
|
||||
* kjscompiler annotation
|
||||
* @ignore
|
||||
*/
|
||||
/*!
|
||||
* Bootstrap v3.2.0 (http://getbootstrap.com)
|
||||
* Copyright 2011-2014 Twitter, Inc.
|
||||
|
|
4
_site/js/jquery-2.1.1.min.js
vendored
4
_site/js/jquery-2.1.1.min.js
vendored
File diff suppressed because one or more lines are too long
|
@ -1,3 +1,7 @@
|
|||
/**
|
||||
* kjscompiler annotation
|
||||
* @ignore
|
||||
*/
|
||||
(function($) {
|
||||
$(document).ready(function() {
|
||||
$('body').css('overflow', 'hidden');
|
||||
|
|
4
_site/js/scripts.min.js
vendored
4
_site/js/scripts.min.js
vendored
File diff suppressed because one or more lines are too long
|
@ -10,10 +10,6 @@
|
|||
<meta name="description" content="GDG DevFest is a set of events all around the world">
|
||||
<meta name="keywords" content="event, gdg, devfest, google, programming, android, chrome, developers, lviv">
|
||||
<link rel="canonical" href="http://gdg-x.github.io">
|
||||
<!-- Social: Google+ / Schema.org -->
|
||||
<meta itemprop="name" content="Get ready to DevFest">
|
||||
<meta itemprop="description" content="GDG DevFest is a set of events all around the world">
|
||||
<meta itemprop="image" content="http://gdg-x.github.io/zeppelin/img/seo/sharing-google-plus.png">
|
||||
<!-- Social: Twitter -->
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="@DevFest">
|
||||
|
@ -28,7 +24,6 @@
|
|||
<meta property="og:image" content="http://gdg-x.github.io/zeppelin/img/seo/sharing-facebook.png" />
|
||||
<meta property="og:description" content="GDG DevFest is a set of events all around the world" />
|
||||
|
||||
|
||||
<title>Get ready to DevFest • GDG DevFest Season 2014</title>
|
||||
<link rel="shortcut icon" href="/zeppelin/img/favicons/favicon.ico">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="/zeppelin/img/favicons/apple-touch-icon-152x152.png">
|
||||
|
@ -369,7 +364,7 @@
|
|||
<!-- Please don't delete this line-->
|
||||
<div class="col-md-6">
|
||||
<p class="copyright">
|
||||
© 2014 Designed and created by <a href="https://plus.google.com/+OlehZasadnyy/about">Oleh Zasadnyy</a> · <a href="http://lviv.gdg.org.ua" target="_blank">GDG Lviv</a>
|
||||
© 2014 Based on <a href="https://github.com/gdg-x/zeppelin" target="_blank">Project Zeppelin</a>. Designed and created by <a href="https://plus.google.com/+OlehZasadnyy/about" target="_blank">Oleh Zasadnyy</a> · <a href="http://lviv.gdg.org.ua" target="_blank">GDG Lviv</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" itemscope itemtype="http://schema.org/Blog">
|
||||
<html lang="en">
|
||||
|
||||
|
||||
<head>
|
||||
|
@ -10,10 +10,6 @@
|
|||
<meta name="description" content="GDG DevFest is a set of events all around the world">
|
||||
<meta name="keywords" content="event, gdg, devfest, google, programming, android, chrome, developers, lviv">
|
||||
<link rel="canonical" href="http://gdg-x.github.io">
|
||||
<!-- Social: Google+ / Schema.org -->
|
||||
<meta itemprop="name" content="Speakers">
|
||||
<meta itemprop="description" content="GDG DevFest is a set of events all around the world">
|
||||
<meta itemprop="image" content="http://gdg-x.github.io/zeppelin/img/seo/sharing-google-plus.png">
|
||||
<!-- Social: Twitter -->
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="@DevFest">
|
||||
|
@ -28,7 +24,6 @@
|
|||
<meta property="og:image" content="http://gdg-x.github.io/zeppelin/img/seo/sharing-facebook.png" />
|
||||
<meta property="og:description" content="GDG DevFest is a set of events all around the world" />
|
||||
|
||||
|
||||
<title>Speakers • GDG DevFest Season 2014</title>
|
||||
<link rel="shortcut icon" href="/zeppelin/img/favicons/favicon.ico">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="/zeppelin/img/favicons/apple-touch-icon-152x152.png">
|
||||
|
@ -537,7 +532,7 @@
|
|||
<!-- Please don't delete this line-->
|
||||
<div class="col-md-6">
|
||||
<p class="copyright">
|
||||
© 2014 Designed and created by <a href="https://plus.google.com/+OlehZasadnyy/about">Oleh Zasadnyy</a> · <a href="http://lviv.gdg.org.ua" target="_blank">GDG Lviv</a>
|
||||
© 2014 Based on <a href="https://github.com/gdg-x/zeppelin" target="_blank">Project Zeppelin</a>. Designed and created by <a href="https://plus.google.com/+OlehZasadnyy/about" target="_blank">Oleh Zasadnyy</a> · <a href="http://lviv.gdg.org.ua" target="_blank">GDG Lviv</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" itemscope itemtype="http://schema.org/Blog">
|
||||
<html lang="en">
|
||||
|
||||
|
||||
<head>
|
||||
|
@ -10,10 +10,6 @@
|
|||
<meta name="description" content="GDG DevFest is a set of events all around the world">
|
||||
<meta name="keywords" content="event, gdg, devfest, google, programming, android, chrome, developers, lviv">
|
||||
<link rel="canonical" href="http://gdg-x.github.io">
|
||||
<!-- Social: Google+ / Schema.org -->
|
||||
<meta itemprop="name" content="Team">
|
||||
<meta itemprop="description" content="GDG DevFest is a set of events all around the world">
|
||||
<meta itemprop="image" content="http://gdg-x.github.io/zeppelin/img/seo/sharing-google-plus.png">
|
||||
<!-- Social: Twitter -->
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="@DevFest">
|
||||
|
@ -28,7 +24,6 @@
|
|||
<meta property="og:image" content="http://gdg-x.github.io/zeppelin/img/seo/sharing-facebook.png" />
|
||||
<meta property="og:description" content="GDG DevFest is a set of events all around the world" />
|
||||
|
||||
|
||||
<title>Team • GDG DevFest Season 2014</title>
|
||||
<link rel="shortcut icon" href="/zeppelin/img/favicons/favicon.ico">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="/zeppelin/img/favicons/apple-touch-icon-152x152.png">
|
||||
|
@ -405,7 +400,7 @@
|
|||
<!-- Please don't delete this line-->
|
||||
<div class="col-md-6">
|
||||
<p class="copyright">
|
||||
© 2014 Designed and created by <a href="https://plus.google.com/+OlehZasadnyy/about">Oleh Zasadnyy</a> · <a href="http://lviv.gdg.org.ua" target="_blank">GDG Lviv</a>
|
||||
© 2014 Based on <a href="https://github.com/gdg-x/zeppelin" target="_blank">Project Zeppelin</a>. Designed and created by <a href="https://plus.google.com/+OlehZasadnyy/about" target="_blank">Oleh Zasadnyy</a> · <a href="http://lviv.gdg.org.ua" target="_blank">GDG Lviv</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
245
js/waves.js
245
js/waves.js
|
@ -1,245 +0,0 @@
|
|||
|
||||
/*!
|
||||
* 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);
|
Loading…
Reference in a new issue