diff --git a/server/www/static/www/css/talos-guy.css b/server/www/static/www/css/talos-guy.css deleted file mode 100644 index 9f22f99..0000000 --- a/server/www/static/www/css/talos-guy.css +++ /dev/null @@ -1,228 +0,0 @@ -@keyframes type{ - from { width: 0; } -} - -@keyframes type2{ - 0%{width: 0;} - 50%{width: 0;} - 100%{ width: 100; } -} - -@keyframes blink{ - to{opacity: .0;} -} - -::selection{ - background: black; -} - -@import "compass/css3"; - -.talos_character { - height: 800px; -} - -.bodytalos, .headtalos, .eyestalos, .leftarmtalos, .rightarmtalos, .chairtalos, .leftshoetalos, .rightshoetalos, .legstalos, .laptoptalos { - background: url('../img/talos-guy.png') 0 0 no-repeat; - width: 200px; - height: 200px; -// border: 1px dotted red; -} - -.newcharactertalos, .torsotalos, .bodytalos, .headtalos, .eyestalos, .leftarmtalos, .rightarmtalos, .chairtalos, .leftshoetalos, .rightshoetalos, .legstalos, .laptoptalos { - background-size: 750px; - position: absolute; - display: block; -} - -.newcharactertalos { - width: 400px; - height: 800px; - left: 60%; - top: 380px; - margin-left: -200px; -} - -$swayspeed: 20s; - -.torsotalos { - position: absolute; - display: block; - top: 138px; - left: 0px; - width: 389px; - height: 252px; - animation: sway $swayspeed ease infinite; - transform-origin: 50% 100%; -} - -.bodytalos { - position: absolute; - display: block; - top: 0px; - left: 0px; - width: 389px; - height: 253px; -} - -.headtalos { - position: absolute; - top: -148px; - left: 106px; - width: 160px; - height: 194px; - background-position: 0px -265px; - transform-origin: 50% 85%; - animation: headTilt $swayspeed ease infinite; -} - -.eyestalos { - position: absolute; - top: 92px; - left: 34px; - width: 73px; - height: 18px; - background-position: -162px -350px; - animation: blinktalos 10s steps(1) infinite, pan 10s ease-in-out infinite; -} - -.leftarmtalos { - position: absolute; - top: 159px; - left: 0; - width: 165px; - height: 73px; - background-position: -265px -341px; - transform-origin: 9% 35%; - transform: rotateZ(0deg); - animation: typeLeft 0.4s linear infinite; -} - -.rightarmtalos { - position: absolute; - top: 148px; - left: 231px; - width: 157px; - height: 91px; - background-position: -442px -323px; - transform-origin: 90% 25%; - animation: typeLeft 0.4s linear infinite; -} - -.chairtalos { - position: absolute; - top: 360px; - left: 55px; - width: 260px; - height: 365px; - background-position: -12px -697px; -} - -.legstalos { - position: absolute; - top: 308px; - left: 4px; - width: 370px; - height: 247px; - background-position: -381px -443px; -} - -.leftshoetalos { - position: absolute; - top: 521px; - left: 54px; - width: 130px; - height: 92px; - background-position: -315px -749px; -} - -.rightshoetalos { - position: absolute; - top: 524px; - left: 187px; - width: 135px; - height: 81px; - background-position: -453px -749px; - transform-origin: 35% 12%; - animation: tapRight 1s linear infinite; -} - -.laptoptalos { - position: absolute; - top: 186px; - left: 9px; - width: 365px; - height: 216px; - background-position: -2px -466px; - transform-origin: 50% 100%; - animation: tapWobble 0.4s linear infinite; -} - -@keyframes sway { - 0% { transform: rotateZ(0deg); } - 20% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(4deg); } - 45% { transform: rotateZ(4deg); } - 50% { transform: rotateZ(0deg); } - 70% { transform: rotateZ(0deg); } - 75% { transform: rotateZ(-4deg); } - 90% { transform: rotateZ(-4deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes headTilt { - 0% { transform: rotateZ(0deg); } - 20% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(-4deg); } - 35% { transform: rotateZ(-4deg); } - 38% { transform: rotateZ(2deg); } - 42% { transform: rotateZ(2deg); } - 45% { transform: rotateZ(-4deg); } - 50% { transform: rotateZ(0deg); } - 70% { transform: rotateZ(0deg); } - 82% { transform: rotateZ(0deg); } - 85% { transform: rotateZ(4deg); } - 90% { transform: rotateZ(4deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes typeLeft { - 0% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(7deg); } - 75% { transform: rotateZ(-6deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes typeRight { - 0% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(-6deg); } - 75% { transform: rotateZ(7deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes tapWobble { - 0% { transform: rotateZ(-0.2deg); } - 50% { transform: rotateZ(0.2deg); } - 100% { transform: rotateZ(-0.2deg); } -} - -@keyframes tapRight { - 0% { transform: rotateZ(0deg); } - 90% { transform: rotateZ(-6deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes blinktalos { - 0% { background-position: -162px -350px; } - 94% { background-position: -162px -350px; } - 98% { background-position: -162px -368px; } - 100% { background-position: -162px -350px; } -} - -@keyframes pan { - 0% { transform: translateX(-2px); } - 49% { transform: translateX(-2px); } - 50% { transform: translateX(2px); } - 99% { transform: translateX(2px); } - 100% { transform: translateX(-2px); } -} diff --git a/server/www/static/www/css/talos-guy_small.css b/server/www/static/www/css/talos-guy_small.css deleted file mode 100644 index 2ee1199..0000000 --- a/server/www/static/www/css/talos-guy_small.css +++ /dev/null @@ -1,228 +0,0 @@ -@keyframes type{ - from { width: 0; } -} - -@keyframes type2{ - 0%{width: 0;} - 50%{width: 0;} - 100%{ width: 30; } -} - -@keyframes blink{ - to{opacity: .0;} -} - -::selection{ - background: black; -} - -@import "compass/css3"; - -.talos_character { - height: 800px; -} - -.bodytalos, .headtalos, .eyestalos, .leftarmtalos, .rightarmtalos, .chairtalos, .leftshoetalos, .rightshoetalos, .legstalos, .laptoptalos { - background: url('../img/talos-guy.png') 0 0 no-repeat; - width: 200px; - height: 200px; -// border: 1px dotted red; -} - -.newcharactertalos, .torsotalos, .bodytalos, .headtalos, .eyestalos, .leftarmtalos, .rightarmtalos, .chairtalos, .leftshoetalos, .rightshoetalos, .legstalos, .laptoptalos { - background-size: 450px; - position: absolute; - display: block; -} - -.newcharactertalos { - width: 400px; - height: 800px; - left: 57%; - top: 550px; - margin-left: -200px; -} - -$swayspeed: 20s; - -.torsotalos { - position: absolute; - display: block; - top: 138px; - left: 0px; - width: 289px; - height: 152px; - animation: sway $swayspeed ease infinite; - transform-origin: 20% 100%; -} - -.bodytalos { - position: absolute; - display: block; - top: -50px; - left: 80px; - width: 235px; - height: 153px; -} - -.headtalos { - position: absolute; - top: -142px; - left: 132px; - width: 100px; - height: 118px; - background-position: 10px -158px; - transform-origin: 50% 85%; - animation: headTilt $swayspeed ease infinite; -} - -.eyestalos { - position: absolute; - top: 49px; - left: 24px; - width: 53px; - height: 18px; - background-position: -152px -458px; - animation: blinktalos 10s steps(1) infinite, pan 10s ease-in-out infinite; -} - -.leftarmtalos { - position: absolute; - top: 49px; - left: 80px; - width: 103px; - height: 47px; - background-position: -159px -208px; - transform-origin: 9% 35%; - transform: rotateZ(0deg); - animation: typeLeft 0.4s linear infinite; -} - -.rightarmtalos { - position: absolute; - top: 49px; - left: 219px; - width: 103px; - height: 47px; - background-position: -265px -200px; - transform-origin: 90% 25%; - animation: typeLeft 0.4s linear infinite; -} - -.chairtalos { - position: absolute; - top: 160px; - left: 118px; - width: 160px; - height: 215px; - background-position: -5px -417px; -} - -.legstalos { - position: absolute; - top: 118px; - left: 90px; - width: 225px; - height: 155px; - background-position: -228px -263px; -} - -.leftshoetalos { - position: absolute; - top: 254px; - left: 110px; - width: 80px; - height: 55px; - background-position: -188px -450px; -} - -.rightshoetalos { - position: absolute; - top: 245px; - left: 205px; - width: 85px; - height: 58px; - background-position: -275px -445px; - transform-origin: 35% 12%; - animation: tapRight 1s linear infinite; -} - -.laptoptalos { - position: absolute; - top: 55px; - left: 86px; - width: 225px; - height: 140px; - background-position: 0 -275px; - transform-origin: 50% 100%; - animation: tapWobble 0.4s linear infinite; -} - -@keyframes sway { - 0% { transform: rotateZ(0deg); } - 20% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(4deg); } - 45% { transform: rotateZ(4deg); } - 50% { transform: rotateZ(0deg); } - 70% { transform: rotateZ(0deg); } - 75% { transform: rotateZ(-4deg); } - 90% { transform: rotateZ(-4deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes headTilt { - 0% { transform: rotateZ(0deg); } - 20% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(-4deg); } - 35% { transform: rotateZ(-4deg); } - 38% { transform: rotateZ(2deg); } - 42% { transform: rotateZ(2deg); } - 45% { transform: rotateZ(-4deg); } - 50% { transform: rotateZ(0deg); } - 70% { transform: rotateZ(0deg); } - 82% { transform: rotateZ(0deg); } - 85% { transform: rotateZ(4deg); } - 90% { transform: rotateZ(4deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes typeLeft { - 0% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(7deg); } - 75% { transform: rotateZ(-6deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes typeRight { - 0% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(-6deg); } - 75% { transform: rotateZ(7deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes tapWobble { - 0% { transform: rotateZ(-0.2deg); } - 50% { transform: rotateZ(0.2deg); } - 100% { transform: rotateZ(-0.2deg); } -} - -@keyframes tapRight { - 0% { transform: rotateZ(0deg); } - 90% { transform: rotateZ(-6deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes blinktalos { - 0% { background-position: -90px -201px; } - 94% { background-position: -90px -201px; } - 98% { background-position: -90px -228px; } - 100% { background-position: -90px -201px; } -} - -@keyframes pan { - 0% { transform: translateX(-2px); } - 49% { transform: translateX(-2px); } - 50% { transform: translateX(2px); } - 99% { transform: translateX(2px); } - 100% { transform: translateX(-2px); } -} diff --git a/server/www/static/www/css/talos-guy_xs.css b/server/www/static/www/css/talos-guy_xs.css deleted file mode 100644 index 2c98811..0000000 --- a/server/www/static/www/css/talos-guy_xs.css +++ /dev/null @@ -1,228 +0,0 @@ -@keyframes type{ - from { width: 0; } -} - -@keyframes type2{ - 0%{width: 0;} - 50%{width: 0;} - 100%{ width: 30; } -} - -@keyframes blink{ - to{opacity: .0;} -} - -::selection{ - background: black; -} - -@import "compass/css3"; - -.talos_character_xs { - height: 800px; -} - -.bodytalos_xs, .headtalos_xs, .eyestalos_xs, .leftarmtalos_xs, .rightarmtalos_xs, .chairtalos_xs, .leftshoetalos_xs, .rightshoetalos_xs, .legstalos_xs, .laptoptalos_xs { - background: url('../img/talos-guy.png') 0 0 no-repeat; - width: 200px; - height: 200px; -// border: 1px dotted red; -} - -.newcharactertalos_xs, .torsotalos_xs, .bodytalos_xs, .headtalos_xs, .eyestalos_xs, .leftarmtalos_xs, .rightarmtalos_xs, .chairtalos_xs, .leftshoetalos_xs, .rightshoetalos_xs, .legstalos_xs, .laptoptalos_xs { - background-size: 200px; - position: absolute; - display: block; -} - -.newcharactertalos_xs { - width: 400px; - height: 800px; - left: 54%; - top: 520px; - margin-left: -200px; -} - -$swayspeed: 20s; - -.torsotalos_xs { - position: absolute; - display: block; - top: 138px; - left: 0px; - width: 289px; - height: 152px; - animation: sway_xs $swayspeed ease infinite; - transform-origin: 20% 100%; -} - -.bodytalos_xs { - position: absolute; - display: block; - top: -102px; - left: 146px; - width: 105px; - height: 70px; -} - -.headtalos_xs { - position: absolute; - top: -142px; - left: 172px; - width: 40px; - height: 53px; - background-position: 1px -70px; - transform-origin: 50% 85%; - animation: headTilt_xs $swayspeed ease infinite; -} - -.eyestalos_xs { - position: absolute; - top: 27px; - left: 7px; - width: 25px; - height: 18px; - background-position: -40px -93px; - animation: blinktalos_xs 10s steps(1) infinite, pan_xs 10s ease-in-out infinite; -} - -.leftarmtalos_xs { - position: absolute; - top: -62px; - left: 143px; - width: 47px; - height: 25px; - background-position: -69px -90px; - transform-origin: 9% 35%; - transform: rotateZ(0deg); - animation: typeLeft_xs 0.4s linear infinite; -} - -.rightarmtalos_xs { - position: absolute; - top: -62px; - left: 205px; - width: 47px; - height: 25px; - background-position: -116px -86px; - transform-origin: 90% 25%; - animation: typeLeft_xs 0.4s linear infinite; -} - -.chairtalos_xs { - position: absolute; - top: -10px; - left: 158px; - width: 75px; - height: 100px; - background-position: 0px -185px; -} - -.legstalos_xs { - position: absolute; - top: -30px; - left: 145px; - width: 110px; - height: 75px; - background-position: -100px -115px; -} - -.leftshoetalos_xs { - position: absolute; - top: 27px; - left: 152px; - width: 40px; - height: 35px; - background-position: -83px -195px; -} - -.rightshoetalos_xs { - position: absolute; - top: 26px; - left: 197px; - width: 50px; - height: 50px; - background-position: -118px -195px; - transform-origin: 35% 12%; - animation: tapRight_xs 1s linear infinite; -} - -.laptoptalos_xs { - position: absolute; - top: -57px; - left: 146px; - width: 100px; - height: 60px; - background-position: 0px -123px; - transform-origin: 50% 100%; - animation: tabWobble_xs 0.4s linear infinite; -} - -@keyframes sway_xs { - 0% { transform: rotateZ(0deg); } - 20% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(4deg); } - 45% { transform: rotateZ(4deg); } - 50% { transform: rotateZ(0deg); } - 70% { transform: rotateZ(0deg); } - 75% { transform: rotateZ(-4deg); } - 90% { transform: rotateZ(-4deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes headTilt_xs { - 0% { transform: rotateZ(0deg); } - 20% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(-4deg); } - 35% { transform: rotateZ(-4deg); } - 38% { transform: rotateZ(2deg); } - 42% { transform: rotateZ(2deg); } - 45% { transform: rotateZ(-4deg); } - 50% { transform: rotateZ(0deg); } - 70% { transform: rotateZ(0deg); } - 82% { transform: rotateZ(0deg); } - 85% { transform: rotateZ(4deg); } - 90% { transform: rotateZ(4deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes typeLeft_xs { - 0% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(7deg); } - 75% { transform: rotateZ(-6deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes typeRight_xs { - 0% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(-6deg); } - 75% { transform: rotateZ(7deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes tabWobble_xs { - 0% { transform: rotateZ(-0.2deg); } - 50% { transform: rotateZ(0.2deg); } - 100% { transform: rotateZ(-0.2deg); } -} - -@keyframes tapRight_xs { - 0% { transform: rotateZ(0deg); } - 90% { transform: rotateZ(-6deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes blinktalos_xs { - 0% { background-position: -40px -93px; } - 94% { background-position: -40px -93px; } - 98% { background-position: -40px -100px; } - 100% { background-position: -40px -93px; } -} - -@keyframes pan_xs { - 0% { transform: translateX(0px); } - 49% { transform: translateX(0px); } - 50% { transform: translateX(2px); } - 99% { transform: translateX(2px); } - 100% { transform: translateX(0px); } -} diff --git a/server/www/static/www/img/talos-guy.png b/server/www/static/www/img/talos-guy.png deleted file mode 100644 index 64ac061..0000000 Binary files a/server/www/static/www/img/talos-guy.png and /dev/null differ diff --git a/server/www/static/www/talos-guy.css b/server/www/static/www/talos-guy.css deleted file mode 100644 index 9f22f99..0000000 --- a/server/www/static/www/talos-guy.css +++ /dev/null @@ -1,228 +0,0 @@ -@keyframes type{ - from { width: 0; } -} - -@keyframes type2{ - 0%{width: 0;} - 50%{width: 0;} - 100%{ width: 100; } -} - -@keyframes blink{ - to{opacity: .0;} -} - -::selection{ - background: black; -} - -@import "compass/css3"; - -.talos_character { - height: 800px; -} - -.bodytalos, .headtalos, .eyestalos, .leftarmtalos, .rightarmtalos, .chairtalos, .leftshoetalos, .rightshoetalos, .legstalos, .laptoptalos { - background: url('../img/talos-guy.png') 0 0 no-repeat; - width: 200px; - height: 200px; -// border: 1px dotted red; -} - -.newcharactertalos, .torsotalos, .bodytalos, .headtalos, .eyestalos, .leftarmtalos, .rightarmtalos, .chairtalos, .leftshoetalos, .rightshoetalos, .legstalos, .laptoptalos { - background-size: 750px; - position: absolute; - display: block; -} - -.newcharactertalos { - width: 400px; - height: 800px; - left: 60%; - top: 380px; - margin-left: -200px; -} - -$swayspeed: 20s; - -.torsotalos { - position: absolute; - display: block; - top: 138px; - left: 0px; - width: 389px; - height: 252px; - animation: sway $swayspeed ease infinite; - transform-origin: 50% 100%; -} - -.bodytalos { - position: absolute; - display: block; - top: 0px; - left: 0px; - width: 389px; - height: 253px; -} - -.headtalos { - position: absolute; - top: -148px; - left: 106px; - width: 160px; - height: 194px; - background-position: 0px -265px; - transform-origin: 50% 85%; - animation: headTilt $swayspeed ease infinite; -} - -.eyestalos { - position: absolute; - top: 92px; - left: 34px; - width: 73px; - height: 18px; - background-position: -162px -350px; - animation: blinktalos 10s steps(1) infinite, pan 10s ease-in-out infinite; -} - -.leftarmtalos { - position: absolute; - top: 159px; - left: 0; - width: 165px; - height: 73px; - background-position: -265px -341px; - transform-origin: 9% 35%; - transform: rotateZ(0deg); - animation: typeLeft 0.4s linear infinite; -} - -.rightarmtalos { - position: absolute; - top: 148px; - left: 231px; - width: 157px; - height: 91px; - background-position: -442px -323px; - transform-origin: 90% 25%; - animation: typeLeft 0.4s linear infinite; -} - -.chairtalos { - position: absolute; - top: 360px; - left: 55px; - width: 260px; - height: 365px; - background-position: -12px -697px; -} - -.legstalos { - position: absolute; - top: 308px; - left: 4px; - width: 370px; - height: 247px; - background-position: -381px -443px; -} - -.leftshoetalos { - position: absolute; - top: 521px; - left: 54px; - width: 130px; - height: 92px; - background-position: -315px -749px; -} - -.rightshoetalos { - position: absolute; - top: 524px; - left: 187px; - width: 135px; - height: 81px; - background-position: -453px -749px; - transform-origin: 35% 12%; - animation: tapRight 1s linear infinite; -} - -.laptoptalos { - position: absolute; - top: 186px; - left: 9px; - width: 365px; - height: 216px; - background-position: -2px -466px; - transform-origin: 50% 100%; - animation: tapWobble 0.4s linear infinite; -} - -@keyframes sway { - 0% { transform: rotateZ(0deg); } - 20% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(4deg); } - 45% { transform: rotateZ(4deg); } - 50% { transform: rotateZ(0deg); } - 70% { transform: rotateZ(0deg); } - 75% { transform: rotateZ(-4deg); } - 90% { transform: rotateZ(-4deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes headTilt { - 0% { transform: rotateZ(0deg); } - 20% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(-4deg); } - 35% { transform: rotateZ(-4deg); } - 38% { transform: rotateZ(2deg); } - 42% { transform: rotateZ(2deg); } - 45% { transform: rotateZ(-4deg); } - 50% { transform: rotateZ(0deg); } - 70% { transform: rotateZ(0deg); } - 82% { transform: rotateZ(0deg); } - 85% { transform: rotateZ(4deg); } - 90% { transform: rotateZ(4deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes typeLeft { - 0% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(7deg); } - 75% { transform: rotateZ(-6deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes typeRight { - 0% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(-6deg); } - 75% { transform: rotateZ(7deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes tapWobble { - 0% { transform: rotateZ(-0.2deg); } - 50% { transform: rotateZ(0.2deg); } - 100% { transform: rotateZ(-0.2deg); } -} - -@keyframes tapRight { - 0% { transform: rotateZ(0deg); } - 90% { transform: rotateZ(-6deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes blinktalos { - 0% { background-position: -162px -350px; } - 94% { background-position: -162px -350px; } - 98% { background-position: -162px -368px; } - 100% { background-position: -162px -350px; } -} - -@keyframes pan { - 0% { transform: translateX(-2px); } - 49% { transform: translateX(-2px); } - 50% { transform: translateX(2px); } - 99% { transform: translateX(2px); } - 100% { transform: translateX(-2px); } -} diff --git a/server/www/static/www/talos-guy_small.css b/server/www/static/www/talos-guy_small.css deleted file mode 100644 index 2ee1199..0000000 --- a/server/www/static/www/talos-guy_small.css +++ /dev/null @@ -1,228 +0,0 @@ -@keyframes type{ - from { width: 0; } -} - -@keyframes type2{ - 0%{width: 0;} - 50%{width: 0;} - 100%{ width: 30; } -} - -@keyframes blink{ - to{opacity: .0;} -} - -::selection{ - background: black; -} - -@import "compass/css3"; - -.talos_character { - height: 800px; -} - -.bodytalos, .headtalos, .eyestalos, .leftarmtalos, .rightarmtalos, .chairtalos, .leftshoetalos, .rightshoetalos, .legstalos, .laptoptalos { - background: url('../img/talos-guy.png') 0 0 no-repeat; - width: 200px; - height: 200px; -// border: 1px dotted red; -} - -.newcharactertalos, .torsotalos, .bodytalos, .headtalos, .eyestalos, .leftarmtalos, .rightarmtalos, .chairtalos, .leftshoetalos, .rightshoetalos, .legstalos, .laptoptalos { - background-size: 450px; - position: absolute; - display: block; -} - -.newcharactertalos { - width: 400px; - height: 800px; - left: 57%; - top: 550px; - margin-left: -200px; -} - -$swayspeed: 20s; - -.torsotalos { - position: absolute; - display: block; - top: 138px; - left: 0px; - width: 289px; - height: 152px; - animation: sway $swayspeed ease infinite; - transform-origin: 20% 100%; -} - -.bodytalos { - position: absolute; - display: block; - top: -50px; - left: 80px; - width: 235px; - height: 153px; -} - -.headtalos { - position: absolute; - top: -142px; - left: 132px; - width: 100px; - height: 118px; - background-position: 10px -158px; - transform-origin: 50% 85%; - animation: headTilt $swayspeed ease infinite; -} - -.eyestalos { - position: absolute; - top: 49px; - left: 24px; - width: 53px; - height: 18px; - background-position: -152px -458px; - animation: blinktalos 10s steps(1) infinite, pan 10s ease-in-out infinite; -} - -.leftarmtalos { - position: absolute; - top: 49px; - left: 80px; - width: 103px; - height: 47px; - background-position: -159px -208px; - transform-origin: 9% 35%; - transform: rotateZ(0deg); - animation: typeLeft 0.4s linear infinite; -} - -.rightarmtalos { - position: absolute; - top: 49px; - left: 219px; - width: 103px; - height: 47px; - background-position: -265px -200px; - transform-origin: 90% 25%; - animation: typeLeft 0.4s linear infinite; -} - -.chairtalos { - position: absolute; - top: 160px; - left: 118px; - width: 160px; - height: 215px; - background-position: -5px -417px; -} - -.legstalos { - position: absolute; - top: 118px; - left: 90px; - width: 225px; - height: 155px; - background-position: -228px -263px; -} - -.leftshoetalos { - position: absolute; - top: 254px; - left: 110px; - width: 80px; - height: 55px; - background-position: -188px -450px; -} - -.rightshoetalos { - position: absolute; - top: 245px; - left: 205px; - width: 85px; - height: 58px; - background-position: -275px -445px; - transform-origin: 35% 12%; - animation: tapRight 1s linear infinite; -} - -.laptoptalos { - position: absolute; - top: 55px; - left: 86px; - width: 225px; - height: 140px; - background-position: 0 -275px; - transform-origin: 50% 100%; - animation: tapWobble 0.4s linear infinite; -} - -@keyframes sway { - 0% { transform: rotateZ(0deg); } - 20% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(4deg); } - 45% { transform: rotateZ(4deg); } - 50% { transform: rotateZ(0deg); } - 70% { transform: rotateZ(0deg); } - 75% { transform: rotateZ(-4deg); } - 90% { transform: rotateZ(-4deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes headTilt { - 0% { transform: rotateZ(0deg); } - 20% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(-4deg); } - 35% { transform: rotateZ(-4deg); } - 38% { transform: rotateZ(2deg); } - 42% { transform: rotateZ(2deg); } - 45% { transform: rotateZ(-4deg); } - 50% { transform: rotateZ(0deg); } - 70% { transform: rotateZ(0deg); } - 82% { transform: rotateZ(0deg); } - 85% { transform: rotateZ(4deg); } - 90% { transform: rotateZ(4deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes typeLeft { - 0% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(7deg); } - 75% { transform: rotateZ(-6deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes typeRight { - 0% { transform: rotateZ(0deg); } - 25% { transform: rotateZ(-6deg); } - 75% { transform: rotateZ(7deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes tapWobble { - 0% { transform: rotateZ(-0.2deg); } - 50% { transform: rotateZ(0.2deg); } - 100% { transform: rotateZ(-0.2deg); } -} - -@keyframes tapRight { - 0% { transform: rotateZ(0deg); } - 90% { transform: rotateZ(-6deg); } - 100% { transform: rotateZ(0deg); } -} - -@keyframes blinktalos { - 0% { background-position: -90px -201px; } - 94% { background-position: -90px -201px; } - 98% { background-position: -90px -228px; } - 100% { background-position: -90px -201px; } -} - -@keyframes pan { - 0% { transform: translateX(-2px); } - 49% { transform: translateX(-2px); } - 50% { transform: translateX(2px); } - 99% { transform: translateX(2px); } - 100% { transform: translateX(-2px); } -} diff --git a/server/www/templates/www/base_site.html b/server/www/templates/www/base_site.html index c5127b0..4b6333d 100644 --- a/server/www/templates/www/base_site.html +++ b/server/www/templates/www/base_site.html @@ -21,8 +21,6 @@ - - @@ -104,41 +102,6 @@ {% endblock %} -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-