1 files changed, 125 insertions, 0 deletions
diff --git a/node_modules/montage/ui/youtube-channel.reel/youtube-channel.html b/node_modules/montage/ui/youtube-channel.reel/youtube-channel.html
new file mode 100644
index 00000000..848322e0
--- /dev/null
+++ b/node_modules/montage/ui/youtube-channel.reel/youtube-channel.html
@@ -0,0 +1,125 @@
+<!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/ui/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/ui/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;
+        }
+        .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/ui/youtube-channel.reel/youtube-channel.html b/node_modules/montage/ui/youtube-channel.reel/youtube-channel.html new file mode 100644 index 00000000..848322e0 --- /dev/null +++ b/node_modules/montage/ui/youtube-channel.reel/youtube-channel.html
@@ -0,0 +1,125 @@
	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/ui/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/ui/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	}
	62
	63	.montage-youtube-channel img {
	64	cursor: pointer;
	65	height: 90px;
	66	width: 120px;
	67	background-color: #000;
	68	opacity: 1;
	69
	70	visibility: visible;
	71	-webkit-transition: all 0.5s ease-in-out;
	72	}
	73	.montage-youtube-channel.show img {
	74	opacity: 0;
	75	visibility: hidden;
	76	}
	77
	78	.montage-youtube-channel-popup {
	79	position: fixed;
	80	top: 0;
	81	left: 0;
	82	right: 0;
	83	bottom: 0;
	84
	85	opacity: 0;
	86	visibility: hidden;
	87	-webkit-transform: scale3d(0, 0, 1);
	88	-webkit-transition: all 0.5s ease-in-out;
	89	}
	90	.montage-youtube-channel-popup.show {
	91	opacity: 1;
	92	visibility: visible;
	93	-webkit-transform: scale3d(1, 1, 1);
	94	}
	95
	96	.montage-youtube-channel-close {
	97	position: absolute;
	98	top: 5px;
	99	left: 5px;
	100
	101	width: 25px;
	102	height: 25px;
	103
	104	background: #333;
	105	border: 1px solid #999;
	106	border-radius: 3px;
	107
	108	color: #EEE;
	109	outline: none;
	110	}
	111	</style>
	112	</head>
	113	<body>
	114	<div data-montage-id="container" class="montage-youtube-channel">
	115	<img src="" alt="" data-montage-id="imageA">
	116	<img src="" alt="" data-montage-id="imageB">
	117	<img src="" alt="" data-montage-id="imageC">
	118
	119	<div data-montage-id="popup" class="montage-youtube-channel-popup" class="hide">
	120	<button data-montage-id="close" class="montage-youtube-channel-close">×</button>
	121	<div data-montage-id="player"></div>
	122	</div>
	123	</div>
	124	</body>
	125	</html>