gdg-x · vanhensy · Aug 22, 2016 · Aug 22, 2016 · Aug 25, 2016 · Aug 26, 2016
diff --git a/README.md b/README.md
@@ -36,7 +36,7 @@ from [GDG Lviv](http://lviv.gdg.org.ua/).
 
 Install [polymer-cli](https://github.com/Polymer/polymer-cli):
 
-    npm i -g polymer-cli@0.12.0
+    npm i -g polymer-cli
 
 and [Bower](https://bower.io/):
 

diff --git a/docs/tutorials/configure-app.md b/docs/tutorials/configure-app.md
@@ -121,6 +121,21 @@ And in navigation
 
 This configs reflects in `toolbar-block.html` and `drawer-block.html`
 
+### Tweets
+```
+"tweetsSource": "/data/tweets.json",
+```
+To make it more dynamic use [Tweetledee](http://chrissimpkins.github.io/tweetledee/)
+which provides ready-bake PHP files that allow you to access Twitter user 
+timelines, user favorites, lists, home timelines, and tweet search data in a JSON.
+```
+"tweetsSource": "https://<YOUR_APP>.herokuapp.com/favoritesjson.php?c=10&cache_interval=8000",
+```
+You can install Tweetledee on [Heroku](https://www.heroku.com/).
+Download the latest version of Tweetledee; unzip and deploy on their server.  
+**Note:** don't forget to enable CORS, changing `$TLD_JS = 0;` to `$TLD_JS = 1;`.  
+Read [full documentation](http://chrissimpkins.github.io/tweetledee/) on the official website.
+
 
 # Next steps
 

diff --git a/docs/tutorials/set-up.md b/docs/tutorials/set-up.md
@@ -29,7 +29,7 @@ Project Hoverboard locally in less than 15 minutes.
 
 1.  Install [polymer-cli](https://github.com/Polymer/polymer-cli):
 
-        npm i -g polymer-cli@0.12.0
+        npm i -g polymer-cli
 
 1.  [Fork](https://github.com/gdg-x/hoverboard/fork) this repository
 

diff --git a/firebase.json b/firebase.json
@@ -17,62 +17,6 @@
       "database.rules.json",
       "firebase.json",
       "README.md"
-    ],
-    "headers": [
-      {
-        "source": "**/*.@(css|html|js|json|txt|xml|markdown|pdf)",
-        "headers": [
-          {
-            "key": "Cache-Control",
-            "value": "max-age=315360000"
-          }
-        ]
-      },
-      {
-        "source": "**/*.@(gif|jpg|jpeg|png|svg|webp)",
-        "headers": [
-          {
-            "key": "Cache-Control",
-            "value": "max-age=315360000"
-          }
-        ]
-      },
-      {
-        "source": "**/404.html",
-        "headers": [
-          {
-            "key": "Cache-Control",
-            "value": "max-age=300"
-          }
-        ]
-      },
-      {
-        "source": "**/humans.txt",
-        "headers": [
-          {
-            "key": "Cache-Control",
-            "value": "max-age=300"
-          }
-        ]
-      },
-      {
-        "source": "**/index.html",
-        "headers": [
-          {
-            "key": "Cache-Control",
-            "value": "max-age=300"
-          }
-        ]
-      },
-      {
-        "source": "**/robots.txt",
-        "headers": [
-          {
-            "key": "Cache-Control",
-            "value": "max-age=300"
-          }
-        ]
-      }
     ]
   }
 }
diff --git a/index.html b/index.html
@@ -155,7 +155,7 @@
 <script src="scripts/helper/util.js"></script>
 <script src="scripts/helper/elements.js"></script>
 <script src="scripts/bootstrap.js"></script>
-<script src="scripts/helper/service-worker-registration.js"></script>
+<script id="sw-registration" src="scripts/helper/service-worker-registration.js"></script>
 <script src="scripts/helper/deferred.js"></script>
 <script src="scripts/metrics.js"></script>
 

diff --git a/polymer.json b/polymer.json
@@ -10,5 +10,16 @@
     "src/pages/schedule-page.html",
     "src/pages/speakers-page.html",
     "src/pages/team-page.html"
+  ],
+  "sources": [
+    "data/**/*",
+    "images/**/*",
+    "scripts/**/*",
+    "src/**/*",
+    "bower.json",
+    "manifest.json"
+  ],
+  "includeDependencies": [
+    "bower_components/webcomponentsjs/webcomponents-lite.min.js"
   ]
 }
diff --git a/scripts/bootstrap.js b/scripts/bootstrap.js
@@ -84,7 +84,12 @@
 
     if (!(HOVERBOARD.Util.getChromeVersion() &&
       HOVERBOARD.Util.getChromeVersion() >= 46 || HOVERBOARD.Util.getFirefoxVersion() && HOVERBOARD.Util.getFirefoxVersion() >= 40)) {
-      document.write('<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,intl"><\/script>');
+      var parent = document.querySelector('body');
+      var swScript = document.querySelector('#sw-registration');
+      var polyfillScript = document.createElement('script');
+      polyfillScript.src = 'https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,intl';
+      parent.insertBefore(polyfillScript, swScript);
+
       ga('send', 'event', 'browser', 'unsupported-es6-intl', navigator.userAgent);
       console.log('Your browser is out-of-date. Please download one of these up-to-date, free and excellent browsers: Chrome, Chromium, Opera, Vivaldi');
     }

diff --git a/scripts/helper/deferred.js b/scripts/helper/deferred.js
@@ -49,6 +49,6 @@ HOVERBOARD.Deferred = HOVERBOARD.Deferred || (function () {
     }
 
     return {
-      createDeferred : createDeferred
+      createDeferred: createDeferred
     };
   }());
diff --git a/scripts/helper/elements.js b/scripts/helper/elements.js
@@ -20,8 +20,8 @@ HOVERBOARD.Elements = (function () {
   function init() {
     HOVERBOARD.Elements.Template = document.getElementById('happ');
   }
-  
+
   return {
-    init : init
+    init: init
   };
 }());
diff --git a/scripts/helper/service-worker-registration.js b/scripts/helper/service-worker-registration.js
@@ -82,8 +82,8 @@ HOVERBOARD.ServiceWorkerRegistration = (function () {
   }
 
   return {
-    register : register,
-    URL : URL,
-    SCOPE : SCOPE
+    register: register,
+    URL: URL,
+    SCOPE: SCOPE
   };
 })();
diff --git a/scripts/helper/util.js b/scripts/helper/util.js
@@ -269,26 +269,26 @@ HOVERBOARD.Util = HOVERBOARD.Util || (function () {
     };
 
     return {
-      createDeferred : createDeferred,
-      isFF : isFF,
-      isIE : isIE,
-      isEdge : isEdge,
-      isIOS : isIOS,
-      isAndroid : isAndroid,
-      isSafari : isSafari,
-      isTouchScreen : isTouchScreen,
-      getMetaThemeColor : getMetaThemeColor,
-      setMetaThemeColor : setMetaThemeColor,
-      getURLParameter : getURLParameter,
-      setSearchParam : setSearchParam,
-      removeSearchParam : removeSearchParam,
+      createDeferred: createDeferred,
+      isFF: isFF,
+      isIE: isIE,
+      isEdge: isEdge,
+      isIOS: isIOS,
+      isAndroid: isAndroid,
+      isSafari: isSafari,
+      isTouchScreen: isTouchScreen,
+      getMetaThemeColor: getMetaThemeColor,
+      setMetaThemeColor: setMetaThemeColor,
+      getURLParameter: getURLParameter,
+      setSearchParam: setSearchParam,
+      removeSearchParam: removeSearchParam,
       supportsHTMLImports: 'import' in document.createElement('link'),
-      getFPIfSupported : getFPIfSupported,
-      getEventSender : getEventSender,
-      reportError : reportError,
-      getChromeVersion : getChromeVersion,
-      getFirefoxVersion : getFirefoxVersion,
-      extend : extend,
-      getUserLanguage : getUserLanguage
+      getFPIfSupported: getFPIfSupported,
+      getEventSender: getEventSender,
+      reportError: reportError,
+      getChromeVersion: getChromeVersion,
+      getFirefoxVersion: getFirefoxVersion,
+      extend: extend,
+      getUserLanguage: getUserLanguage
     };
   }());
