diff options
author | Pushkar Joshi | 2012-05-11 08:55:46 -0700 |
---|---|---|
committer | Pushkar Joshi | 2012-05-11 08:55:46 -0700 |
commit | d7d6f03257f9e938321cfea0e9f98e99cca7c397 (patch) | |
tree | 05f89cf903b26cab6233dc6dfa7c6f18b5947c2c /node_modules/montage-google/picasa-carousel.reel/picasa-carousel.html | |
parent | de9f718b739ef2b31a161d9dac6e81d614fab853 (diff) | |
parent | 632a53278826a33506b302b573ee0681840f2d6c (diff) | |
download | ninja-d7d6f03257f9e938321cfea0e9f98e99cca7c397.tar.gz |
Merge branch 'master' into pentool
Diffstat (limited to 'node_modules/montage-google/picasa-carousel.reel/picasa-carousel.html')
-rwxr-xr-x | node_modules/montage-google/picasa-carousel.reel/picasa-carousel.html | 169 |
1 files changed, 169 insertions, 0 deletions
diff --git a/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.html b/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.html new file mode 100755 index 00000000..f7c8a766 --- /dev/null +++ b/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.html | |||
@@ -0,0 +1,169 @@ | |||
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 | <link rel="stylesheet" type="text/css" href="picasa-carousel.css"> | ||
11 | |||
12 | <script type="text/montage-serialization"> | ||
13 | { | ||
14 | "owner": { | ||
15 | "prototype": "montage-google/picasa-carousel.reel", | ||
16 | "properties": { | ||
17 | "element": {"#": "montage-google-picasa-carousel"}, | ||
18 | "flow": {"@": "flow"} | ||
19 | } | ||
20 | }, | ||
21 | "searchResultsController": { | ||
22 | "module": "montage/ui/controller/array-controller", | ||
23 | "name": "ArrayController", | ||
24 | "bindings": { | ||
25 | "content": { | ||
26 | "boundObject": {"@": "owner"}, | ||
27 | "boundObjectPropertyPath": "searchResults" | ||
28 | } | ||
29 | } | ||
30 | }, | ||
31 | "image": { | ||
32 | "prototype": "montage-google/picasa-carousel.reel/image.reel", | ||
33 | "properties": { | ||
34 | "element": {"#": "image"} | ||
35 | }, | ||
36 | "bindings": { | ||
37 | "src": { | ||
38 | "boundObject": {"@": "flow"}, | ||
39 | "boundObjectPropertyPath": "objectAtCurrentIteration.media$group.media$thumbnail.2.url", | ||
40 | "oneway": true | ||
41 | } | ||
42 | } | ||
43 | }, | ||
44 | "flow": { | ||
45 | "module": "montage/ui/flow.reel", | ||
46 | "name": "Flow", | ||
47 | "properties": { | ||
48 | "element": {"#": "flow"}, | ||
49 | "paths": [ | ||
50 | { | ||
51 | "knots": [ | ||
52 | { | ||
53 | "knotPosition": [-1980, 0, 0], | ||
54 | "nextHandlerPosition": [-1760, 0, 0], | ||
55 | "previousDensity": 3, | ||
56 | "nextDensity": 3 | ||
57 | }, | ||
58 | { | ||
59 | "knotPosition": [-1320, 0, 0], | ||
60 | "previousHandlerPosition": [-1540, 0, 0], | ||
61 | "nextHandlerPosition": [-1100, 0, 0], | ||
62 | "previousDensity": 3, | ||
63 | "nextDensity": 3 | ||
64 | }, | ||
65 | { | ||
66 | "knotPosition": [-660, 0, 0], | ||
67 | "previousHandlerPosition": [-880, 0, 0], | ||
68 | "nextHandlerPosition": [-440, 0, 0], | ||
69 | "previousDensity": 3, | ||
70 | "nextDensity": 3 | ||
71 | }, | ||
72 | { | ||
73 | "knotPosition": [0, 0, 350], | ||
74 | "previousHandlerPosition": [-220, 0, 350], | ||
75 | "nextHandlerPosition": [220, 0, 350], | ||
76 | "previousDensity": 3, | ||
77 | "nextDensity": 3 | ||
78 | }, | ||
79 | { | ||
80 | "knotPosition": [660, 0, 0], | ||
81 | "previousHandlerPosition": [440, 0, 0], | ||
82 | "nextHandlerPosition": [880, 0, 0], | ||
83 | "previousDensity": 3, | ||
84 | "nextDensity": 3 | ||
85 | }, | ||
86 | { | ||
87 | "knotPosition": [1320, 0, 0], | ||
88 | "previousHandlerPosition": [1100, 0, 0], | ||
89 | "nextHandlerPosition": [1540, 0, 0], | ||
90 | "previousDensity": 3, | ||
91 | "nextDensity": 3 | ||
92 | }, | ||
93 | { | ||
94 | "knotPosition": [1980, 0, 0], | ||
95 | "previousHandlerPosition": [1760, 0, 0], | ||
96 | "previousDensity": 3, | ||
97 | "nextDensity": 3 | ||
98 | } | ||
99 | ], | ||
100 | "units": {} | ||
101 | } | ||
102 | ], | ||
103 | "elementsBoundingSphereRadius": 700 | ||
104 | }, | ||
105 | "bindings": { | ||
106 | "objects": { | ||
107 | "boundObject": {"@": "searchResultsController"}, | ||
108 | "boundObjectPropertyPath": "content", | ||
109 | "oneway": true | ||
110 | } | ||
111 | } | ||
112 | } | ||
113 | } | ||
114 | </script> | ||
115 | |||
116 | <style> | ||
117 | .montage-google-picasa-carousel { | ||
118 | width: 100%; | ||
119 | height: 100%; | ||
120 | display: -webkit-box; | ||
121 | -webkit-box-pack: center; | ||
122 | -webkit-box-align: center; | ||
123 | display: -moz-box; | ||
124 | -moz-box-pack: center; | ||
125 | -moz-box-align: center; | ||
126 | display: -ms-box; | ||
127 | -ms-box-pack: center; | ||
128 | -ms-box-align: center; | ||
129 | display: box; | ||
130 | box-pack: center; | ||
131 | box-align: center; | ||
132 | -webkit-transform-style: preserve-3d; | ||
133 | } | ||
134 | |||
135 | .montage-google-picasa-carousel .flow { | ||
136 | width: 100%; | ||
137 | height: 100%; | ||
138 | /* top: 0; | ||
139 | left: 0; | ||
140 | right: 0; | ||
141 | bottom: 0; | ||
142 | */ | ||
143 | /*background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#bbb));*/ | ||
144 | -webkit-transform-style: preserve-3d; | ||
145 | -webkit-perspective: 1400px; | ||
146 | } | ||
147 | .image { | ||
148 | position: absolute; | ||
149 | /*-top: 50%;*/ | ||
150 | -webkit-box-shadow: 0 0 35px rgba(0,0,0,.5); | ||
151 | } | ||
152 | |||
153 | .montage-google-picasa-carousel .flow .montage-flow-repetition { | ||
154 | margin: 10% 0; | ||
155 | } | ||
156 | |||
157 | </style> | ||
158 | |||
159 | </head> | ||
160 | <body> | ||
161 | |||
162 | <div data-montage-id="montage-google-picasa-carousel" class="montage-google-picasa-carousel"> | ||
163 | <div data-montage-id="flow" class="flow"> | ||
164 | <img data-montage-id="image" class="image"/> | ||
165 | </div> | ||
166 | </div> | ||
167 | |||
168 | </body> | ||
169 | </html> | ||