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 @@
var tl = new TimelineMax({repeat:0, repeatDelay:3});
tl.to("#img",10.0,{top:flavour[rand].end});
tl.to(".img1",0,{opacity:0},"-=6.5");
tl.to(".img2",0.5,{opacity:1},"-=6.5");
tl.to(".img2",0.5,{opacity:0},"-=2.5");
tl.to(".img3",0.5,{opacity:1},"-=2.5");
tl.to("#img",15.0,{top:flavour[rand].end});
tl.to(".img1",0,{opacity:0},"-=9.5");
tl.to(".img2",0.5,{opacity:1},"-=9.5");
tl.to(".img2",0.5,{opacity:0},"-=3.5");
tl.to(".img3",0.5,{opacity:1},"-=3.5");
}
......
......@@ -264,12 +264,11 @@
var tl = new TimelineMax({repeat:0, repeatDelay:3});
tl.to("#img",10.0,{top:flavour[rand].end});
tl.to(".img1",0,{opacity:0},"-=6.5");
tl.to(".img2",0.5,{opacity:1},"-=6.5");
tl.to(".img2",0.5,{opacity:0},"-=2.5");
tl.to(".img3",0.5,{opacity:1},"-=2.5");
tl.to("#img",15.0,{top:flavour[rand].end});
tl.to(".img1",0,{opacity:0},"-=9.5");
tl.to(".img2",0.5,{opacity:1},"-=9.5");
tl.to(".img2",0.5,{opacity:0},"-=3.5");
tl.to(".img3",0.5,{opacity:1},"-=3.5");
}
ready(stage1());
......
......@@ -264,11 +264,11 @@
var tl = new TimelineMax({repeat:0, repeatDelay:3});
tl.to("#img",10.0,{top:flavour[rand].end});
tl.to(".img1",0,{opacity:0},"-=6.5");
tl.to(".img2",0.5,{opacity:1},"-=6.5");
tl.to(".img2",0.5,{opacity:0},"-=2.5");
tl.to(".img3",0.5,{opacity:1},"-=2.5");
tl.to("#img",15.0,{top:flavour[rand].end});
tl.to(".img1",0,{opacity:0},"-=9.5");
tl.to(".img2",0.5,{opacity:1},"-=9.5");
tl.to(".img2",0.5,{opacity:0},"-=3.5");
tl.to(".img3",0.5,{opacity:1},"-=3.5");
}
......
......@@ -264,11 +264,11 @@
var tl = new TimelineMax({repeat:0});
tl.to("#img",10.0,{top:flavour[rand].end});
tl.to(".img1",0,{opacity:0},"-=6.5");
tl.to(".img2",0.5,{opacity:1},"-=6.5");
tl.to(".img2",0.5,{opacity:0},"-=2.5");
tl.to(".img3",0.5,{opacity:1},"-=2.5");
tl.to("#img",15.0,{top:flavour[rand].end});
tl.to(".img1",0,{opacity:0},"-=9.5");
tl.to(".img2",0.5,{opacity:1},"-=9.5");
tl.to(".img2",0.5,{opacity:0},"-=3.5");
tl.to(".img3",0.5,{opacity:1},"-=3.5");
}
......
......@@ -89,10 +89,10 @@
}
#copy img {
width:250px;
width:210px;
position: absolute;
left:5px;
top:10px;
left:10px;
top:15px;
padding:15px;
}
......@@ -225,11 +225,11 @@
var tl = new TimelineMax({repeat:1, repeatDelay:5});
tl.to("#img",10.0,{top:flavour[rand].end});
tl.to([".img1",".faceimg1"],0,{opacity:0},"-=6.5");
tl.to([".img2",".faceimg2"],0.5,{opacity:1},"-=6.5");
tl.to([".img2",".faceimg2"],0.5,{opacity:0},"-=2.5");
tl.to([".img3",".faceimg3"],0.5,{opacity:1},"-=2.5");
tl.to("#img",15.0,{top:flavour[rand].end});
tl.to([".img1",".faceimg1"],0,{opacity:0},"-=9.5");
tl.to([".img2",".faceimg2"],0.5,{opacity:1},"-=9.5");
tl.to([".img2",".faceimg2"],0.5,{opacity:0},"-=3.5");
tl.to([".img3",".faceimg3"],0.5,{opacity:1},"-=3.5");
}
......
......@@ -89,10 +89,10 @@
}
#copy img {
width:250px;
width:210px;
position: absolute;
left:5px;
top:10px;
left:10px;
top:15px;
padding:15px;
}
......@@ -225,11 +225,11 @@
var tl = new TimelineMax({repeat:1, repeatDelay:5});
tl.to("#img",10.0,{top:flavour[rand].end});
tl.to([".img1",".faceimg1"],0,{opacity:0},"-=6.5");
tl.to([".img2",".faceimg2"],0.5,{opacity:1},"-=6.5");
tl.to([".img2",".faceimg2"],0.5,{opacity:0},"-=2.5");
tl.to([".img3",".faceimg3"],0.5,{opacity:1},"-=2.5");
tl.to("#img",15.0,{top:flavour[rand].end});
tl.to([".img1",".faceimg1"],0,{opacity:0},"-=9.5");
tl.to([".img2",".faceimg2"],0.5,{opacity:1},"-=9.5");
tl.to([".img2",".faceimg2"],0.5,{opacity:0},"-=3.5");
tl.to([".img3",".faceimg3"],0.5,{opacity:1},"-=3.5");
}
......
......@@ -89,10 +89,10 @@
}
#copy img {
width:250px;
width:210px;
position: absolute;
left:5px;
top:10px;
left:10px;
top:15px;
padding:15px;
}
......@@ -225,11 +225,11 @@
var tl = new TimelineMax({repeat:1, repeatDelay:5});
tl.to("#img",10.0,{top:flavour[rand].end});
tl.to([".img1",".faceimg1"],0,{opacity:0},"-=6.5");
tl.to([".img2",".faceimg2"],0.5,{opacity:1},"-=6.5");
tl.to([".img2",".faceimg2"],0.5,{opacity:0},"-=2.5");
tl.to([".img3",".faceimg3"],0.5,{opacity:1},"-=2.5");
tl.to("#img",15.0,{top:flavour[rand].end});
tl.to([".img1",".faceimg1"],0,{opacity:0},"-=9.5");
tl.to([".img2",".faceimg2"],0.5,{opacity:1},"-=9.5");
tl.to([".img2",".faceimg2"],0.5,{opacity:0},"-=3.5");
tl.to([".img3",".faceimg3"],0.5,{opacity:1},"-=3.5");
}
......
......@@ -89,10 +89,10 @@
}
#copy img {
width:250px;
width:210px;
position: absolute;
left:5px;
top:10px;
left:10px;
top:15px;
padding:15px;
}
......@@ -225,11 +225,11 @@
var tl = new TimelineMax({repeat:1, repeatDelay:5});
tl.to("#img",10.0,{top:flavour[rand].end});
tl.to([".img1",".faceimg1"],0,{opacity:0},"-=6.5");
tl.to([".img2",".faceimg2"],0.5,{opacity:1},"-=6.5");
tl.to([".img2",".faceimg2"],0.5,{opacity:0},"-=2.5");
tl.to([".img3",".faceimg3"],0.5,{opacity:1},"-=2.5");
tl.to("#img",15.0,{top:flavour[rand].end});
tl.to([".img1",".faceimg1"],0,{opacity:0},"-=9.5");
tl.to([".img2",".faceimg2"],0.5,{opacity:1},"-=9.5");
tl.to([".img2",".faceimg2"],0.5,{opacity:0},"-=3.5");
tl.to([".img3",".faceimg3"],0.5,{opacity:1},"-=3.5");
}
......
......@@ -156,27 +156,27 @@
z-index: 2;
}
.grey{
background-color: #55565A;
background-color: #54565a;
top:0px;
}
.green{
background-color: #77BC1F;
background-color: #76bc21;
top:23px;
}
.blue{
background-color: #009BDE;
background-color: #009ade;
top:46px;
}
.orange{
background-color: #F7A800;
background-color: #f5a800;
top:69px;
}
#bar0.bar {
width:485px;
background-color: #F7A800;
background-color: #f5a800;
height:100%;
z-index: 1;
left:0;
......
......@@ -155,27 +155,27 @@
z-index: 2;
}
.grey{
background-color: #55565A;
background-color: #54565a;
top:0px;
}
.green{
background-color: #77BC1F;
background-color: #76bc21;
top:23px;
}
.blue{
background-color: #009BDE;
background-color: #009ade;
top:46px;
}
.orange{
background-color: #F7A800;
background-color: #f5a800;
top:69px;
}
#bar0.bar {
width:485px;
background-color: #009BDE;
background-color: #009ade;
height:100%;
z-index: 1;
left:0;
......
......@@ -155,21 +155,21 @@
z-index: 2;
}
.grey{
background-color: #55565A;
background-color: #54565a;
top:0px;
}
.green{
background-color: #77BC1F;
background-color: #76bc21;
top:23px;
}
.blue{
background-color: #009BDE;
background-color: #009ade;
top:46px;
}
.orange{
background-color: #F7A800;
background-color: #f5a800;
top:69px;
}
......
......@@ -155,27 +155,27 @@
z-index: 2;
}
.grey{
background-color: #55565A;
background-color: #54565a;
top:0px;
}
.green{
background-color: #77BC1F;
background-color: #76bc21;
top:23px;
}
.blue{
background-color: #009BDE;
background-color: #009ade;
top:46px;
}
.orange{
background-color: #F7A800;
background-color: #f5a800;
top:69px;
}
#bar0.bar {
width:485px;
background-color: #55565A;
background-color: #54565a;
height:100%;
z-index: 1;
left:0;
......