diff --git a/src/elements/call-to-action.html b/src/elements/call-to-action.html
@@ -23,7 +23,7 @@
       }
 
       .heading {
-        @apply(--layout-flex);
+        @apply(--layout-flex-auto);
         @apply(--layout-self-center);
         margin-bottom: 0 !important;
       }

diff --git a/src/elements/featured-videos.html b/src/elements/featured-videos.html
@@ -231,7 +231,7 @@ <h4 class="heading">[[localize('featured-videos-title')]]</h4>
           var presenters = e.model.video.speakers ? (' by ' + e.model.video.speakers) : '';
           HOVERBOARD.Elements.Template.openVideo(e.model.video.title + presenters, e.model.video.youtubeId, true);
 
-          HOVERBOARD.Analytics.trackEvent('video', 'watch', 'featured video ' + this._selectedVideo.title);
+          HOVERBOARD.Analytics.trackEvent('video', 'watch', 'featured video ' + e.model.video.title);
         },
 
         shiftContentLeft: function () {

diff --git a/src/elements/footer-block.html b/src/elements/footer-block.html
@@ -104,7 +104,7 @@
       }
 
       .subscribe {
-        @apply(--layout-flex);
+        @apply(--layout-flex-auto);
       }
 
       .copyright {
@@ -152,7 +152,8 @@
       }
 
       @media (min-width: 961px) {
-        .link-block-wrapper {
+        .link-block-wrapper,
+        .subscribe {
           @apply(--layout-flex);
         }
       }

diff --git a/src/elements/schedule-subnav.html b/src/elements/schedule-subnav.html
@@ -41,16 +41,14 @@
         margin-left: 4px;
       }
 
