| Index: bower_components/core-animated-pages/demos/simple.html
|
| diff --git a/bower_components/core-animated-pages/demos/simple.html b/bower_components/core-animated-pages/demos/simple.html
|
| deleted file mode 100644
|
| index 1a0d99cfb4b17e97532604ea3f63b330e20083a5..0000000000000000000000000000000000000000
|
| --- a/bower_components/core-animated-pages/demos/simple.html
|
| +++ /dev/null
|
| @@ -1,98 +0,0 @@
|
| -<!--
|
| - @license
|
| - Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
| - This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
| - The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
| - The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
| - Code distributed by Google as part of the polymer project is also
|
| - subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
| --->
|
| -<!doctype html>
|
| -<html>
|
| -<head>
|
| -
|
| - <script src="../../platform/platform.js"></script>
|
| - <link href="../core-animated-pages.html" rel="import">
|
| - <link href="../transitions/cross-fade.html" rel="import">
|
| - <link href="../transitions/slide-from-right.html" rel="import">
|
| -
|
| - <style>
|
| - body {
|
| - font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
| - margin: 0;
|
| - }
|
| -
|
| - core-animated-pages {
|
| - position: absolute;
|
| - top: 50px;
|
| - right: 0;
|
| - bottom: 0;
|
| - left: 0;
|
| - font-size: 72px;
|
| - overflow: hidden;
|
| - }
|
| -
|
| - section > div {
|
| - height: 100%;
|
| - color: white;
|
| - }
|
| -
|
| - </style>
|
| -
|
| -</head>
|
| -<body unresolved>
|
| - <select onchange="change();">
|
| - <option value="cross-fade-all" selected>cross-fade-all</option>
|
| - <option value="slide-from-right">slide-from-right</option>
|
| - </select>
|
| -
|
| - <core-animated-pages onclick="stuff();" transitions="cross-fade-all">
|
| - <section>
|
| - <div layout vertical center center-justified style="background:red;">
|
| - <div>1</div>
|
| - </div>
|
| - </section>
|
| - <section>
|
| - <div layout vertical center center-justified style="background:blue;">
|
| - <div>2</div>
|
| - </div>
|
| - </section>
|
| - <section>
|
| - <div layout vertical center center-justified style="background:purple;">
|
| - <div>3</div>
|
| - </div>
|
| - </section>
|
| - <section>
|
| - <div layout vertical center center-justified style="background:orange;">
|
| - <div>4</div>
|
| - </div>
|
| - </section>
|
| - <section>
|
| - <div layout vertical center center-justified style="background:green;">
|
| - <div>5</div>
|
| - </div>
|
| - </section>
|
| - </core-animated-pages>
|
| -
|
| - <script>
|
| - function change() {
|
| - var s = document.querySelector('select');
|
| - document.querySelector('core-animated-pages').transitions = document.querySelector('select').options[s.selectedIndex].value;
|
| - }
|
| -
|
| - var up = true;
|
| - var max = 4;
|
| - function stuff() {
|
| - var p = document.querySelector('core-animated-pages');
|
| - if (up && p.selected === max || !up && p.selected === 0) {
|
| - up = !up;
|
| - }
|
| - if (up) {
|
| - p.selected += 1;
|
| - } else {
|
| - p.selected -= 1;
|
| - }
|
| - }
|
| - </script>
|
| -</body>
|
| -</html>
|
|
|