eSales Media Git repositories
Browse code

Initial commit

Benjamin Roth authored on26/03/2015 16:12:11
Showing11 changed files
assets/.htaccess
History View file @06c79f6
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,2 @@
1 
+order deny,allow
2 
+allow from all
0 3 
\ No newline at end of file
assets/css/eSM_reveal.css
History View file @06c79f6
1 4 
new file mode 100644
... ... 
@@ -0,0 +1,424 @@
1 
+/****** REVEAL ******/
2 
+@-webkit-keyframes reveal--fadeInDown {
3 
+  0% {
4 
+    opacity: 0;
5 
+    visibility: hidden;
6 
+    -webkit-transform: translate3d(0, -30px, 0);
7 
+    -moz-transform: translate3d(0, -30px, 0);
8 
+    -ms-transform: translate3d(0, -30px, 0);
9 
+    -o-transform: translate3d(0, -30px, 0);
10 
+    transform: translate3d(0, -30px, 0); }
11 
+
12 
+  100% {
13 
+    opacity: 1;
14 
+    visibility: visible;
15 
+    -webkit-transform: none;
16 
+    -moz-transform: none;
17 
+    -ms-transform: none;
18 
+    -o-transform: none;
19 
+    transform: none; } }
20 
+@-moz-keyframes reveal--fadeInDown {
21 
+  0% {
22 
+    opacity: 0;
23 
+    visibility: hidden;
24 
+    -webkit-transform: translate3d(0, -30px, 0);
25 
+    -moz-transform: translate3d(0, -30px, 0);
26 
+    -ms-transform: translate3d(0, -30px, 0);
27 
+    -o-transform: translate3d(0, -30px, 0);
28 
+    transform: translate3d(0, -30px, 0); }
29 
+
30 
+  100% {
31 
+    opacity: 1;
32 
+    visibility: visible;
33 
+    -webkit-transform: none;
34 
+    -moz-transform: none;
35 
+    -ms-transform: none;
36 
+    -o-transform: none;
37 
+    transform: none; } }
38 
+@-o-keyframes reveal--fadeInDown {
39 
+  0% {
40 
+    opacity: 0;
41 
+    visibility: hidden;
42 
+    -webkit-transform: translate3d(0, -30px, 0);
43 
+    -moz-transform: translate3d(0, -30px, 0);
44 
+    -ms-transform: translate3d(0, -30px, 0);
45 
+    -o-transform: translate3d(0, -30px, 0);
46 
+    transform: translate3d(0, -30px, 0); }
47 
+
48 
+  100% {
49 
+    opacity: 1;
50 
+    visibility: visible;
51 
+    -webkit-transform: none;
52 
+    -moz-transform: none;
53 
+    -ms-transform: none;
54 
+    -o-transform: none;
55 
+    transform: none; } }
56 
+@keyframes reveal--fadeInDown {
57 
+  0% {
58 
+    opacity: 0;
59 
+    visibility: hidden;
60 
+    -webkit-transform: translate3d(0, -30px, 0);
61 
+    -moz-transform: translate3d(0, -30px, 0);
62 
+    -ms-transform: translate3d(0, -30px, 0);
63 
+    -o-transform: translate3d(0, -30px, 0);
64 
+    transform: translate3d(0, -30px, 0); }
65 
+
66 
+  100% {
67 
+    opacity: 1;
68 
+    visibility: visible;
69 
+    -webkit-transform: none;
70 
+    -moz-transform: none;
71 
+    -ms-transform: none;
72 
+    -o-transform: none;
73 
+    transform: none; } }
74 
+@-webkit-keyframes reveal--fadeInUp {
75 
+  0% {
76 
+    opacity: 0;
77 
+    visibility: hidden;
78 
+    -webkit-transform: translate3d(0, 30px, 0);
79 
+    -moz-transform: translate3d(0, 30px, 0);
80 
+    -ms-transform: translate3d(0, 30px, 0);
81 
+    -o-transform: translate3d(0, 30px, 0);
82 
+    transform: translate3d(0, 30px, 0); }
83 
+
84 
+  100% {
85 
+    opacity: 1;
86 
+    visibility: visible;
87 
+    -webkit-transform: none;
88 
+    -moz-transform: none;
89 
+    -ms-transform: none;
90 
+    -o-transform: none;
91 
+    transform: none; } }
92 
+@-moz-keyframes reveal--fadeInUp {
93 
+  0% {
94 
+    opacity: 0;
95 
+    visibility: hidden;
96 
+    -webkit-transform: translate3d(0, 30px, 0);
97 
+    -moz-transform: translate3d(0, 30px, 0);
98 
+    -ms-transform: translate3d(0, 30px, 0);
99 
+    -o-transform: translate3d(0, 30px, 0);
100 
+    transform: translate3d(0, 30px, 0); }
101 
+
102 
+  100% {
103 
+    opacity: 1;
104 
+    visibility: visible;
105 
+    -webkit-transform: none;
106 
+    -moz-transform: none;
107 
+    -ms-transform: none;
108 
+    -o-transform: none;
109 
+    transform: none; } }
110 
+@-o-keyframes reveal--fadeInUp {
111 
+  0% {
112 
+    opacity: 0;
113 
+    visibility: hidden;
114 
+    -webkit-transform: translate3d(0, 30px, 0);
115 
+    -moz-transform: translate3d(0, 30px, 0);
116 
+    -ms-transform: translate3d(0, 30px, 0);
117 
+    -o-transform: translate3d(0, 30px, 0);
118 
+    transform: translate3d(0, 30px, 0); }
119 
+
120 
+  100% {
121 
+    opacity: 1;
122 
+    visibility: visible;
123 
+    -webkit-transform: none;
124 
+    -moz-transform: none;
125 
+    -ms-transform: none;
126 
+    -o-transform: none;
127 
+    transform: none; } }
128 
+@keyframes reveal--fadeInUp {
129 
+  0% {
130 
+    opacity: 0;
131 
+    visibility: hidden;
132 
+    -webkit-transform: translate3d(0, 30px, 0);
133 
+    -moz-transform: translate3d(0, 30px, 0);
134 
+    -ms-transform: translate3d(0, 30px, 0);
135 
+    -o-transform: translate3d(0, 30px, 0);
136 
+    transform: translate3d(0, 30px, 0); }
137 
+
138 
+  100% {
139 
+    opacity: 1;
140 
+    visibility: visible;
141 
+    -webkit-transform: none;
142 
+    -moz-transform: none;
143 
+    -ms-transform: none;
144 
+    -o-transform: none;
145 
+    transform: none; } }
146 
+@-webkit-keyframes reveal--zoomOut {
147 
+  0% {
148 
+    opacity: 0;
149 
+    visibility: hidden;
150 
+    -webkit-transform: scale3d(2.2, 1.2, 1);
151 
+    -moz-transform: scale3d(2.2, 1.2, 1);
152 
+    -ms-transform: scale3d(2.2, 1.2, 1);
153 
+    -o-transform: scale3d(2.2, 1.2, 1);
154 
+    transform: scale3d(2.2, 1.2, 1); }
155 
+
156 
+  100% {
157 
+    opacity: 1;
158 
+    visibility: visible;
159 
+    -webkit-transform: none;
160 
+    -moz-transform: none;
161 
+    -ms-transform: none;
162 
+    -o-transform: none;
163 
+    transform: none; } }
164 
+@-moz-keyframes reveal--zoomOut {
165 
+  0% {
166 
+    opacity: 0;
167 
+    visibility: hidden;
168 
+    -webkit-transform: scale3d(2.2, 1.2, 1);
169 
+    -moz-transform: scale3d(2.2, 1.2, 1);
170 
+    -ms-transform: scale3d(2.2, 1.2, 1);
171 
+    -o-transform: scale3d(2.2, 1.2, 1);
172 
+    transform: scale3d(2.2, 1.2, 1); }
173 
+
174 
+  100% {
175 
+    opacity: 1;
176 
+    visibility: visible;
177 
+    -webkit-transform: none;
178 
+    -moz-transform: none;
179 
+    -ms-transform: none;
180 
+    -o-transform: none;
181 
+    transform: none; } }
182 
+@-o-keyframes reveal--zoomOut {
183 
+  0% {
184 
+    opacity: 0;
185 
+    visibility: hidden;
186 
+    -webkit-transform: scale3d(2.2, 1.2, 1);
187 
+    -moz-transform: scale3d(2.2, 1.2, 1);
188 
+    -ms-transform: scale3d(2.2, 1.2, 1);
189 
+    -o-transform: scale3d(2.2, 1.2, 1);
190 
+    transform: scale3d(2.2, 1.2, 1); }
191 
+
192 
+  100% {
193 
+    opacity: 1;
194 
+    visibility: visible;
195 
+    -webkit-transform: none;
196 
+    -moz-transform: none;
197 
+    -ms-transform: none;
198 
+    -o-transform: none;
199 
+    transform: none; } }
200 
+@keyframes reveal--zoomOut {
201 
+  0% {
202 
+    opacity: 0;
203 
+    visibility: hidden;
204 
+    -webkit-transform: scale3d(2.2, 1.2, 1);
205 
+    -moz-transform: scale3d(2.2, 1.2, 1);
206 
+    -ms-transform: scale3d(2.2, 1.2, 1);
207 
+    -o-transform: scale3d(2.2, 1.2, 1);
208 
+    transform: scale3d(2.2, 1.2, 1); }
209 
+
210 
+  100% {
211 
+    opacity: 1;
212 
+    visibility: visible;
213 
+    -webkit-transform: none;
214 
+    -moz-transform: none;
215 
+    -ms-transform: none;
216 
+    -o-transform: none;
217 
+    transform: none; } }
218 
+@-webkit-keyframes reveal--zoomIn {
219 
+  0% {
220 
+    opacity: 0;
221 
+    visibility: hidden;
222 
+    -webkit-transform: scale3d(0.2, 0.7, 1);
223 
+    -moz-transform: scale3d(0.2, 0.7, 1);
224 
+    -ms-transform: scale3d(0.2, 0.7, 1);
225 
+    -o-transform: scale3d(0.2, 0.7, 1);
226 
+    transform: scale3d(0.2, 0.7, 1); }
227 
+
228 
+  100% {
229 
+    opacity: 1;
230 
+    visibility: visible;
231 
+    -webkit-transform: none;
232 
+    -moz-transform: none;
233 
+    -ms-transform: none;
234 
+    -o-transform: none;
235 
+    transform: none; } }
236 
+@-moz-keyframes reveal--zoomIn {
237 
+  0% {
238 
+    opacity: 0;
239 
+    visibility: hidden;
240 
+    -webkit-transform: scale3d(0.2, 0.7, 1);
241 
+    -moz-transform: scale3d(0.2, 0.7, 1);
242 
+    -ms-transform: scale3d(0.2, 0.7, 1);
243 
+    -o-transform: scale3d(0.2, 0.7, 1);
244 
+    transform: scale3d(0.2, 0.7, 1); }
245 
+
246 
+  100% {
247 
+    opacity: 1;
248 
+    visibility: visible;
249 
+    -webkit-transform: none;
250 
+    -moz-transform: none;
251 
+    -ms-transform: none;
252 
+    -o-transform: none;
253 
+    transform: none; } }
254 
+@-o-keyframes reveal--zoomIn {
255 
+  0% {
256 
+    opacity: 0;
257 
+    visibility: hidden;
258 
+    -webkit-transform: scale3d(0.2, 0.7, 1);
259 
+    -moz-transform: scale3d(0.2, 0.7, 1);
260 
+    -ms-transform: scale3d(0.2, 0.7, 1);
261 
+    -o-transform: scale3d(0.2, 0.7, 1);
262 
+    transform: scale3d(0.2, 0.7, 1); }
263 
+
264 
+  100% {
265 
+    opacity: 1;
266 
+    visibility: visible;
267 
+    -webkit-transform: none;
268 
+    -moz-transform: none;
269 
+    -ms-transform: none;
270 
+    -o-transform: none;
271 
+    transform: none; } }
272 
+@keyframes reveal--zoomIn {
273 
+  0% {
274 
+    opacity: 0;
275 
+    visibility: hidden;
276 
+    -webkit-transform: scale3d(0.2, 0.7, 1);
277 
+    -moz-transform: scale3d(0.2, 0.7, 1);
278 
+    -ms-transform: scale3d(0.2, 0.7, 1);
279 
+    -o-transform: scale3d(0.2, 0.7, 1);
280 
+    transform: scale3d(0.2, 0.7, 1); }
281 
+
282 
+  100% {
283 
+    opacity: 1;
284 
+    visibility: visible;
285 
+    -webkit-transform: none;
286 
+    -moz-transform: none;
287 
+    -ms-transform: none;
288 
+    -o-transform: none;
289 
+    transform: none; } }
290 
+.reveal {
291 
+  -webkit-animation-fill-mode: both;
292 
+  -moz-animation-fill-mode: both;
293 
+  -o-animation-fill-mode: both;
294 
+  animation-fill-mode: both;
295 
+  -webkit-animation-duration: 0.5s;
296 
+  -moz-animation-duration: 0.5s;
297 
+  -o-animation-duration: 0.5s;
298 
+  animation-duration: 0.5s;
299 
+  -webkit-animation-delay: 0.5s;
300 
+  -moz-animation-delay: 0.5s;
301 
+  -o-animation-delay: 0.5s;
302 
+  animation-delay: 0.5s;
303 
+  opacity: 0;
304 
+  visibility: hidden; }
305 
+  .reveal.inview.reveal--fadeInDown {
306 
+    -webkit-animation-name: reveal--fadeInDown;
307 
+    -moz-animation-name: reveal--fadeInDown;
308 
+    -o-animation-name: reveal--fadeInDown;
309 
+    animation-name: reveal--fadeInDown; }
310 
+  .reveal.inview.reveal--fadeInUp {
311 
+    -webkit-animation-name: reveal--fadeInUp;
312 
+    -moz-animation-name: reveal--fadeInUp;
313 
+    -o-animation-name: reveal--fadeInUp;
314 
+    animation-name: reveal--fadeInUp; }
315 
+  .reveal.inview.reveal--zoomOut {
316 
+    -webkit-animation-name: reveal--zoomOut;
317 
+    -moz-animation-name: reveal--zoomOut;
318 
+    -o-animation-name: reveal--zoomOut;
319 
+    animation-name: reveal--zoomOut; }
320 
+  .reveal.inview.reveal--zoomIn {
321 
+    -webkit-animation-name: reveal--zoomIn;
322 
+    -moz-animation-name: reveal--zoomIn;
323 
+    -o-animation-name: reveal--zoomIn;
324 
+    animation-name: reveal--zoomIn; }
325 
+  .reveal.reveal-duration--250 {
326 
+    -webkit-animation-duration: 250ms;
327 
+    -moz-animation-duration: 250ms;
328 
+    -o-animation-duration: 250ms;
329 
+    animation-duration: 250ms; }
330 
+  .reveal.reveal-duration--500 {
331 
+    -webkit-animation-duration: 500ms;
332 
+    -moz-animation-duration: 500ms;
333 
+    -o-animation-duration: 500ms;
334 
+    animation-duration: 500ms; }
335 
+  .reveal.reveal-duration--750 {
336 
+    -webkit-animation-duration: 750ms;
337 
+    -moz-animation-duration: 750ms;
338 
+    -o-animation-duration: 750ms;
339 
+    animation-duration: 750ms; }
340 
+  .reveal.reveal-duration--1000 {
341 
+    -webkit-animation-duration: 1000ms;
342 
+    -moz-animation-duration: 1000ms;
343 
+    -o-animation-duration: 1000ms;
344 
+    animation-duration: 1000ms; }
345 
+  .reveal.reveal-duration--1250 {
346 
+    -webkit-animation-duration: 1250ms;
347 
+    -moz-animation-duration: 1250ms;
348 
+    -o-animation-duration: 1250ms;
349 
+    animation-duration: 1250ms; }
350 
+  .reveal.reveal-duration--1500 {
351 
+    -webkit-animation-duration: 1500ms;
352 
+    -moz-animation-duration: 1500ms;
353 
+    -o-animation-duration: 1500ms;
354 
+    animation-duration: 1500ms; }
355 
+  .reveal.reveal-duration--1750 {
356 
+    -webkit-animation-duration: 1750ms;
357 
+    -moz-animation-duration: 1750ms;
358 
+    -o-animation-duration: 1750ms;
359 
+    animation-duration: 1750ms; }
360 
+  .reveal.reveal-duration--2000 {
361 
+    -webkit-animation-duration: 2000ms;
362 
+    -moz-animation-duration: 2000ms;
363 
+    -o-animation-duration: 2000ms;
364 
+    animation-duration: 2000ms; }
365 
+  .reveal.reveal-delay--250 {
366 
+    -webkit-animation-delay: 250ms;
367 
+    -moz-animation-delay: 250ms;
368 
+    -o-animation-delay: 250ms;
369 
+    animation-delay: 250ms; }
370 
+  .reveal.reveal-delay--500 {
371 
+    -webkit-animation-delay: 500ms;
372 
+    -moz-animation-delay: 500ms;
373 
+    -o-animation-delay: 500ms;
374 
+    animation-delay: 500ms; }
375 
+  .reveal.reveal-delay--750 {
376 
+    -webkit-animation-delay: 750ms;
377 
+    -moz-animation-delay: 750ms;
378 
+    -o-animation-delay: 750ms;
379 
+    animation-delay: 750ms; }
380 
+  .reveal.reveal-delay--1000 {
381 
+    -webkit-animation-delay: 1000ms;
382 
+    -moz-animation-delay: 1000ms;
383 
+    -o-animation-delay: 1000ms;
384 
+    animation-delay: 1000ms; }
385 
+  .reveal.reveal-delay--1250 {
386 
+    -webkit-animation-delay: 1250ms;
387 
+    -moz-animation-delay: 1250ms;
388 
+    -o-animation-delay: 1250ms;
389 
+    animation-delay: 1250ms; }
390 
+  .reveal.reveal-delay--1500 {
391 
+    -webkit-animation-delay: 1500ms;
392 
+    -moz-animation-delay: 1500ms;
393 
+    -o-animation-delay: 1500ms;
394 
+    animation-delay: 1500ms; }
395 
+  .reveal.reveal-delay--1750 {
396 
+    -webkit-animation-delay: 1750ms;
397 
+    -moz-animation-delay: 1750ms;
398 
+    -o-animation-delay: 1750ms;
399 
+    animation-delay: 1750ms; }
400 
+  .reveal.reveal-delay--2000 {
401 
+    -webkit-animation-delay: 2000ms;
402 
+    -moz-animation-delay: 2000ms;
403 
+    -o-animation-delay: 2000ms;
404 
+    animation-delay: 2000ms; }
405 
+  .reveal.reveal-delay--2250 {
406 
+    -webkit-animation-delay: 2250ms;
407 
+    -moz-animation-delay: 2250ms;
408 
+    -o-animation-delay: 2250ms;
409 
+    animation-delay: 2250ms; }
410 
+  .reveal.reveal-delay--2500 {
411 
+    -webkit-animation-delay: 2500ms;
412 
+    -moz-animation-delay: 2500ms;
413 
+    -o-animation-delay: 2500ms;
414 
+    animation-delay: 2500ms; }
415 
+  .reveal.reveal-delay--2750 {
416 
+    -webkit-animation-delay: 2750ms;
417 
+    -moz-animation-delay: 2750ms;
418 
+    -o-animation-delay: 2750ms;
419 
+    animation-delay: 2750ms; }
420 
+  .reveal.reveal-delay--3000 {
421 
+    -webkit-animation-delay: 3000ms;
422 
+    -moz-animation-delay: 3000ms;
423 
+    -o-animation-delay: 3000ms;
424 
+    animation-delay: 3000ms; }
assets/css/eSM_reveal.scss
History View file @06c79f6
0 425 
new file mode 100644
... ... 
@@ -0,0 +1,152 @@
1 
+/****** REVEAL ******/
2 
+
3 
+// ------ Mixins ------
4 
+@mixin keyframes($name) {
5 
+  @-webkit-keyframes #{$name} { @content; }
6 
+  @-moz-keyframes #{$name} { @content; }
7 
+  @-o-keyframes #{$name} { @content; }
8 
+  @keyframes #{$name} { @content; }
9 
+}
10 
+
11 
+@mixin defineAnimation($name) {
12 
+  &.reveal--#{$name} {
13 
+	-webkit-animation-name: reveal--#{$name};
14 
+	-moz-animation-name: reveal--#{$name};
15 
+	-o-animation-name: reveal--#{$name};
16 
+	animation-name: reveal--#{$name};
17 
+	@content
18 
+  }
19 
+}
20 
+
21 
+// ------ Animations ------
22 
+@include keyframes('reveal--fadeInDown') {
23 
+  0% {
24 
+	opacity: 0;
25 
+	visibility: hidden;
26 
+	-webkit-transform: translate3d(0, -30px, 0);
27 
+	-moz-transform: translate3d(0, -30px, 0);
28 
+	-ms-transform: translate3d(0, -30px, 0);
29 
+	-o-transform: translate3d(0, -30px, 0);
30 
+	transform: translate3d(0, -30px, 0);
31 
+  }
32 
+
33 
+  100% {
34 
+	opacity: 1;
35 
+	visibility: visible;
36 
+	-webkit-transform: none;
37 
+	-moz-transform: none;
38 
+	-ms-transform: none;
39 
+	-o-transform: none;
40 
+	transform: none;
41 
+  }
42 
+}
43 
+
44 
+@include keyframes('reveal--fadeInUp') {
45 
+  0% {
46 
+	opacity: 0;
47 
+	visibility: hidden;
48 
+	-webkit-transform: translate3d(0, 30px, 0);
49 
+	-moz-transform: translate3d(0, 30px, 0);
50 
+	-ms-transform: translate3d(0, 30px, 0);
51 
+	-o-transform: translate3d(0, 30px, 0);
52 
+	transform: translate3d(0, 30px, 0);
53 
+  }
54 
+
55 
+  100% {
56 
+	opacity: 1;
57 
+	visibility: visible;
58 
+	-webkit-transform: none;
59 
+	-moz-transform: none;
60 
+	-ms-transform: none;
61 
+	-o-transform: none;
62 
+	transform: none;
63 
+  }
64 
+}
65 
+
66 
+@include keyframes('reveal--zoomOut') {
67 
+  0% {
68 
+	opacity: 0;
69 
+	visibility: hidden;
70 
+	-webkit-transform: scale3d(2.2, 1.2, 1);
71 
+	-moz-transform: scale3d(2.2, 1.2, 1);
72 
+	-ms-transform: scale3d(2.2, 1.2, 1);
73 
+	-o-transform: scale3d(2.2, 1.2, 1);
74 
+	transform: scale3d(2.2, 1.2, 1);
75 
+  }
76 
+
77 
+  100% {
78 
+	opacity: 1;
79 
+	visibility: visible;
80 
+	-webkit-transform: none;
81 
+	-moz-transform: none;
82 
+	-ms-transform: none;
83 
+	-o-transform: none;
84 
+	transform: none;
85 
+  }
86 
+}
87 
+
88 
+@include keyframes('reveal--zoomIn') {
89 
+  0% {
90 
+	opacity: 0;
91 
+	visibility: hidden;
92 
+	-webkit-transform: scale3d(0.2, 0.7, 1);
93 
+	-moz-transform: scale3d(0.2, 0.7, 1);
94 
+	-ms-transform: scale3d(0.2, 0.7, 1);
95 
+	-o-transform: scale3d(0.2, 0.7, 1);
96 
+	transform: scale3d(0.2, 0.7, 1);
97 
+  }
98 
+
99 
+  100% {
100 
+	opacity: 1;
101 
+	visibility: visible;
102 
+	-webkit-transform: none;
103 
+	-moz-transform: none;
104 
+	-ms-transform: none;
105 
+	-o-transform: none;
106 
+	transform: none;
107 
+  }
108 
+}
109 
+
110 
+// ------ Generic ------
111 
+.reveal {
112 
+  -webkit-animation-fill-mode: both;
113 
+  -moz-animation-fill-mode: both;
114 
+  -o-animation-fill-mode: both;
115 
+  animation-fill-mode: both;
116 
+  -webkit-animation-duration: 0.5s;
117 
+  -moz-animation-duration: 0.5s;
118 
+  -o-animation-duration: 0.5s;
119 
+  animation-duration: 0.5s;
120 
+  -webkit-animation-delay: 0.5s;
121 
+  -moz-animation-delay: 0.5s;
122 
+  -o-animation-delay: 0.5s;
123 
+  animation-delay: 0.5s;
124 
+  opacity: 0;
125 
+  visibility: hidden;
126 
+
127 
+  &.inview {
128 
+
129 
+	@include defineAnimation('fadeInDown') {}
130 
+	@include defineAnimation('fadeInUp') {}
131 
+	@include defineAnimation('zoomOut') {}
132 
+	@include defineAnimation('zoomIn') {}
133 
+  }
134 
+
135 
+  @for $i from 1 through 8 {
136 
+	&.reveal-duration--#{$i * 250} {
137 
+	  -webkit-animation-duration: 250ms * $i;
138 
+	  -moz-animation-duration: 250ms * $i;
139 
+	  -o-animation-duration: 250ms * $i;
140 
+	  animation-duration: 250ms * $i;
141 
+	}
142 
+  }
143 
+
144 
+  @for $i from 1 through 12 {
145 
+	&.reveal-delay--#{$i * 250} {
146 
+	  -webkit-animation-delay: 250ms * $i;
147 
+	  -moz-animation-delay: 250ms * $i;
148 
+	  -o-animation-delay: 250ms * $i;
149 
+	  animation-delay: 250ms * $i;
150 
+	}
151 
+  }
152 
+}
0 153 
\ No newline at end of file
classes/ContentElement.php
History View file @06c79f6
1 154 
new file mode 100644
... ... 
@@ -0,0 +1,66 @@
1 
+<?php
2 
+
3 
+/**
4 
+ * eSales Media reveal toolkit for Contao Open Source CMS
5 
+ *
6 
+ * Copyright (C) 2015 eSales Media
7 
+ *
8 
+ * @package    eSM_onePage
9 
+ * @link       http://www.esales-media.de
10 
+ * @license    commercial
11 
+ *
12 
+ * @author     Benjamin Roth <benjamin@esales-media.de>
13 
+ */
14 
+
15 
+namespace eSalesMedia;
16 
+
17 
+/**
18 
+ * Class ContentElement
19 
+ * Extends the Contao core class
20 
+ * @package eSalesMedia\Reveal
21 
+ */
22 
+abstract class ContentElement extends \Contao\ContentElement
23 
+{
24 
+	public function __construct($objElement, $strColumn = 'main')
25 
+	{
26 
+		// Execute parent constructor
27 
+		parent::__construct($objElement, $strColumn);
28 
+
29 
+		// Reveal injection
30 
+		if ($objElement->eSM_rv_reveal)
31 
+		{
32 
+			// Load css/scss
33 
+			if (version_compare(VERSION . '.' . BUILD, '3.4.0-beta1', '<'))
34 
+			{
35 
+				$GLOBALS['TL_CSS'][] = 'system/modules/eSM_reveal/assets/css/eSM_reveal.css|static';
36 
+			} else {
37 
+				$GLOBALS['TL_CSS'][] = 'system/modules/eSM_reveal/assets/css/eSM_reveal.scss|static';
38 
+			}
39 
+
40 
+			// Add reveal classes to $cssID
41 
+			$arrCssID = $this->cssID;
42 
+
43 
+			if (!$arrCssID[1])
44 
+			{
45 
+				$arrCssID[1] = '';
46 
+			}
47 
+
48 
+			$arrCssID[1] .= ' reveal reveal--'.$objElement->eSM_rv_animation;
49 
+
50 
+			if ($objElement->eSM_rv_duration)
51 
+			{
52 
+				$arrCssID[1] .= ' reveal-duration--'.$objElement->eSM_rv_duration;
53 
+			}
54 
+
55 
+			if ($objElement->eSM_rv_delay)
56 
+			{
57 
+				$arrCssID[1] .= ' reveal-delay--'.$objElement->eSM_rv_delay;
58 
+			}
59 
+
60 
+			$arrCssID[1] = trim($arrCssID[1]);
61 
+
62 
+			$this->cssID = $arrCssID;
63 
+		}
64 
+	}
65 
+
66 
+}
0 67 
\ No newline at end of file
config/autoload.ini
History View file @06c79f6
1 68 
new file mode 100644
... ... 
@@ -0,0 +1,20 @@
1 
+;;
2 
+; List modules which are required to be loaded beforehand
3 
+;;
4 
+requires[] = "core"
5 
+requires[] = "eSM_waypoints"
6 
+
7 
+;;
8 
+; Configure what you want the autoload creator to register
9 
+;;
10 
+register_namespaces = true
11 
+register_classes    = true
12 
+register_templates  = true
13 
+
14 
+;;
15 
+; Override the default configuration for certain sub directories
16 
+;;
17 
+[vendor/*]
18 
+register_namespaces = false
19 
+register_classes    = false
20 
+register_templates  = false
config/autoload.php
History View file @06c79f6
0 21 
new file mode 100644
... ... 
@@ -0,0 +1,31 @@
1 
+<?php
2 
+
3 
+/**
4 
+ * Contao Open Source CMS
5 
+ *
6 
+ * Copyright (c) 2005-2015 Leo Feyer
7 
+ *
8 
+ * @license LGPL-3.0+
9 
+ */
10 
+
11 
+
12 
+/**
13 
+ * Register the namespaces
14 
+ */
15 
+ClassLoader::addNamespaces(array
16 
+(
17 
+	'eSalesMedia',
18 
+));
19 
+
20 
+
21 
+/**
22 
+ * Register the classes
23 
+ */
24 
+ClassLoader::addClasses(array
25 
+(
26 
+	// Classes
27 
+	'eSalesMedia\ContentElement' => 'system/modules/eSM_reveal/classes/ContentElement.php',
28 
+
29 
+	// Hooks
30 
+	'eSalesMedia\Reveal\RevealHooks' => 'system/modules/eSM_reveal/hooks/RevealHooks.php',
31 
+));
config/config.php
History View file @06c79f6
0 32 
new file mode 100644
... ... 
@@ -0,0 +1,48 @@
1 
+<?php
2 
+
3 
+/**
4 
+ * eSales Media reveal toolkit for Contao Open Source CMS
5 
+ *
6 
+ * Copyright (C) 2015 eSales Media
7 
+ *
8 
+ * @package    eSM_onePage
9 
+ * @link       http://www.esales-media.de
10 
+ * @license    commercial
11 
+ *
12 
+ * @author     Benjamin Roth <benjamin@esales-media.de>
13 
+ */
14 
+
15 
+$GLOBALS['REVEAL']['animationClasses'] = array
16 
+(
17 
+	'fadeInDown',
18 
+	'fadeInUp',
19 
+	'zoomOut',
20 
+	'zoomIn',
21 
+);
22 
+
23 
+$GLOBALS['REVEAL']['durationClasses'] = array
24 
+(
25 
+	'250',
26 
+	'500',
27 
+	'750',
28 
+	'1000',
29 
+	'2000',
30 
+);
31 
+
32 
+$GLOBALS['REVEAL']['delayClasses'] = array
33 
+(
34 
+	'250',
35 
+	'500',
36 
+	'750',
37 
+	'1000',
38 
+	'1250',
39 
+	'1500',
40 
+	'1750',
41 
+	'2000',
42 
+	'2250',
43 
+	'2500',
44 
+	'2750',
45 
+	'3000',
46 
+);
47 
+
48 
+$GLOBALS['TL_HOOKS']['loadDataContainer'][] = array('Reveal\\RevealHooks','eSMLoadDataContainer');
0 49 
\ No newline at end of file
dca/tl_content.php
History View file @06c79f6
1 50 
new file mode 100644
... ... 
@@ -0,0 +1,68 @@
1 
+<?php
2 
+
3 
+/**
4 
+ * eSales Media reveal toolkit for Contao Open Source CMS
5 
+ *
6 
+ * Copyright (C) 2015 eSales Media
7 
+ *
8 
+ * @package    eSM_onePage
9 
+ * @link       http://www.esales-media.de
10 
+ * @license    commercial
11 
+ *
12 
+ * @author     Benjamin Roth <benjamin@esales-media.de>
13 
+ */
14 
+
15 
+/**
16 
+ * Table tl_content
17 
+ */
18 
+/**
19 
+ * Add palettes to tl_content
20 
+ */
21 
+$GLOBALS['TL_DCA']['tl_content']['palettes']['__selector__'][] = 'eSM_rv_reveal';
22 
+$GLOBALS['TL_DCA']['tl_content']['subpalettes']['eSM_rv_reveal'] = 'eSM_rv_animation,eSM_rv_duration,eSM_rv_delay';
23 
+
24 
+
25 
+/**
26 
+ * Add fields to tl_content
27 
+ */
28 
+
29 
+$GLOBALS['TL_DCA']['tl_content']['fields']['eSM_rv_animation'] = array
30 
+(
31 
+	'label'                   => &$GLOBALS['TL_LANG']['tl_content']['eSM_rv_animation'],
32 
+	'exclude'                 => true,
33 
+	'inputType'               => 'select',
34 
+    'options'                 => $GLOBALS['REVEAL']['animationClasses'],
35 
+	'eval'                    => array('tl_class'=>'w50','mandatory'=>true,'showBlankOption'=>true),
36 
+	'sql'                     => "varchar(32) NOT NULL default ''"
37 
+);
38 
+
39 
+$GLOBALS['TL_DCA']['tl_content']['fields']['eSM_rv_delay'] = array
40 
+(
41 
+    'label'                   => &$GLOBALS['TL_LANG']['tl_content']['eSM_rv_delay'],
42 
+    'exclude'                 => true,
43 
+    'inputType'               => 'select',
44 
+    'options'                 => $GLOBALS['REVEAL']['delayClasses'],
45 
+	'reference'               => $GLOBALS['TL_LANG']['REF']['reveal']['ms'],
46 
+    'eval'                    => array('tl_class'=>'w50','includeBlankOption'=>true),
47 
+    'sql'                     => "varchar(32) NOT NULL default ''"
48 
+);
49 
+
50 
+$GLOBALS['TL_DCA']['tl_content']['fields']['eSM_rv_duration'] = array
51 
+(
52 
+	'label'                   => &$GLOBALS['TL_LANG']['tl_content']['eSM_rv_duration'],
53 
+	'exclude'                 => true,
54 
+	'inputType'               => 'select',
55 
+	'options'                 => $GLOBALS['REVEAL']['durationClasses'],
56 
+	'reference'               => $GLOBALS['TL_LANG']['REF']['reveal']['ms'],
57 
+	'eval'                    => array('tl_class'=>'w50','includeBlankOption'=>true),
58 
+	'sql'                     => "varchar(32) NOT NULL default ''"
59 
+);
60 
+
61 
+$GLOBALS['TL_DCA']['tl_content']['fields']['eSM_rv_reveal'] = array
62 
+(
63 
+    'label'                   => &$GLOBALS['TL_LANG']['tl_content']['eSM_rv_reveal'],
64 
+    'exclude'                 => true,
65 
+    'inputType'               => 'checkbox',
66 
+    'eval'                    => array('tl_class'=>'w50 m12','submitOnChange'=>true),
67 
+    'sql'                     => "char(1) NOT NULL default ''"
68 
+);
hooks/RevealHooks.php
History View file @06c79f6
0 69 
new file mode 100644
... ... 
@@ -0,0 +1,62 @@
1 
+<?php
2 
+
3 
+/**
4 
+ * eSales Media reveal toolkit for Contao Open Source CMS
5 
+ *
6 
+ * Copyright (C) 2015 eSales Media
7 
+ *
8 
+ * @package    eSM_onePage
9 
+ * @link       http://www.esales-media.de
10 
+ * @license    commercial
11 
+ *
12 
+ * @author     Benjamin Roth <benjamin@esales-media.de>
13 
+ */
14 
+
15 
+namespace eSalesMedia\Reveal;
16 
+
17 
+class RevealHooks extends \Controller
18 
+{
19 
+
20 
+	/**
21 
+	 * Array containing all fields which shouldn't use reveal options
22 
+	 * @var array
23 
+	 */
24 
+	protected $arrNoReveal = array('__selector__','html');
25 
+
26 
+	/**
27 
+	 * Hook for adding reveal fields to content elements
28 
+	 * @param $strName
29 
+	 */
30 
+	public function eSMLoadDataContainer($strName)
31 
+	{
32 
+		if ($strName != 'tl_content')
33 
+		{
34 
+			return;
35 
+		}
36 
+
37 
+		// Hook in the reveal fields
38 
+		if (is_array($GLOBALS['TL_DCA']['tl_content']['palettes']))
39 
+		{
40 
+			foreach (array_keys($GLOBALS['TL_DCA']['tl_content']['palettes']) as $k)
41 
+			{
42 
+				if (!in_array($k,$this->arrNoReveal))
43 
+				{
44 
+					$strReveal = ';{reveal_legend:hide},eSM_rv_reveal';
45 
+					$intPos = strpos($GLOBALS['TL_DCA']['tl_content']['palettes'][$k], ';{expert_legend');
46 
+					$intDupe = strpos($GLOBALS['TL_DCA']['tl_content']['palettes'][$k], ';{reveal_legend:hide');
47 
+					if ($intPos !== false && $intDupe === false)
48 
+					{
49 
+						$GLOBALS['TL_DCA']['tl_content']['palettes'][$k] =
50 
+							substr($GLOBALS['TL_DCA']['tl_content']['palettes'][$k], 0, $intPos) .
51 
+							$strReveal .
52 
+							substr($GLOBALS['TL_DCA']['tl_content']['palettes'][$k], $intPos);
53 
+					}
54 
+					else if ($intDupe === false)
55 
+					{
56 
+						$GLOBALS['TL_DCA']['tl_content']['palettes'][$k] .= $strReveal;
57 
+					}
58 
+				}
59 
+			}
60 
+		}
61 
+	}
62 
+}
0 63 
\ No newline at end of file
languages/de/default.php
History View file @06c79f6
1 64 
new file mode 100644
... ... 
@@ -0,0 +1,32 @@
1 
+<?php
2 
+
3 
+/**
4 
+ * eSales Media reveal toolkit for Contao Open Source CMS
5 
+ *
6 
+ * Copyright (C) 2015 eSales Media
7 
+ *
8 
+ * @package    eSM_onePage
9 
+ * @link       http://www.esales-media.de
10 
+ * @license    commercial
11 
+ *
12 
+ * @author     Benjamin Roth <benjamin@esales-media.de>
13 
+ */
14 
+
15 
+/**
16 
+ * References
17 
+ */
18 
+$GLOBALS['TL_LANG']['REF']['reveal']['ms'] = array
19 
+(
20 
+	'250'    => '0,25 Sekunden',
21 
+	'500'    => '0,5 Sekunden',
22 
+	'750'    => '0,75 Sekunden',
23 
+	'1000'   => '1 Sekunde',
24 
+	'1250'   => '1,25 Sekunden',
25 
+	'1500'   => '1,5 Sekunden',
26 
+	'1750'   => '1,75 Sekunden',
27 
+	'2000'   => '2 Sekunden',
28 
+	'2250'   => '2,25 Sekunden',
29 
+	'2500'   => '2,5 Sekunden',
30 
+	'2750'   => '2,75 Sekunden',
31 
+	'3000'   => '3 Sekunden',
32 
+);
0 33 
\ No newline at end of file
languages/de/tl_content.php
History View file @06c79f6
1 34 
new file mode 100644
... ... 
@@ -0,0 +1,31 @@
1 
+<?php
2 
+
3 
+/**
4 
+ * eSales Media reveal toolkit for Contao Open Source CMS
5 
+ *
6 
+ * Copyright (C) 2015 eSales Media
7 
+ *
8 
+ * @package    eSM_onePage
9 
+ * @link       http://www.esales-media.de
10 
+ * @license    commercial
11 
+ *
12 
+ * @author     Benjamin Roth <benjamin@esales-media.de>
13 
+ */
14 
+
15 
+/**
16 
+ * Fields
17 
+ */
18 
+$GLOBALS['TL_LANG']['tl_content']['eSM_rv_reveal'][0] = 'Element einblenden';
19 
+$GLOBALS['TL_LANG']['tl_content']['eSM_rv_reveal'][1] = 'Das Element einblenden sobald es in den Sichtbereich kommt.';
20 
+$GLOBALS['TL_LANG']['tl_content']['eSM_rv_animation'][0] = 'Animation';
21 
+$GLOBALS['TL_LANG']['tl_content']['eSM_rv_animation'][1] = 'Verschiedene Animationen, wie das Element eingeblendet werden kann.';
22 
+$GLOBALS['TL_LANG']['tl_content']['eSM_rv_duration'][0] = 'Animationsdauer';
23 
+$GLOBALS['TL_LANG']['tl_content']['eSM_rv_duration'][1] = 'Überschreibt die Standard-Animationsdauer.';
24 
+$GLOBALS['TL_LANG']['tl_content']['eSM_rv_delay'][0] = 'Verzögerung';
25 
+$GLOBALS['TL_LANG']['tl_content']['eSM_rv_delay'][1] = 'Definiert, ob und wie lange gewartet werden soll, bis die Animation gestartet wird.';
26 
+
27 
+
28 
+/**
29 
+ * Legends
30 
+ */
31 
+$GLOBALS['TL_LANG']['tl_content']['reveal_legend'] = 'Reveal';
0 32 
\ No newline at end of file