Team:BNU-China

From 2014.igem.org

(Difference between revisions)
 
(39 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:BNU-China/CSS/bootstrap.min.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 6: 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" />
-
     <link href="css/bootstrap.min.css" rel="stylesheet">
+
     <script type="text/javascript" src="https://2014.igem.org/Team:BNU-China/js/jquery-1.10.2.min.js?action=raw"></script>
-
<link href="css/main_new.css" rel="stylesheet">
+
    <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/jquery-1.10.2.min.js?action=raw"></script>
+
    <script>
-
<script type="text/javascript" src="https://2014.igem.org/Team:BNU-China/js/bootstrap.min.js?action=raw"></script>
+
//var loginFlag = false;
-
<script>
+
//var loginHelper = null;
-
//var loginFlag = false;
+
$(document).ready(function(){
-
//var loginHelper = null;
+
$('.carousel').carousel(
-
$(document).ready(function(){
+
{
-
$('.carousel').carousel(
+
"pause":"false",
-
{
+
"interval":5000
-
"pause":"false",
+
}
-
"interval":20000
+
        );
-
}
+
-
);
+
-
$('.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", "images/home.png");//��������ʾΪȦ
+
//$("#progress").width(progress + "px");
-
$('#img_intro').attr("src", "images/intro.png");
+
//$("#progress").css('left', (progress / 2) - 400 + "px");
-
$('#img_gift').attr("src", "images/gift.png");
+
$("#progress").animate({width: progress, left: (progress / 2) - 400}, 500);
-
$('#img_feedback').attr("src", "images/feedback.png");
+
-
$('#img_related').attr("src", "images/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 75: Line 75:
}
}
}
}
-
</script>
+
</script>
-
<style>
+
<!--[if ls IE 7]>
-
/*clean the default css*/
+
<h2>Please make sure that JavaScript has to be activated for the page to display properly or you should update/change your browser.</h2>
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear, .center {display: none;} /*-- hides default wiki settings --*/
+
<![endif]-->
-
#top-section {
+
-
border: 0 none;
+
-
height: 14px;
+
-
z-index: 100;
+
-
top: 0;
+
-
position: fixed;
+
-
width: 975px;
+
-
left: 50%;
+
-
margin-left: -487px;
+
-
}
+
-
 
+
-
#globalWrapper, #content {
+
-
width: 100%;
+
-
height: 100%;
+
-
border: 0px;
+
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
-
}
+
-
 
+
-
html, body, .wrapper {
+
-
width: 100%;
+
-
height: 100%;
+
-
background-color: transparent;
+
-
}
+
-
 
+
-
#menubar ul{
+
-
        visibility: hidden;}
+
-
#menubar:hover ul{
+
-
        visibility: visible;
+
-
}
+
-
 
+
-
 
+
-
/*low_version*/
+
-
.low_version{
+
-
z-index:-1;
+
-
        animation:show 30s;
+
-
        -moz-animation:show 30s; /* Firefox */
+
-
        -webkit-animation:show 30s; /* Safari and Chrome */
+
-
        -o-animation:show 30s; /* Opera */
+
-
}
+
-
@keyframes show
+
-
{
+
-
from {color:black;}
+
-
to {color:#F00;}
+
-
}
+
-
.low_version p{
+
-
font-size:15px;
+
-
}
+
-
</style>
+
</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 137: Line 88:
<div id="splash">
<div id="splash">
<div class="container splash-container">
<div class="container splash-container">
-
<img src="images/title.png" alt="E.coli Prometheus" class="ani_step_1"/>
+
<img src="https://static.igem.org/mediawiki/2014/7/70/Bnu_title.png" alt="E.coli Prometheus" class="ani_step_1"/>
<div id="download_btn_group" class="container ani_step_1">
<div id="download_btn_group" class="container ani_step_1">
<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" 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="./images/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>
<span>Skip the Navigation</span>
<span>Skip the Navigation</span>
</div>
</div>
Line 161: Line 112:
<div id="splash" class="ani_step_1">
<div id="splash" class="ani_step_1">
<div class="container splash-container">
<div class="container splash-container">
-
<img src="images/intro_splash.jpg" alt="E.coli Prometheus feels so bad when he saw the Bad growth of peanuts" width="70%"/>
+
<img src="https://static.igem.org/mediawiki/2014/a/a1/Bnu_intro_splash.jpg" alt="E.coli Prometheus feels so bad when he saw the Bad growth of peanuts" 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/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="images/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">
</div>
</div>
</a>
</a>
Line 176: Line 127:
<div id="splash">
<div id="splash">
<div class="container splash-container ani_step_1">
<div class="container splash-container ani_step_1">
-
<img src="images/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="images/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">
</div>
</div>
</a>                     
</a>                     
Line 190: Line 141:
<div id="splash">
<div id="splash">
<div class="container splash-container ani_step_1">
<div class="container splash-container ani_step_1">
-
<img src="images/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="images/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">
</div>
</div>
</a>
</a>
Line 204: Line 155:
<div id="splash">
<div id="splash">
<div class="container splash-container">
<div class="container splash-container">
-
<img src="images/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="images/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">
</div>
</div>
</a>
</a>
Line 223: Line 174:
<div class="navbtn">
<div class="navbtn">
<a href="javascript:switchPage(0)">
<a href="javascript:switchPage(0)">
-
<img id="img_home" src="images/home_selected.png" alt="0">
+
<img id="img_home" src="https://static.igem.org/mediawiki/2014/1/1c/Bnu_home_selected.png" alt="0">
<div>Prometheus</div>
<div>Prometheus</div>
</a>
</a>
Line 229: Line 180:
<div class="navbtn">
<div class="navbtn">
<a href="javascript:switchPage(1)">
<a href="javascript:switchPage(1)">
-
<img id="img_intro" src="images/intro.png" alt="1">
+
<img id="img_intro" src="https://static.igem.org/mediawiki/2014/6/6a/Bnu_intro.png" alt="1">
<div>Peanut</div>
<div>Peanut</div>
</a>
</a>
Line 235: Line 186:
<div class="navbtn">
<div class="navbtn">
<a href="javascript:switchPage(2)">
<a href="javascript:switchPage(2)">
-
<img id="img_gift" src="images/gift.png" alt="2">
+
<img id="img_gift" src="https://static.igem.org/mediawiki/2014/e/e7/Bnu_gift.png" alt="2">
<div>Armed</div>
<div>Armed</div>
</a>
</a>
Line 241: Line 192:
<div class="navbtn">
<div class="navbtn">
<a href="javascript:switchPage(3)">
<a href="javascript:switchPage(3)">
-
<img id="img_feedback" src="images/feedback.png" alt="3">
+
<img id="img_feedback" src="https://static.igem.org/mediawiki/2014/f/fb/Bnu_feedback.png" alt="3">
<div>Delivery</div>
<div>Delivery</div>
</a>
</a>
Line 247: Line 198:
<div class="navbtn">
<div class="navbtn">
<a href="javascript:switchPage(4)">
<a href="javascript:switchPage(4)">
-
<img id="img_related" src="images/related.png" alt="4">
+
<img id="img_related" src="https://static.igem.org/mediawiki/2014/7/76/Bnu_related.png" alt="4">
<div>Safety</div>
<div>Safety</div>
</a>
</a>
Line 254: Line 205:
     </div>
     </div>
</div>
</div>
-
</div>
+
 
</body>
</body>
</html>
</html>

Latest revision as of 16:57, 17 October 2014

Retrieved from "http://2014.igem.org/Team:BNU-China"