-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathbenalderfer_edge.js
executable file
·330 lines (323 loc) · 14.9 KB
/
benalderfer_edge.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
/**
* Adobe Edge: symbol definitions
*/
(function($, Edge, compId){
//images folder
var im='images/';
var fonts = {};
var resources = [
];
var symbols = {
"stage": {
version: "2.0.1",
minimumCompatibleVersion: "2.0.0",
build: "2.0.1.268",
baseState: "Base State",
initialState: "Base State",
gpuAccelerate: false,
resizeInstances: false,
content: {
dom: [
{
id:'Group2',
type:'group',
rect:['-119px','-57px','477','160','auto','auto'],
transform:[[],[],[],['0.5','0.5']],
c:[
{
id:'_1',
type:'image',
rect:['0px','67px','25px','56px','auto','auto'],
opacity:0,
fill:["rgba(0,0,0,0)",im+"1.png",'0px','0px'],
transform:[]
},
{
id:'_2',
type:'image',
rect:['27px','67px','22px','56px','auto','auto'],
opacity:0,
fill:["rgba(0,0,0,0)",im+"2.png",'0px','0px'],
transform:[]
},
{
id:'_3',
type:'image',
rect:['51px','67px','27px','56px','auto','auto'],
opacity:0,
fill:["rgba(0,0,0,0)",im+"3.png",'0px','0px'],
transform:[]
},
{
id:'_4',
type:'image',
rect:['79px','67px','27px','56px','auto','auto'],
fill:["rgba(0,0,0,0)",im+"4.png",'0px','0px'],
transform:[[],[],[],['0','0']]
},
{
id:'_5',
type:'image',
rect:['108px','67px','12px','56px','auto','auto'],
fill:["rgba(0,0,0,0)",im+"5.png",'0px','0px'],
transform:[[],[],[],['0','0']]
},
{
id:'_6',
type:'image',
rect:['120px','67px','30px','56px','auto','auto'],
fill:["rgba(0,0,0,0)",im+"6.png",'0px','0px'],
transform:[[],[],[],['0','0']]
},
{
id:'_7',
type:'image',
rect:['150px','67px','24px','56px','auto','auto'],
fill:["rgba(0,0,0,0)",im+"7.png",'0px','0px'],
transform:[[],[],[],['0','0']]
},
{
id:'_8',
type:'image',
rect:['177px','67px','23px','56px','auto','auto'],
fill:["rgba(0,0,0,0)",im+"8.png",'0px','0px'],
transform:[[],[],[],['0','0']]
},
{
id:'_9',
type:'image',
rect:['195px','67px','27px','56px','auto','auto'],
fill:["rgba(0,0,0,0)",im+"9.png",'0px','0px'],
transform:[[],[],[],['0','0']]
},
{
id:'_10',
type:'image',
rect:['219px','67px','24px','56px','auto','auto'],
fill:["rgba(0,0,0,0)",im+"10.png",'0px','0px'],
transform:[[],[],[],['0','0']]
},
{
id:'_11',
type:'image',
rect:['245px','67px','23px','56px','auto','auto'],
fill:["rgba(0,0,0,0)",im+"11.png",'0px','0px'],
transform:[[],[],[],['0','0']]
},
{
id:'Group',
type:'group',
rect:['-135px','0px','172','160','auto','auto'],
c:[
{
id:'Rectangle2',
type:'rect',
rect:['67px','-22px','20px','197px','auto','auto'],
fill:["rgba(242,238,231,0.49)"],
stroke:[0,"rgb(0, 0, 0)","none"],
transform:[[],['45']]
},
{
id:'Rectangle2Copy',
type:'rect',
rect:['94px','-12px','10px','197px','auto','auto'],
fill:["rgba(242,238,231,0.49)"],
stroke:[0,"rgb(0, 0, 0)","none"],
transform:[[],['45']]
}]
}]
}],
symbolInstances: [
]
},
states: {
"Base State": {
"${_Group2}": [
["transform", "scaleX", '0.5'],
["style", "top", '-57px'],
["transform", "scaleY", '0.5'],
["style", "left", '-119px']
],
"${_Rectangle2}": [
["style", "top", '-22px'],
["transform", "rotateZ", '45deg'],
["color", "background-color", 'rgba(242,238,231,0.49)'],
["style", "left", '67px'],
["style", "width", '20px']
],
"${_Group}": [
["style", "left", '-135px'],
["style", "top", '0px']
],
"${__4}": [
["style", "-webkit-transform-origin", [50,50], {valueTemplate:'@@0@@% @@1@@%'} ],
["style", "-moz-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-ms-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "msTransformOrigin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-o-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["transform", "scaleY", '0'],
["transform", "scaleX", '0'],
["style", "left", '79px'],
["style", "top", '67px']
],
"${__3}": [
["style", "top", '67px'],
["style", "opacity", '0'],
["style", "left", '51px'],
["style", "-webkit-transform-origin", [50,50], {valueTemplate:'@@0@@% @@1@@%'} ],
["style", "-moz-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-ms-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "msTransformOrigin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-o-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}]
],
"${_Rectangle2Copy}": [
["style", "top", '-12px'],
["transform", "rotateZ", '45deg'],
["color", "background-color", 'rgba(242,238,231,0.49)'],
["style", "left", '94px'],
["style", "width", '10px']
],
"${__2}": [
["style", "top", '67px'],
["style", "opacity", '0'],
["style", "left", '27px'],
["style", "-webkit-transform-origin", [50,50], {valueTemplate:'@@0@@% @@1@@%'} ],
["style", "-moz-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-ms-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "msTransformOrigin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-o-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}]
],
"${__5}": [
["style", "-webkit-transform-origin", [50,50], {valueTemplate:'@@0@@% @@1@@%'} ],
["style", "-moz-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-ms-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "msTransformOrigin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-o-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["transform", "scaleY", '0'],
["transform", "scaleX", '0'],
["style", "left", '108px'],
["style", "top", '67px']
],
"${__7}": [
["style", "-webkit-transform-origin", [50,50], {valueTemplate:'@@0@@% @@1@@%'} ],
["style", "-moz-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-ms-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "msTransformOrigin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-o-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["transform", "scaleY", '0'],
["transform", "scaleX", '0'],
["style", "left", '150px'],
["style", "top", '67px']
],
"${__1}": [
["style", "top", '67px'],
["style", "opacity", '0'],
["style", "left", '0px'],
["style", "-webkit-transform-origin", [50,50], {valueTemplate:'@@0@@% @@1@@%'} ],
["style", "-moz-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-ms-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "msTransformOrigin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-o-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}]
],
"${__10}": [
["style", "-webkit-transform-origin", [50,50], {valueTemplate:'@@0@@% @@1@@%'} ],
["style", "-moz-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-ms-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "msTransformOrigin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-o-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["transform", "scaleY", '0'],
["transform", "scaleX", '0'],
["style", "left", '219px'],
["style", "top", '67px']
],
"${__9}": [
["style", "-webkit-transform-origin", [50,50], {valueTemplate:'@@0@@% @@1@@%'} ],
["style", "-moz-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-ms-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "msTransformOrigin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-o-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["transform", "scaleY", '0'],
["transform", "scaleX", '0'],
["style", "left", '195px'],
["style", "top", '67px']
],
"${_Stage}": [
["color", "background-color", 'rgba(255,255,255,0.00)'],
["style", "width", '300px'],
["style", "height", '60px'],
["style", "overflow", 'hidden']
],
"${__6}": [
["style", "-webkit-transform-origin", [50,50], {valueTemplate:'@@0@@% @@1@@%'} ],
["style", "-moz-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-ms-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "msTransformOrigin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-o-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["transform", "scaleY", '0'],
["transform", "scaleX", '0'],
["style", "left", '120px'],
["style", "top", '67px']
],
"${__11}": [
["style", "-webkit-transform-origin", [50,50], {valueTemplate:'@@0@@% @@1@@%'} ],
["style", "-moz-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-ms-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "msTransformOrigin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-o-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["transform", "scaleY", '0'],
["transform", "scaleX", '0'],
["style", "left", '245px'],
["style", "top", '67px']
],
"${__8}": [
["style", "-webkit-transform-origin", [50,50], {valueTemplate:'@@0@@% @@1@@%'} ],
["style", "-moz-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-ms-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "msTransformOrigin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["style", "-o-transform-origin", [50,50],{valueTemplate:'@@0@@% @@1@@%'}],
["transform", "scaleY", '0'],
["transform", "scaleX", '0'],
["style", "left", '177px'],
["style", "top", '67px']
]
}
},
timelines: {
"Default Timeline": {
fromState: "Base State",
toState: "",
duration: 13000,
autoPlay: true,
timeline: [
{ id: "eid32", tween: [ "transform", "${__9}", "scaleX", '1', { fromValue: '0'}], position: 2200, duration: 100 },
{ id: "eid10", tween: [ "transform", "${__4}", "scaleX", '1', { fromValue: '0'}], position: 1700, duration: 100 },
{ id: "eid15", tween: [ "transform", "${__5}", "scaleY", '1', { fromValue: '0'}], position: 1800, duration: 100 },
{ id: "eid33", tween: [ "transform", "${__9}", "scaleY", '1', { fromValue: '0'}], position: 2200, duration: 100 },
{ id: "eid6", tween: [ "style", "${__2}", "opacity", '1', { fromValue: '0.000000'}], position: 1100, duration: 500 },
{ id: "eid19", tween: [ "transform", "${__6}", "scaleY", '1', { fromValue: '0'}], position: 1900, duration: 100 },
{ id: "eid28", tween: [ "transform", "${__8}", "scaleX", '1', { fromValue: '0'}], position: 2100, duration: 100 },
{ id: "eid40", tween: [ "transform", "${__11}", "scaleX", '1', { fromValue: '0'}], position: 2400, duration: 100 },
{ id: "eid37", tween: [ "transform", "${__10}", "scaleY", '1', { fromValue: '0'}], position: 2300, duration: 100 },
{ id: "eid43", tween: [ "style", "${_Group}", "left", '305px', { fromValue: '-135px'}], position: 3000, duration: 1000 },
{ id: "eid36", tween: [ "transform", "${__10}", "scaleX", '1', { fromValue: '0'}], position: 2300, duration: 100 },
{ id: "eid29", tween: [ "transform", "${__8}", "scaleY", '1', { fromValue: '0'}], position: 2100, duration: 100 },
{ id: "eid7", tween: [ "style", "${__3}", "opacity", '1', { fromValue: '0.000000'}], position: 1200, duration: 500 },
{ id: "eid23", tween: [ "transform", "${__7}", "scaleY", '1', { fromValue: '0'}], position: 2000, duration: 100 },
{ id: "eid11", tween: [ "transform", "${__4}", "scaleY", '1', { fromValue: '0'}], position: 1700, duration: 100 },
{ id: "eid22", tween: [ "transform", "${__7}", "scaleX", '1', { fromValue: '0'}], position: 2000, duration: 100 },
{ id: "eid5", tween: [ "style", "${__1}", "opacity", '1', { fromValue: '0.000000'}], position: 1000, duration: 500 },
{ id: "eid41", tween: [ "transform", "${__11}", "scaleY", '1', { fromValue: '0'}], position: 2400, duration: 100 },
{ id: "eid14", tween: [ "transform", "${__5}", "scaleX", '1', { fromValue: '0'}], position: 1800, duration: 100 },
{ id: "eid18", tween: [ "transform", "${__6}", "scaleX", '1', { fromValue: '0'}], position: 1900, duration: 100 } ]
}
}
}
};
Edge.registerCompositionDefn(compId, symbols, fonts, resources);
/**
* Adobe Edge DOM Ready Event Handler
*/
$(window).ready(function() {
Edge.launchComposition(compId);
});
})(jQuery, AdobeEdge, "EDGE-64717702");