paper-slides.html

<!--
@license
Copyright (c) 2015 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
-->
<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="elements/elements.html">
<link rel="stylesheet" type="text/css" href="styles/main.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<!--
An element providing a solution to no problem in particular.

Example:

		<paper-slides></paper-slides>

@group Seed Elements
@element paper-slides
@demo demo/index.html
@hero hero.svg
-->
<dom-module id="paper-slides">

	<template>
		<style>
			:root {
				--slide-component: {
					display: block;
					position: absolute;
				};
			}
			:host {
				display: block;
				width: 100%;
				height: 100%;
			}
		</style>

		<!-- Sese -->
		<!-- <youtube-video pauseon="[[pauseon]]" skipto="[[skipto]]" video-url="ZW3aV7U-aik" mute></youtube-video> -->

		<!-- Dennis -->
		<!-- <youtube-video pauseon="[[pauseon]]" skipto="[[skipto]]" video-url="sNhhvQGsMEc" mute></youtube-video> -->

		<blank-slide>
			<slide-title>Fermi Paradoxon</slide-title>
			<slide-text>This is a content<br>with a line break.</slide-text>
			<slide-image></slide-image>
			<slide-audio></slide-audio>
			<!-- <slide-frame></slide-frame> -->
		</blank-slide>

	</template>

</dom-module>

<script>

	Polymer({

		is: 'paper-slides',

		properties: {
			pauseon: {
				type: Array,
				value: function () {
					// Sese
					// return [3, 28, 58, 72, 90, 96, 104, 108, 113, 117, 119, 129, 136, 143, 150, 177, 183, 208, 214, 220, 229, 240, 250, 256, 265];

					// Dennis
					return [102, 172, 212, 306]; //102, 172, 212, 306
				}
			},
			skipto: {
				type: Array,
				value: function () {
					// Sese
					// return [12, 20, 160, 168, 194, 205, 287, 211];

					// Dennis
					return [34, 41, 76, 82, 357, 381]; //34, 41, 76, 82, 357, 381
				}
			}
		}

	});

</script>