(Created page with "<html> <head> <!-- slick CSS --> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.slick/1.6.0/sli...") |
|||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | <head> | + | <center><p style = "position:relative; left: 3%; font-size:200%; font-family:Trebuchet MS; padding:0px 200px 15px 200px; color:#0071A7">Foundational Advancement Team, Best Basic Part, and Best Part Collection.</p></center> |
+ | <br><br> | ||
+ | <div id = "media"> | ||
+ | <center style = "font-size:230%; padding:25px; color:#BD162A;">Contact us:</center> | ||
+ | </div> | ||
+ | <center> | ||
+ | <a href = "https://twitter.com/buigemwl2016"> <img id = "twit" src = "https://static.igem.org/mediawiki/2016/e/ee/T--BostonU--twitterlogo.png"> </a> | ||
+ | <a href = "https://mail.google.com/mail/?view=cm&fs=1&to=bu.igemwl2016@gmail.com&su=&body=&bcc="><img id = "email" src = "https://static.igem.org/mediawiki/2016/c/c3/T--BostonU--gmaillogo.png"></a> | ||
+ | <a href = "https://www.facebook.com/buigemwl2016"> <img id = "face" src = "https://static.igem.org/mediawiki/2016/b/b7/T--BostonU--facebooklogo.jpg"></a> | ||
+ | <br><br><br><br><br><br><br> | ||
+ | </center> | ||
+ | </body> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(document).ready( | ||
+ | function(){ | ||
+ | var n = 2; | ||
+ | var t = 40; | ||
+ | var p = 0; | ||
+ | setInterval(function () {t = t+1}, 1000); | ||
+ | $("#two").click(function () { | ||
+ | t = 0; | ||
+ | }); | ||
+ | $("#three").click(function () { | ||
+ | t = 0; | ||
+ | }); | ||
+ | $("#four").click(function () { | ||
+ | t = 0; | ||
+ | }); | ||
+ | $("#five").click(function () { | ||
+ | t = 0; | ||
+ | }); | ||
+ | setInterval(function () { | ||
+ | if (t>39) { | ||
+ | n = n+.5; | ||
+ | if (n == 3) { | ||
+ | $("#two").css('left', '110%') | ||
+ | $('#two').animate({'left':'10%'}, 500); | ||
+ | $("#one").animate({'left':'-110%'}, 500); | ||
+ | n = 3;} | ||
+ | else if (n==4) { | ||
+ | $("#three").css('left', '110%'); | ||
+ | $('#three').animate({'left':'10%'}, 500); | ||
+ | $("#two").animate({'left':'-110%'}, 500);} | ||
+ | else if (n==5) { | ||
+ | $("#four").css('left', '110%'); | ||
+ | $('#four').animate({'left':'10%'}, 500); | ||
+ | $("#three").animate({'left':'-110%'}, 500);} | ||
+ | else if (n==6) { | ||
+ | $("#five").css('left', '110%'); | ||
+ | $('#five').animate({'left':'10%'}, 500); | ||
+ | $("#four").animate({'left':'-110%'}, 500);} | ||
+ | else if (n == 7) { | ||
+ | $("#six").css('left', '110%'); | ||
+ | $("#five").animate({'left':'-110%'}, 500); | ||
+ | $("#six").animate({'left':'10%'}, 500);} | ||
+ | else if (n == 8) { | ||
+ | $("#one").css('left', '110%'); | ||
+ | $("#six").animate({'left':'-110%'}, 500); | ||
+ | $("#one").animate({'left':'10%'}, 500); | ||
+ | n = 2;}} | ||
+ | }, 3000); | ||
+ | |||
+ | $("#forward").click(function () { | ||
+ | t = 0; | ||
+ | n = n+1; | ||
+ | if (n==3 || n==3.5) { | ||
+ | $("#two").css('left', '110%') | ||
+ | $('#two').animate({'left':'10%'}, 500); | ||
+ | $("#one").animate({'left':'-110%'}, 500);} | ||
+ | else if (n==4 || n==4.5) { | ||
+ | $("#three").css('left', '110%'); | ||
+ | $('#three').animate({'left':'10%'}, 500); | ||
+ | $("#two").animate({'left':'-110%'}, 500);} | ||
+ | else if (n==5 || n==5.5) { | ||
+ | $("#four").css('left', '110%'); | ||
+ | $('#four').animate({'left':'10%'}, 500); | ||
+ | $("#three").animate({'left':'-110%'}, 500);} | ||
+ | else if (n==6 || n==6.5) { | ||
+ | $("#five").css('left', '110%'); | ||
+ | $('#five').animate({'left':'10%'}, 500); | ||
+ | $("#four").animate({'left':'-110%'}, 500); | ||
+ | t = 30;} | ||
+ | else if (n == 7 || n==7.5) { | ||
+ | $("#six").css('left', '110%'); | ||
+ | $("#five").animate({'left':'-110%'}, 500); | ||
+ | $("#six").animate({'left':'10%'}, 500); | ||
+ | t = 30;} | ||
+ | else if (n == 8 || n == 8.5) { | ||
+ | $("#one").css('left', '110%'); | ||
+ | $("#six").animate({'left':'-110%'}, 500); | ||
+ | $("#one").animate({'left':'10%'}, 500); | ||
+ | n = 2; | ||
+ | t = 30;} | ||
+ | }); | ||
+ | |||
+ | $("#reverse").click(function () { | ||
+ | t = 0; | ||
+ | n = n-1; | ||
+ | if (n == 1 || n==1.5) { | ||
+ | $("#six").css('left', '-110%'); | ||
+ | $("#six").animate({'left':'10%'}, 500); | ||
+ | $("#one").animate({'left':'110%'}, 500); | ||
+ | n = 7; | ||
+ | t = 30;} | ||
+ | else if (n==2 || n==2.5) { | ||
+ | $("#one").css('left', '-110%'); | ||
+ | $('#one').animate({'left':'10%'}, 500); | ||
+ | $("#two").animate({'left':'110%'}, 500); | ||
+ | t = 30;} | ||
+ | else if (n==3 || n==3.5) { | ||
+ | $("#two").css('left', '-110%'); | ||
+ | $('#two').animate({'left':'10%'}, 500); | ||
+ | $("#three").animate({'left':'110%'}, 500); | ||
+ | $("#four").css('left', '-110%');} | ||
+ | else if (n==4 || n==4.5) { | ||
+ | $("#three").css('left', '-110%'); | ||
+ | $('#three').animate({'left':'10%'}, 500); | ||
+ | $("#four").animate({'left':'110%'}, 500);} | ||
+ | else if (n==5 || n==5.5) { | ||
+ | $("#four").css('left', '-110%'); | ||
+ | $('#four').animate({'left':'10%'}, 500); | ||
+ | $("#five").animate({'left':'110%'}, 500);} | ||
+ | else if (n==6 || n==6.5) { | ||
+ | $("#five").css('left', '-110%'); | ||
+ | $('#five').animate({'left':'10%'}, 500); | ||
+ | $("#six").animate({'left':'110%'}, 500); | ||
+ | t = 30;} | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(document).ready( | ||
+ | function(){ | ||
+ | var t = 1; | ||
+ | $("#secretone").click(function () { | ||
+ | t = 2; | ||
+ | }); | ||
+ | $("#secrettwo").click(function () { | ||
+ | t = t + 2; | ||
+ | }); | ||
+ | $("#secretthree").click(function () { | ||
+ | t = t +1; | ||
+ | if (t == 5) { | ||
+ | $("#appear").show(500); | ||
+ | $("#appear").css('z-index', '50');} | ||
+ | else { | ||
+ | t = 1;} | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <head> | ||
<!-- slick CSS --> | <!-- slick CSS --> | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> |
Revision as of 00:51, 2 November 2017
Foundational Advancement Team, Best Basic Part, and Best Part Collection.