1 files changed, 126 insertions, 0 deletions
diff --git a/node_modules/montage-google/youtube-channel.reel/youtube-channel.html b/node_modules/montage-google/youtube-channel.reel/youtube-channel.html
new file mode 100644
index 00000000..99a8a698
--- /dev/null
+++ b/node_modules/montage-google/youtube-channel.reel/youtube-channel.html
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<!-- <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> -->
+<html>
+    <head>
+    <title></title>
+    <script type="text/montage-serialization">
+    {
+        "player": {
+            "prototype": "montage-google/youtube-player.reel",
+            "properties": {
+                "element": {"#": "player"}
+            }
+        },
+        "imageA": {
+            "prototype": "montage/ui/image.reel",
+            "properties": {
+                "element": {"#": "imageA"}
+            }
+        },
+        "imageB": {
+            "prototype": "montage/ui/image.reel",
+            "properties": {
+                "element": {"#": "imageB"}
+            }
+        },
+        "imageC": {
+            "prototype": "montage/ui/image.reel",
+            "properties": {
+                "element": {"#": "imageC"}
+            }
+        },
+        "button": {
+            "prototype": "montage/ui/button.reel",
+            "properties": {
+                "element": {"#": "close"}
+            }
+        },
+        "owner": {
+            "module": "montage-google/youtube-channel.reel",
+            "name": "YoutubeChannel",
+            "properties": {
+                "element": {"#": "container"},
+                "player": {"@": "player"},
+                "_popupElement": {"#": "popup"},
+                "imageA": {"@": "imageA"},
+                "imageB": {"@": "imageB"},
+                "imageC": {"@": "imageC"}
+            }
+        }
+    }
+    </script>
+    <style type="text/css">
+        .montage-youtube-channel {
+            width: 370px;
+            position: relative;
+            -webkit-transform-style: preserve-3d;
+        }
+        .montage-youtube-channel img {
+            cursor: pointer;
+            height: 90px;
+            width: 120px;
+            background-color: #000;
+            opacity: 1;
+            visibility: visible;
+            -webkit-transition: all 0.5s ease-in-out;
+        }
+        .montage-youtube-channel.show img {
+            opacity: 0;
+            visibility: hidden;
+        }
+        .montage-youtube-channel-popup {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            opacity: 0;
+            visibility: hidden;
+            -webkit-transform: scale3d(0, 0, 1);
+            -webkit-transition: all 0.5s ease-in-out;
+        }
+        .montage-youtube-channel-popup.show {
+            opacity: 1;
+            visibility: visible;
+            -webkit-transform: scale3d(1, 1, 1);
+        }
+        .montage-youtube-channel-close {
+            position: absolute;
+            top: 5px;
+            left: 5px;
+            width: 25px;
+            height: 25px;
+            background: #333;
+            border: 1px solid #999;
+            border-radius: 3px;
+            color: #EEE;
+            outline: none;
+        }
+    </style>
+</head>
+<body>
+    <div data-montage-id="container" class="montage-youtube-channel">
+        <img src="" alt="" data-montage-id="imageA">
+        <img src="" alt="" data-montage-id="imageB">
+        <img src="" alt="" data-montage-id="imageC">
+        <div data-montage-id="popup" class="montage-youtube-channel-popup" class="hide">
+            <button data-montage-id="close" class="montage-youtube-channel-close">×</button>
+            <div data-montage-id="player"></div>
+        </div>
+    </div>
+</body>
+</html>

diff --git a/node_modules/montage-google/youtube-channel.reel/youtube-channel.html b/node_modules/montage-google/youtube-channel.reel/youtube-channel.html new file mode 100644 index 00000000..99a8a698 --- /dev/null +++ b/node_modules/montage-google/youtube-channel.reel/youtube-channel.html
@@ -0,0 +1,126 @@
	1	<!DOCTYPE html>
	2	<!-- <copyright>
	3	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
	4	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
	5	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
	6	</copyright> -->
	7	<html>
	8	<head>
	9	<title></title>
	10	<script type="text/montage-serialization">
	11	{
	12	"player": {
	13	"prototype": "montage-google/youtube-player.reel",
	14	"properties": {
	15	"element": {"#": "player"}
	16	}
	17	},
	18	"imageA": {
	19	"prototype": "montage/ui/image.reel",
	20	"properties": {
	21	"element": {"#": "imageA"}
	22	}
	23	},
	24	"imageB": {
	25	"prototype": "montage/ui/image.reel",
	26	"properties": {
	27	"element": {"#": "imageB"}
	28	}
	29	},
	30	"imageC": {
	31	"prototype": "montage/ui/image.reel",
	32	"properties": {
	33	"element": {"#": "imageC"}
	34	}
	35	},
	36	"button": {
	37	"prototype": "montage/ui/button.reel",
	38	"properties": {
	39	"element": {"#": "close"}
	40	}
	41	},
	42
	43	"owner": {
	44	"module": "montage-google/youtube-channel.reel",
	45	"name": "YoutubeChannel",
	46	"properties": {
	47	"element": {"#": "container"},
	48	"player": {"@": "player"},
	49	"_popupElement": {"#": "popup"},
	50	"imageA": {"@": "imageA"},
	51	"imageB": {"@": "imageB"},
	52	"imageC": {"@": "imageC"}
	53	}
	54	}
	55	}
	56	</script>
	57	<style type="text/css">
	58	.montage-youtube-channel {
	59	width: 370px;
	60	position: relative;
	61	-webkit-transform-style: preserve-3d;
	62	}
	63
	64	.montage-youtube-channel img {
	65	cursor: pointer;
	66	height: 90px;
	67	width: 120px;
	68	background-color: #000;
	69	opacity: 1;
	70
	71	visibility: visible;
	72	-webkit-transition: all 0.5s ease-in-out;
	73	}
	74	.montage-youtube-channel.show img {
	75	opacity: 0;
	76	visibility: hidden;
	77	}
	78
	79	.montage-youtube-channel-popup {
	80	position: fixed;
	81	top: 0;
	82	left: 0;
	83	right: 0;
	84	bottom: 0;
	85
	86	opacity: 0;
	87	visibility: hidden;
	88	-webkit-transform: scale3d(0, 0, 1);
	89	-webkit-transition: all 0.5s ease-in-out;
	90	}
	91	.montage-youtube-channel-popup.show {
	92	opacity: 1;
	93	visibility: visible;
	94	-webkit-transform: scale3d(1, 1, 1);
	95	}
	96
	97	.montage-youtube-channel-close {
	98	position: absolute;
	99	top: 5px;
	100	left: 5px;
	101
	102	width: 25px;
	103	height: 25px;
	104
	105	background: #333;
	106	border: 1px solid #999;
	107	border-radius: 3px;
	108
	109	color: #EEE;
	110	outline: none;
	111	}
	112	</style>
	113	</head>
	114	<body>
	115	<div data-montage-id="container" class="montage-youtube-channel">
	116	<img src="" alt="" data-montage-id="imageA">
	117	<img src="" alt="" data-montage-id="imageB">
	118	<img src="" alt="" data-montage-id="imageC">
	119
	120	<div data-montage-id="popup" class="montage-youtube-channel-popup" class="hide">
	121	<button data-montage-id="close" class="montage-youtube-channel-close">×</button>
	122	<div data-montage-id="player"></div>
	123	</div>
	124	</div>
	125	</body>
	126	</html>