-      .filters-content > * {
-        padding: 0 24px;
-      }
-
       paper-checkbox {
+        padding: 0 24px;
         position: relative;
         min-height: 48px;
       }
 
       paper-item {
+        padding: 0 24px;
         cursor: pointer;
       }
 
@@ -171,18 +169,14 @@
           this._target = this.$.filtersMenuToggle;
 
           this.listen(this._target, 'mouseenter', '_showFilters');
-          this.listen(this._target, 'focus', '_showFilters');
           this.listen(this._target, 'mouseleave', '_hideFilters');
-          this.listen(this._target, 'blur', '_hideFilters');
           this.listen(this._target, 'tap', '_hideFilters');
         },
 
         detached: function () {
           if (this._target) {
             this.unlisten(this._target, 'mouseenter', '_showFilters');
-            this.unlisten(this._target, 'focus', '_showFilters');
             this.unlisten(this._target, 'mouseleave', '_hideFilters');
-            this.unlisten(this._target, 'blur', '_hideFilters');
             this.unlisten(this._target, 'tap', '_hideFilters');
           }
         },
@@ -204,14 +198,20 @@
           return this.filters.indexOf(tag) > -1;
         },
 
-        _showFilters: function () {
-          if (this._filtersOpened) return;
-          this.set('_filtersOpened', true);
+        _showFilters: function (e) {
+          e.stopPropagation();
+          this.debounce('doSomething', function () {
+            if (this._filtersOpened) return;
+            this.set('_filtersOpened', true);
+          }, 50);
         },
 
-        _hideFilters: function () {
-          if (!this._filtersOpened) return;
-          this.set('_filtersOpened', false);
+        _hideFilters: function (e) {
+          e.stopPropagation();
+          this.debounce('doSomething', function () {
+            if (!this._filtersOpened) return;
+            this.set('_filtersOpened', false);
+          }, 50);
         },
 
         _getCustomStyleValue: function(tag) {

diff --git a/src/pages/blog-list.html b/src/pages/blog-list.html
@@ -146,7 +146,7 @@
           }
         },
 
-        _updateCascadedNodes() {
+        _updateCascadedNodes: function() {
           var cascaded = Polymer.dom(this.root).querySelectorAll('[cascaded]');
           var cascadedArray = Array.prototype.slice.call(cascaded);
           this.animationConfig.entry.push({

diff --git a/src/pages/post-page.html b/src/pages/post-page.html
@@ -9,6 +9,7 @@
 
 <link rel="import" href="../../bower_components/marked-element/marked-element.html">
 
+<link rel="import" href="../../bower_components/neon-animation/neon-animation-runner-behavior.html">
 <link rel="import" href="../../bower_components/neon-animation/neon-shared-element-animatable-behavior.html">
 
 <link rel="import" href="../elements/footer-block.html">

diff --git a/src/styles/dialog-styles.html b/src/styles/dialog-styles.html
@@ -14,7 +14,7 @@
         min-height: 100%;
         min-width: 100%;
         --content-padding: 24px;
-        --paper-scroll-header-panel-color: var(--default-primary-color);
+        --paper-scroll-header-panel-color: var(--general);
         --truncate-marked-text-style: {
           font-size: 15px;
           line-height: 1.5;
@@ -43,10 +43,10 @@
         background: #FFFFFF;
         height: 100%;
         --paper-scroll-header-panel-full-header: {
-          background-color: var(--paper-scroll-header-panel-color);
+          background-color: var(--paper-scroll-header-panel-color, var(--general));
         };
         --paper-scroll-header-panel-condensed-header: {
-          background-color: var(--paper-scroll-header-panel-color);
+          background-color: var(--paper-scroll-header-panel-color, var(--general));
         };
       }
 
@@ -216,6 +216,10 @@
           padding: 0 8px;
           width: calc(50% - 16px);
         }
+
+        .section:last-of-type {
+          margin-bottom: 32px;
+        }
       }
 
     </style>