|
|
| (271 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | {{BostonU_we_tryin}}
| |
| − | <html>
| |
| − | <style>
| |
| | | | |
| − | #sideMenu, #top_title {display:none;}
| |
| − | body {background-color:white; }
| |
| − | #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
| |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| |
| − |
| |
| − |
| |
| − | #forward, #reverse {
| |
| − | border-radius:50%;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #one {
| |
| − | position:absolute;
| |
| − | left:10%;
| |
| − | }
| |
| − |
| |
| − | #two {
| |
| − | position:absolute;
| |
| − | left:-110%;
| |
| − | }
| |
| − |
| |
| − | #three {
| |
| − | position:absolute;
| |
| − | left:-110%;
| |
| − | }
| |
| − |
| |
| − | #four {
| |
| − | position:absolute;
| |
| − | left:-110%;
| |
| − | }
| |
| − |
| |
| − | #container {
| |
| − | width:100%;
| |
| − | height:89vh;
| |
| − | position:absolute;
| |
| − | overflow:hidden;
| |
| − | }
| |
| − |
| |
| − | #twit, #face, #snap, #email {
| |
| − | width:100px;
| |
| − | height:100px;
| |
| − | padding: 30px;
| |
| − | }
| |
| − |
| |
| − | #twit:hover, #face:hover, #snap:hover, #email:hover {
| |
| − | transform:scale(1.5)
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | <body>
| |
| − | <div id = "container">
| |
| − | <img style = "width:80%; height:89vh;" src = "https://static.igem.org/mediawiki/2016/3/35/T--BostonU--Geminisymbol.jpg" id = "one" class = "show"></div>
| |
| − | <img style = "width:80%; height:89vh;" src = "https://static.igem.org/mediawiki/2016/d/d9/T--BostonU--multimerization.png" id = "two" class = "show"></div>
| |
| − | <img style = "width:80%; height:89vh;" src = "https://static.igem.org/mediawiki/2016/0/06/T--BostonU--WritingCircle.png" id = "three" class = "show"></div>
| |
| − | <img style = "width:80%; height:89vh;" src = "https://static.igem.org/mediawiki/2016/4/4c/T--BostonU--WL_and_HW_at_BwB.jpg" id = "four" class = "show"></div>
| |
| − | </div>
| |
| − | <div style = "width:7vw; height:7vw; background-color:yellow; text-align:center; font-size:300%; position:absolute; z-index:100; left: 93%; top:50vh;" id = "forward"><div style = "height:3vw"></div>></div>
| |
| − | <div style = "width:7vw; height:7vw; background-color:yellow; text-align:center; font-size:300%; position:absolute; top:50vh; z-index:100;" id = "reverse"><div style = "height:3vw"></div><</div>
| |
| − | <div style = "width:100%; height:89vh;"></div>
| |
| − | <center><img style = "width:70%" src = "https://static.igem.org/mediawiki/2016/e/eb/T--BostonU--Sponsors.jpg"></center>
| |
| − |
| |
| − | <div id = "media">
| |
| − | <center style = "font-size:230%; padding:25px; color:#0071A7;">Follow us on:</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>
| |
| − | <img id = "snap" src = "https://static.igem.org/mediawiki/2016/8/8d/T--BostonU--snapchatlogo.png">
| |
| − | <a href = "https://www.facebook.com/buigemwl2016"> <img id = "face" src = "https://static.igem.org/mediawiki/2016/b/b7/T--BostonU--facebooklogo.jpg"></a>
| |
| − | <img id = "email" src = "https://static.igem.org/mediawiki/2016/c/c3/T--BostonU--gmaillogo.png">
| |
| − | <br><br><br><br><br><br><br>
| |
| − | </center>
| |
| − |
| |
| − | </body>
| |
| − |
| |
| − | <script type="text/javascript">
| |
| − | $(document).ready(
| |
| − | function(){
| |
| − | var n = 2;
| |
| − | var t = 30;
| |
| − | setInterval(function () {t = t+1}, 1000);
| |
| − | setInterval(function () {
| |
| − | if (t>29) {
| |
| − | n = n+1;
| |
| − | if (n==3) {
| |
| − | $("#two").css('left', '110%')
| |
| − | $('#two').animate({'left':'10%'}, 500);
| |
| − | $("#one").animate({'left':'-110%'}, 500);}
| |
| − | 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) {
| |
| − | $("#one").css('left', '110%');
| |
| − | $("#four").animate({'left':'-110%'}, 500);
| |
| − | $("#one").animate({'left':'10%'}, 500);
| |
| − | n = 2;}}
| |
| − | }, 5000);
| |
| − |
| |
| − | $("#forward").click(function () {
| |
| − | t = 0;
| |
| − | n = n+1;
| |
| − | if (n==3) {
| |
| − | $("#two").css('left', '110%')
| |
| − | $('#two').animate({'left':'10%'}, 500);
| |
| − | $("#one").animate({'left':'-110%'}, 500);}
| |
| − | 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) {
| |
| − | $("#one").css('left', '110%');
| |
| − | $("#four").animate({'left':'-110%'}, 500);
| |
| − | $("#one").animate({'left':'10%'}, 500);
| |
| − | n = 2;}
| |
| − | });
| |
| − |
| |
| − | $("#reverse").click(function () {
| |
| − | t = 0;
| |
| − | n = n-1;
| |
| − | if (n == 1) {
| |
| − | $("#four").css('left', '-110%');
| |
| − | $("#four").animate({'left':'10%'}, 500);
| |
| − | $("#one").animate({'left':'110%'}, 500);
| |
| − | n = 5;}
| |
| − | else if (n==2) {
| |
| − | $("#one").css('left', '-110%');
| |
| − | $('#one').animate({'left':'10%'}, 500);
| |
| − | $("#two").animate({'left':'110%'}, 500);}
| |
| − | else if (n==3) {
| |
| − | $("#two").css('left', '-110%');
| |
| − | $('#two').animate({'left':'10%'}, 500);
| |
| − | $("#three").animate({'left':'110%'}, 500);
| |
| − | $("#four").css('left', '-110%');}
| |
| − | else if (n==4) {
| |
| − | $("#three").css('left', '-110%');
| |
| − | $('#three').animate({'left':'10%'}, 500);
| |
| − | $("#four").animate({'left':'110%'}, 500);}
| |
| − | });
| |
| − |
| |
| − | });
| |
| − | </script>
| |
| − |
| |
| − | </html>
| |
