Team:BNU-China

From 2014.igem.org

(Difference between revisions)
 
(23 intermediate revisions not shown)
Line 2: Line 2:
{{Team:BNU-China/CSS/main_new.css}}
{{Team:BNU-China/CSS/main_new.css}}
<html>
<html>
-
<!--<p align="center" color="blue">Coming soon ...</p>-->
 
<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/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 type="text/javascript" src="https://2014.igem.org/Team:BNU-China/js/bootstrap.min.js?action=raw"></script>
-
<script>
+
    <script>
-
//var loginFlag = false;
+
//var loginFlag = false;
-
//var loginHelper = null;
+
//var loginHelper = null;
-
$(document).ready(function(){
+
$(document).ready(function(){
-
$('.carousel').carousel(
+
$('.carousel').carousel(
-
{
+
{
-
"pause":"false",
+
"pause":"false",
-
"interval":20000
+
"interval":5000
-
}
+
}
-
);
+
        );
-
$('.carousel').on('slide.bs.carousel', function (event) {
+
$('.carousel').on('slide.bs.carousel', function (event) {
-
var tag = $(event.relatedTarget).attr("tag");
+
var tag = $(event.relatedTarget).attr("tag");
-
var progress = $(event.relatedTarget).attr("progress");
+
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");
-
$('#img_home').attr("src", "https://static.igem.org/mediawiki/2014/9/92/Bnu_home.png");
+
//$("#progress").width(progress + "px");
-
$('#img_intro').attr("src", "https://static.igem.org/mediawiki/2014/6/6a/Bnu_intro.png");
+
//$("#progress").css('left', (progress / 2) - 400 + "px");
-
$('#img_gift').attr("src", "https://static.igem.org/mediawiki/2014/e/e7/Bnu_gift.png");
+
$("#progress").animate({width: progress, left: (progress / 2) - 400}, 500);
-
$('#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>
+
</script>
<!--[if ls IE 7]>
<!--[if ls IE 7]>
-
<h2>Well, this is embarrassing. If the wiki still not work well (when you can see those words) after the browser finished loading, It means that version of your browser is too low. IE10 (or higher version), Firefox,Chrome and Safari are recomended. ^_^</h2>
+
<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]-->
<![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" target="_blank" id="splash_download_button" class="download-button">
+
<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="#" target="_blank" id="splash_download_button" class="download-button ani_step_1">
+
                     <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?&nbsp;&nbsp;<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?&nbsp;&nbsp;<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="#" target="_blank" id="splash_download_button" class="download-button ani_step_1">
+
<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&nbsp;&nbsp;<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&nbsp;&nbsp;<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="#" id="splash_download_button" class="download-button ani_step_1">
+
<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&nbsp;&nbsp;<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&nbsp;&nbsp;<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="#" id="splash_download_button" class="download-button ani_step_1">
+
                     <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&nbsp;&nbsp;<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&nbsp;&nbsp;<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