Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
19b10ae6 by Jeremy Groot
Options

CWL 2019 updates

1 parent d885287c
Inline Side-by-side
Showing 15 changed files with 71 additions and 72 deletions
...@@ -264,11 +264,11 @@ ...@@ -264,11 +264,11 @@
264 264
265 var tl = new TimelineMax({repeat:0, repeatDelay:3}); 265 var tl = new TimelineMax({repeat:0, repeatDelay:3});
266 266
267 tl.to("#img",10.0,{top:flavour[rand].end}); 267 tl.to("#img",15.0,{top:flavour[rand].end});
268 tl.to(".img1",0,{opacity:0},"-=6.5"); 268 tl.to(".img1",0,{opacity:0},"-=9.5");
269 tl.to(".img2",0.5,{opacity:1},"-=6.5"); 269 tl.to(".img2",0.5,{opacity:1},"-=9.5");
270 tl.to(".img2",0.5,{opacity:0},"-=2.5"); 270 tl.to(".img2",0.5,{opacity:0},"-=3.5");
271 tl.to(".img3",0.5,{opacity:1},"-=2.5"); 271 tl.to(".img3",0.5,{opacity:1},"-=3.5");
272 272
273 } 273 }
274 274
......
...@@ -264,12 +264,11 @@ ...@@ -264,12 +264,11 @@
264 264
265 var tl = new TimelineMax({repeat:0, repeatDelay:3}); 265 var tl = new TimelineMax({repeat:0, repeatDelay:3});
266 266
267 tl.to("#img",10.0,{top:flavour[rand].end}); 267 tl.to("#img",15.0,{top:flavour[rand].end});
268 tl.to(".img1",0,{opacity:0},"-=6.5"); 268 tl.to(".img1",0,{opacity:0},"-=9.5");
269 tl.to(".img2",0.5,{opacity:1},"-=6.5"); 269 tl.to(".img2",0.5,{opacity:1},"-=9.5");
270 tl.to(".img2",0.5,{opacity:0},"-=2.5"); 270 tl.to(".img2",0.5,{opacity:0},"-=3.5");
271 tl.to(".img3",0.5,{opacity:1},"-=2.5"); 271 tl.to(".img3",0.5,{opacity:1},"-=3.5");
272
273 } 272 }
274 273
275 ready(stage1()); 274 ready(stage1());
......
...@@ -264,11 +264,11 @@ ...@@ -264,11 +264,11 @@
264 264
265 var tl = new TimelineMax({repeat:0, repeatDelay:3}); 265 var tl = new TimelineMax({repeat:0, repeatDelay:3});
266 266
267 tl.to("#img",10.0,{top:flavour[rand].end}); 267 tl.to("#img",15.0,{top:flavour[rand].end});
268 tl.to(".img1",0,{opacity:0},"-=6.5"); 268 tl.to(".img1",0,{opacity:0},"-=9.5");
269 tl.to(".img2",0.5,{opacity:1},"-=6.5"); 269 tl.to(".img2",0.5,{opacity:1},"-=9.5");
270 tl.to(".img2",0.5,{opacity:0},"-=2.5"); 270 tl.to(".img2",0.5,{opacity:0},"-=3.5");
271 tl.to(".img3",0.5,{opacity:1},"-=2.5"); 271 tl.to(".img3",0.5,{opacity:1},"-=3.5");
272 272
273 } 273 }
274 274
......
...@@ -264,11 +264,11 @@ ...@@ -264,11 +264,11 @@
264 264
265 var tl = new TimelineMax({repeat:0}); 265 var tl = new TimelineMax({repeat:0});
266 266
267 tl.to("#img",10.0,{top:flavour[rand].end}); 267 tl.to("#img",15.0,{top:flavour[rand].end});
268 tl.to(".img1",0,{opacity:0},"-=6.5"); 268 tl.to(".img1",0,{opacity:0},"-=9.5");
269 tl.to(".img2",0.5,{opacity:1},"-=6.5"); 269 tl.to(".img2",0.5,{opacity:1},"-=9.5");
270 tl.to(".img2",0.5,{opacity:0},"-=2.5"); 270 tl.to(".img2",0.5,{opacity:0},"-=3.5");
271 tl.to(".img3",0.5,{opacity:1},"-=2.5"); 271 tl.to(".img3",0.5,{opacity:1},"-=3.5");
272 272
273 } 273 }
274 274
......
...@@ -89,10 +89,10 @@ ...@@ -89,10 +89,10 @@
89 } 89 }
90 90
91 #copy img { 91 #copy img {
92 width:250px; 92 width:210px;
93 position: absolute; 93 position: absolute;
94 left:5px; 94 left:10px;
95 top:10px; 95 top:15px;
96 padding:15px; 96 padding:15px;
97 } 97 }
98 98
...@@ -225,11 +225,11 @@ ...@@ -225,11 +225,11 @@
225 225
226 var tl = new TimelineMax({repeat:1, repeatDelay:5}); 226 var tl = new TimelineMax({repeat:1, repeatDelay:5});
227 227
228 tl.to("#img",10.0,{top:flavour[rand].end}); 228 tl.to("#img",15.0,{top:flavour[rand].end});
229 tl.to([".img1",".faceimg1"],0,{opacity:0},"-=6.5"); 229 tl.to([".img1",".faceimg1"],0,{opacity:0},"-=9.5");
230 tl.to([".img2",".faceimg2"],0.5,{opacity:1},"-=6.5"); 230 tl.to([".img2",".faceimg2"],0.5,{opacity:1},"-=9.5");
231 tl.to([".img2",".faceimg2"],0.5,{opacity:0},"-=2.5"); 231 tl.to([".img2",".faceimg2"],0.5,{opacity:0},"-=3.5");
232 tl.to([".img3",".faceimg3"],0.5,{opacity:1},"-=2.5"); 232 tl.to([".img3",".faceimg3"],0.5,{opacity:1},"-=3.5");
233 233
234 } 234 }
235 235
......
...@@ -89,10 +89,10 @@ ...@@ -89,10 +89,10 @@
89 } 89 }
90 90
91 #copy img { 91 #copy img {
92 width:250px; 92 width:210px;
93 position: absolute; 93 position: absolute;
94 left:5px; 94 left:10px;
95 top:10px; 95 top:15px;
96 padding:15px; 96 padding:15px;
97 } 97 }
98 98
...@@ -225,11 +225,11 @@ ...@@ -225,11 +225,11 @@
225 225
226 var tl = new TimelineMax({repeat:1, repeatDelay:5}); 226 var tl = new TimelineMax({repeat:1, repeatDelay:5});
227 227
228 tl.to("#img",10.0,{top:flavour[rand].end}); 228 tl.to("#img",15.0,{top:flavour[rand].end});
229 tl.to([".img1",".faceimg1"],0,{opacity:0},"-=6.5"); 229 tl.to([".img1",".faceimg1"],0,{opacity:0},"-=9.5");
230 tl.to([".img2",".faceimg2"],0.5,{opacity:1},"-=6.5"); 230 tl.to([".img2",".faceimg2"],0.5,{opacity:1},"-=9.5");
231 tl.to([".img2",".faceimg2"],0.5,{opacity:0},"-=2.5"); 231 tl.to([".img2",".faceimg2"],0.5,{opacity:0},"-=3.5");
232 tl.to([".img3",".faceimg3"],0.5,{opacity:1},"-=2.5"); 232 tl.to([".img3",".faceimg3"],0.5,{opacity:1},"-=3.5");
233 233
234 } 234 }
235 235
......
...@@ -89,10 +89,10 @@ ...@@ -89,10 +89,10 @@
89 } 89 }
90 90
91 #copy img { 91 #copy img {
92 width:250px; 92 width:210px;
93 position: absolute; 93 position: absolute;
94 left:5px; 94 left:10px;
95 top:10px; 95 top:15px;
96 padding:15px; 96 padding:15px;
97 } 97 }
98 98
...@@ -225,11 +225,11 @@ ...@@ -225,11 +225,11 @@
225 225
226 var tl = new TimelineMax({repeat:1, repeatDelay:5}); 226 var tl = new TimelineMax({repeat:1, repeatDelay:5});
227 227
228 tl.to("#img",10.0,{top:flavour[rand].end}); 228 tl.to("#img",15.0,{top:flavour[rand].end});
229 tl.to([".img1",".faceimg1"],0,{opacity:0},"-=6.5"); 229 tl.to([".img1",".faceimg1"],0,{opacity:0},"-=9.5");
230 tl.to([".img2",".faceimg2"],0.5,{opacity:1},"-=6.5"); 230 tl.to([".img2",".faceimg2"],0.5,{opacity:1},"-=9.5");
231 tl.to([".img2",".faceimg2"],0.5,{opacity:0},"-=2.5"); 231 tl.to([".img2",".faceimg2"],0.5,{opacity:0},"-=3.5");
232 tl.to([".img3",".faceimg3"],0.5,{opacity:1},"-=2.5"); 232 tl.to([".img3",".faceimg3"],0.5,{opacity:1},"-=3.5");
233 233
234 } 234 }
235 235
......
...@@ -89,10 +89,10 @@ ...@@ -89,10 +89,10 @@
89 } 89 }
90 90
91 #copy img { 91 #copy img {
92 width:250px; 92 width:210px;
93 position: absolute; 93 position: absolute;
94 left:5px; 94 left:10px;
95 top:10px; 95 top:15px;
96 padding:15px; 96 padding:15px;
97 } 97 }
98 98
...@@ -225,11 +225,11 @@ ...@@ -225,11 +225,11 @@
225 225
226 var tl = new TimelineMax({repeat:1, repeatDelay:5}); 226 var tl = new TimelineMax({repeat:1, repeatDelay:5});
227 227
228 tl.to("#img",10.0,{top:flavour[rand].end}); 228 tl.to("#img",15.0,{top:flavour[rand].end});
229 tl.to([".img1",".faceimg1"],0,{opacity:0},"-=6.5"); 229 tl.to([".img1",".faceimg1"],0,{opacity:0},"-=9.5");
230 tl.to([".img2",".faceimg2"],0.5,{opacity:1},"-=6.5"); 230 tl.to([".img2",".faceimg2"],0.5,{opacity:1},"-=9.5");
231 tl.to([".img2",".faceimg2"],0.5,{opacity:0},"-=2.5"); 231 tl.to([".img2",".faceimg2"],0.5,{opacity:0},"-=3.5");
232 tl.to([".img3",".faceimg3"],0.5,{opacity:1},"-=2.5"); 232 tl.to([".img3",".faceimg3"],0.5,{opacity:1},"-=3.5");
233 233
234 } 234 }
235 235
......
...@@ -156,27 +156,27 @@ ...@@ -156,27 +156,27 @@
156 z-index: 2; 156 z-index: 2;
157 } 157 }
158 .grey{ 158 .grey{
159 background-color: #55565A; 159 background-color: #54565a;
160 top:0px; 160 top:0px;
161 } 161 }
162 .green{ 162 .green{
163 background-color: #77BC1F; 163 background-color: #76bc21;
164 top:23px; 164 top:23px;
165 } 165 }
166 166
167 .blue{ 167 .blue{
168 background-color: #009BDE; 168 background-color: #009ade;
169 top:46px; 169 top:46px;
170 } 170 }
171 171
172 .orange{ 172 .orange{
173 background-color: #F7A800; 173 background-color: #f5a800;
174 top:69px; 174 top:69px;
175 } 175 }
176 176
177 #bar0.bar { 177 #bar0.bar {
178 width:485px; 178 width:485px;
179 background-color: #F7A800; 179 background-color: #f5a800;
180 height:100%; 180 height:100%;
181 z-index: 1; 181 z-index: 1;
182 left:0; 182 left:0;
......
...@@ -155,27 +155,27 @@ ...@@ -155,27 +155,27 @@
155 z-index: 2; 155 z-index: 2;
156 } 156 }
157 .grey{ 157 .grey{
158 background-color: #55565A; 158 background-color: #54565a;
159 top:0px; 159 top:0px;
160 } 160 }
161 .green{ 161 .green{
162 background-color: #77BC1F; 162 background-color: #76bc21;
163 top:23px; 163 top:23px;
164 } 164 }
165 165
166 .blue{ 166 .blue{
167 background-color: #009BDE; 167 background-color: #009ade;
168 top:46px; 168 top:46px;
169 } 169 }
170 170
171 .orange{ 171 .orange{
172 background-color: #F7A800; 172 background-color: #f5a800;
173 top:69px; 173 top:69px;
174 } 174 }
175 175
176 #bar0.bar { 176 #bar0.bar {
177 width:485px; 177 width:485px;
178 background-color: #009BDE; 178 background-color: #009ade;
179 height:100%; 179 height:100%;
180 z-index: 1; 180 z-index: 1;
181 left:0; 181 left:0;
......
...@@ -155,21 +155,21 @@ ...@@ -155,21 +155,21 @@
155 z-index: 2; 155 z-index: 2;
156 } 156 }
157 .grey{ 157 .grey{
158 background-color: #55565A; 158 background-color: #54565a;
159 top:0px; 159 top:0px;
160 } 160 }
161 .green{ 161 .green{
162 background-color: #77BC1F; 162 background-color: #76bc21;
163 top:23px; 163 top:23px;
164 } 164 }
165 165
166 .blue{ 166 .blue{
167 background-color: #009BDE; 167 background-color: #009ade;
168 top:46px; 168 top:46px;
169 } 169 }
170 170
171 .orange{ 171 .orange{
172 background-color: #F7A800; 172 background-color: #f5a800;
173 top:69px; 173 top:69px;
174 } 174 }
175 175
......
...@@ -155,27 +155,27 @@ ...@@ -155,27 +155,27 @@
155 z-index: 2; 155 z-index: 2;
156 } 156 }
157 .grey{ 157 .grey{
158 background-color: #55565A; 158 background-color: #54565a;
159 top:0px; 159 top:0px;
160 } 160 }
161 .green{ 161 .green{
162 background-color: #77BC1F; 162 background-color: #76bc21;
163 top:23px; 163 top:23px;
164 } 164 }
165 165
166 .blue{ 166 .blue{
167 background-color: #009BDE; 167 background-color: #009ade;
168 top:46px; 168 top:46px;
169 } 169 }
170 170
171 .orange{ 171 .orange{
172 background-color: #F7A800; 172 background-color: #f5a800;
173 top:69px; 173 top:69px;
174 } 174 }
175 175
176 #bar0.bar { 176 #bar0.bar {
177 width:485px; 177 width:485px;
178 background-color: #55565A; 178 background-color: #54565a;
179 height:100%; 179 height:100%;
180 z-index: 1; 180 z-index: 1;
181 left:0; 181 left:0;
......