"
Team:BNU-China
From 2014.igem.org
(Difference between revisions)
| (27 intermediate revisions not shown) | |||
| Line 2: | Line 2: | ||
{{Team:BNU-China/CSS/main_new.css}} | {{Team:BNU-China/CSS/main_new.css}} | ||
<html> | <html> | ||
| - | |||
<head> | <head> | ||
| + | <meta name="description" content="BNU-China, 2014,igem"> | ||
| + | <meta name="keywords" content="BNU,BNU-China,igem,ModA,chemotaxis,peanut"> | ||
| + | <meta name="author" content="刘兵LiuBing"> | ||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2014/6/6a/Bnu_bktn2.png" type="image/x-icon" /> | <link rel="shortcut icon" href="https://static.igem.org/mediawiki/2014/6/6a/Bnu_bktn2.png" type="image/x-icon" /> | ||
| Line 9: | Line 11: | ||
<link rel="icon" href="https://static.igem.org/mediawiki/2014/6/6a/Bnu_bktn2.png" sizes="64x64" /> | <link rel="icon" href="https://static.igem.org/mediawiki/2014/6/6a/Bnu_bktn2.png" sizes="64x64" /> | ||
<link rel="icon" href="https://static.igem.org/mediawiki/2014/6/6a/Bnu_bktn2.png" sizes="128x128" /> | <link rel="icon" href="https://static.igem.org/mediawiki/2014/6/6a/Bnu_bktn2.png" sizes="128x128" /> | ||
| - | + | <script type="text/javascript" src="https://2014.igem.org/Team:BNU-China/js/jquery-1.10.2.min.js?action=raw"></script> | |
| - | + | <script type="text/javascript" src="https://2014.igem.org/Team:BNU-China/js/bootstrap.min.js?action=raw"></script> | |
| - | + | <script> | |
| - | + | //var loginFlag = false; | |
| - | + | //var loginHelper = null; | |
| - | + | $(document).ready(function(){ | |
| - | + | $('.carousel').carousel( | |
| - | + | { | |
| - | + | "pause":"false", | |
| - | + | "interval":5000 | |
| - | + | } | |
| - | + | ); | |
| - | + | $('.carousel').on('slide.bs.carousel', function (event) { | |
| - | + | var tag = $(event.relatedTarget).attr("tag"); | |
| - | + | var progress = $(event.relatedTarget).attr("progress"); | |
| + | $('#img_home').attr("src", "https://static.igem.org/mediawiki/2014/9/92/Bnu_home.png"); | ||
| + | $('#img_intro').attr("src", "https://static.igem.org/mediawiki/2014/6/6a/Bnu_intro.png"); | ||
| + | $('#img_gift').attr("src", "https://static.igem.org/mediawiki/2014/e/e7/Bnu_gift.png"); | ||
| + | $('#img_feedback').attr("src", "https://static.igem.org/mediawiki/2014/f/fb/Bnu_feedback.png"); | ||
| + | $('#img_related').attr("src", "https://static.igem.org/mediawiki/2014/7/76/Bnu_related.png"); | ||
| + | //$('#img_' + tag).attr("src", "images/" + tag + "_selected.png"); | ||
| - | + | //$("#progress").width(progress + "px"); | |
| - | + | //$("#progress").css('left', (progress / 2) - 400 + "px"); | |
| - | + | $("#progress").animate({width: progress, left: (progress / 2) - 400}, 500); | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
playAnimation(tag); | playAnimation(tag); | ||
}); | }); | ||
| - | |||
$("body,html").animate({ | $("body,html").animate({ | ||
scrollTop:($("#page_home .splash-container").offset().top) | scrollTop:($("#page_home .splash-container").offset().top) | ||
| Line 76: | Line 75: | ||
} | } | ||
} | } | ||
| - | + | </script> | |
| + | <!--[if ls IE 7]> | ||
| + | <h2>Please make sure that JavaScript has to be activated for the page to display properly or you should update/change your browser.</h2> | ||
| + | <![endif]--> | ||
</head> | </head> | ||
<body> | <body> | ||
| - | <!-- | + | <!--<p align="center" style="color: blue;">Coming soon ...</p>--> |
| - | < | + | |
| - | + | ||
<div id="carousel_container" class="carousel slide full_height"> | <div id="carousel_container" class="carousel slide full_height"> | ||
<div class="carousel-inner full_height"> | <div class="carousel-inner full_height"> | ||
| Line 92: | Line 92: | ||
<div id="download_place_holder" class="horizental-item" ></div> | <div id="download_place_holder" class="horizental-item" ></div> | ||
<div class="horizental-item"> | <div class="horizental-item"> | ||
| - | <a href="https://2014.igem.org/Team:BNU-China/home.html | + | <a href="https://2014.igem.org/Team:BNU-China/home.html" id="splash_download_button" class="download-button"> |
<div class="download-title"> | <div class="download-title"> | ||
<img class="qrcode" src="https://static.igem.org/mediawiki/2014/1/18/Bnu_qrcode.png" alt="E.coli Prometheus" width="180px" height="180px"><br> | <img class="qrcode" src="https://static.igem.org/mediawiki/2014/1/18/Bnu_qrcode.png" alt="E.coli Prometheus" width="180px" height="180px"><br> | ||
| Line 115: | Line 115: | ||
</div> | </div> | ||
| - | <a href=" | + | <a href="https://2014.igem.org/Team:BNU-China/pp_overview.html" id="splash_download_button" class="download-button ani_step_1"> |
<div class="download-title"> | <div class="download-title"> | ||
What happened to the peanut? <img src="https://static.igem.org/mediawiki/2014/9/94/Bnu_arrow_feedback.png" alt="To check out what happened to peanuts"> | What happened to the peanut? <img src="https://static.igem.org/mediawiki/2014/9/94/Bnu_arrow_feedback.png" alt="To check out what happened to peanuts"> | ||
| Line 129: | Line 129: | ||
<img src="https://static.igem.org/mediawiki/2014/d/d6/Bnu_gift_splash.gif" alt="E.coli Prometheus transformed by BNU-iGEM" width="70%"/> | <img src="https://static.igem.org/mediawiki/2014/d/d6/Bnu_gift_splash.gif" alt="E.coli Prometheus transformed by BNU-iGEM" width="70%"/> | ||
</div> | </div> | ||
| - | <a href=" | + | <a href="https://2014.igem.org/Team:BNU-China/overview.html" id="splash_download_button" class="download-button ani_step_1"> |
<div class="download-title"> | <div class="download-title"> | ||
How we did this <img src="https://static.igem.org/mediawiki/2014/8/87/Bnu_arrow_gift.png" alt="To check out hao we transform the e.coli"> | How we did this <img src="https://static.igem.org/mediawiki/2014/8/87/Bnu_arrow_gift.png" alt="To check out hao we transform the e.coli"> | ||
| Line 143: | Line 143: | ||
<img src="https://static.igem.org/mediawiki/2014/a/a8/Bnu_delivery.gif" alt="deliver the Mo to peanut" width="70%"/> | <img src="https://static.igem.org/mediawiki/2014/a/a8/Bnu_delivery.gif" alt="deliver the Mo to peanut" width="70%"/> | ||
</div> | </div> | ||
| - | <a href=" | + | <a href="https://2014.igem.org/Team:BNU-China/Chemotaxis.html" id="splash_download_button" class="download-button ani_step_1"> |
<div class="download-title"> | <div class="download-title"> | ||
The delivery system <img src="https://static.igem.org/mediawiki/2014/9/94/Bnu_arrow_feedback.png" alt="To check out how the delivery system works"> | The delivery system <img src="https://static.igem.org/mediawiki/2014/9/94/Bnu_arrow_feedback.png" alt="To check out how the delivery system works"> | ||
| Line 157: | Line 157: | ||
<img src="https://static.igem.org/mediawiki/2014/0/05/Bnu_safety.gif" alt="E.coli Prometheus died for safety after deliver Mo to peanut" width="70%"/> | <img src="https://static.igem.org/mediawiki/2014/0/05/Bnu_safety.gif" alt="E.coli Prometheus died for safety after deliver Mo to peanut" width="70%"/> | ||
</div> | </div> | ||
| - | <a href=" | + | <a href="https://2014.igem.org/Team:BNU-China/safety-overview" id="splash_download_button" class="download-button ani_step_1"> |
<div class="download-title"> | <div class="download-title"> | ||
The Safety system <img src="https://static.igem.org/mediawiki/2014/9/94/Bnu_arrow_feedback.png" alt="To check out how the safety system works"> | The Safety system <img src="https://static.igem.org/mediawiki/2014/9/94/Bnu_arrow_feedback.png" alt="To check out how the safety system works"> | ||
| Line 205: | Line 205: | ||
</div> | </div> | ||
</div> | </div> | ||
| + | |||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 16:57, 17 October 2014
