Team:BNU-China

From 2014.igem.org

(Difference between revisions)
 
(63 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:BNU-China/CSS/main}}
+
{{Team:BNU-China/CSS/bootstrap.min.css}}
-
{{Team:BNU-China/CSS/prettyPhoto.css}}
+
{{Team:BNU-China/CSS/main_new.css}}
-
{{Team:BNU-China/head}} 
+
<html>
<html>
-
 
+
<head>
-
<body>
+
    <meta name="description" content="BNU-China, 2014,igem">
-
     <!-- Begin Showcase -->
+
     <meta name="keywords" content="BNU,BNU-China,igem,ModA,chemotaxis,peanut">
-
     <div id="showcase" class="showcase">  
+
    <meta name="author" content="刘兵LiuBing">
-
      <!-- Each child div in #showcase represents a slide -->
+
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-
      <div class="showcase-slide">  
+
     <link rel="shortcut icon" href="https://static.igem.org/mediawiki/2014/6/6a/Bnu_bktn2.png" type="image/x-icon" />  
-
        <!-- Put the slide content in a div with the class .showcase-content. -->
+
    <link rel="icon" href="https://static.igem.org/mediawiki/2014/6/6a/Bnu_bktn2.png"sizes="32x32" />
-
        <div class="showcase-content"> <img src="https://static.igem.org/mediawiki/2014/b/b3/Bnu_s1.jpg" alt="1" /> </div>
+
    <link rel="icon" href="https://static.igem.org/mediawiki/2014/6/6a/Bnu_bktn2.png" sizes="64x64" />
-
      </div>
+
    <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>
-
      <!-- Each child div in #showcase represents a slide -->
+
    <script type="text/javascript" src="https://2014.igem.org/Team:BNU-China/js/bootstrap.min.js?action=raw"></script>
-
            <!--1-->
+
    <script>
-
      <div class="showcase-slide">
+
//var loginFlag = false;
-
        <!-- Put the slide content in a div with the class .showcase-content. -->
+
//var loginHelper = null;
-
        <div class="showcase-content"> <img src="https://static.igem.org/mediawiki/2014/e/e4/Bnu_s2.jpg" alt="2" /> </div>
+
$(document).ready(function(){
-
        <div class="showcase-caption">
+
$('.carousel').carousel(
-
Our wiki is under construction... </div>
+
{
-
      </div>
+
"pause":"false",
-
      <!--2-->
+
"interval":5000
-
      <div class="showcase-slide">  
+
}
-
        <div class="showcase-content"> <img src="https://static.igem.org/mediawiki/2014/6/60/Bnu_s3.jpg" alt="3" /> </div>
+
        );
-
        <div class="showcase-caption">
+
-
More fantastic pictures will be post...</div>
+
$('.carousel').on('slide.bs.carousel', function (event) {
-
      </div>
+
var tag = $(event.relatedTarget).attr("tag");
-
      <!--3-->
+
var progress = $(event.relatedTarget).attr("progress");
-
      <div class="showcase-slide">  
+
$('#img_home').attr("src", "https://static.igem.org/mediawiki/2014/9/92/Bnu_home.png");
-
        <!-- Put the slide content in a div with the class .showcase-content. -->
+
$('#img_intro').attr("src", "https://static.igem.org/mediawiki/2014/6/6a/Bnu_intro.png");
-
        <div class="showcase-content"> <img src="https://static.igem.org/mediawiki/2014/1/11/Bnu_s4.jpg" alt="4" /> </div>
+
$('#img_gift').attr("src", "https://static.igem.org/mediawiki/2014/e/e7/Bnu_gift.png");
-
        <div class="showcase-caption">
+
$('#img_feedback').attr("src", "https://static.igem.org/mediawiki/2014/f/fb/Bnu_feedback.png");
-
More fantastic pictures will be show on...</div>
+
$('#img_related').attr("src", "https://static.igem.org/mediawiki/2014/7/76/Bnu_related.png");
-
      </div>
+
//$('#img_' + tag).attr("src", "images/" + tag + "_selected.png");
-
      <!--4-->
+
-
      <div class="showcase-slide">  
+
//$("#progress").width(progress + "px");
-
        <!-- Put the slide content in a div with the class .showcase-content. -->
+
//$("#progress").css('left', (progress / 2) - 400 + "px");
-
        <div class="showcase-content"> <img src="https://static.igem.org/mediawiki/2014/1/11/Bnu_s4.jpg" alt="5" /> </div>
+
$("#progress").animate({width: progress, left: (progress / 2) - 400}, 500);
-
        <div class="showcase-caption">
+
playAnimation(tag);
-
Our wiki is under construction...
+
});
 +
$("body,html").animate({
 +
              scrollTop:($("#page_home .splash-container").offset().top)
 +
            },10);
 +
 +
playAnimation("home");
 +
 +
});
 +
 +
function switchPage(pageIndex){
 +
$('.carousel').carousel(pageIndex);
 +
}
 +
 +
function playAnimation(tag){
 +
var ani1 = $("#page_" + tag + " .ani_step_1");
 +
var ani2 = $("#page_" + tag + " .ani_step_2");
 +
var ani3 = $("#page_" + tag + " .ani_step_3");
 +
var pre_start = ((tag == "home") ? 0 : 300);
 +
if(ani1 != null){
 +
ani1.css("opacity", 0);
 +
setTimeout(function(){
 +
ani1.animate({opacity: 1}, 1000);
 +
}, 10 + pre_start);
 +
}
 +
if(ani2 != null){
 +
ani2.css("opacity", 0);
 +
setTimeout(function(){
 +
ani2.animate({opacity: 1}, 1000);
 +
}, 1500 + pre_start);
 +
}
 +
if(ani3 != null){
 +
ani3.css("opacity", 0);
 +
setTimeout(function(){
 +
$("#page_" + tag + " .ani_step_3").animate({opacity: 1}, 1000);
 +
}, 3000 + pre_start);
 +
}
 +
}
 +
</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>
 +
<body>
 +
<!--<p align="center" style="color: blue;">Coming soon ...</p>-->
 +
<div id="carousel_container" class="carousel slide full_height">
 +
<div class="carousel-inner full_height">
 +
<div id="page_home" class="page item active" tag="home" progress="150">
 +
<div id="main">
 +
<div id="splash">
 +
<div class="container splash-container">
 +
<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_place_holder" class="horizental-item" ></div>
 +
<div class="horizental-item">
 +
<a href="https://2014.igem.org/Team:BNU-China/home.html" id="splash_download_button" class="download-button">
 +
                                    <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>
 +
<span>Skip the Navigation</span>
 +
</div>
 +
<div class="download-subtitle">
 +
I'll take you to Wiki Main Page Directly!
 +
</div>
 +
</a>
 +
</div>
 +
                           
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="page_intro" class="page item" tag="intro" progress="300">
 +
<div id="main">
 +
<div id="splash" class="ani_step_1">
 +
<div class="container splash-container">
 +
<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>
 +
                   
 +
                    <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">
 +
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>
 +
</a>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="page_gift" class="page item" tag="gift" progress="450">
 +
<div id="main">
 +
<div id="splash">
 +
<div class="container splash-container ani_step_1">
 +
<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>                  
 +
<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">
 +
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>
 +
</a>                   
 +
</div>
 +
</div>
 +
</div>
 +
<div id="page_feedback" class="page item" tag="feedback" progress="600">
 +
<div id="main">
 +
<div id="splash">
 +
<div class="container splash-container ani_step_1">
 +
<img src="https://static.igem.org/mediawiki/2014/a/a8/Bnu_delivery.gif" alt="deliver the Mo to peanut" width="70%"/>
 +
</div>
 +
<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">
 +
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>
 +
</a>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="page_related" class="page item" tag="related" progress="750">
 +
<div id="main">
 +
<div id="splash">
 +
<div class="container splash-container">
 +
<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>
 +
                    <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">
 +
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>
 +
</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="footer" >
 +
    <div id="navbar">
 +
<div id="dash" ></div>
 +
<div id="progress"></div>
 +
<div id="navbtns" class="container" >
 +
<div class="navbtn">
 +
<a href="javascript:switchPage(0)">
 +
<img id="img_home" src="https://static.igem.org/mediawiki/2014/1/1c/Bnu_home_selected.png" alt="0">
 +
<div>Prometheus</div>
 +
</a>
 +
</div>
 +
<div class="navbtn">
 +
<a href="javascript:switchPage(1)">
 +
<img id="img_intro" src="https://static.igem.org/mediawiki/2014/6/6a/Bnu_intro.png" alt="1">
 +
<div>Peanut</div>
 +
</a>
 +
</div>
 +
<div class="navbtn">
 +
<a href="javascript:switchPage(2)">
 +
<img id="img_gift" src="https://static.igem.org/mediawiki/2014/e/e7/Bnu_gift.png" alt="2">
 +
<div>Armed</div>
 +
</a>
 +
</div>
 +
<div class="navbtn">
 +
<a href="javascript:switchPage(3)">
 +
<img id="img_feedback" src="https://static.igem.org/mediawiki/2014/f/fb/Bnu_feedback.png" alt="3">
 +
<div>Delivery</div>
 +
</a>
 +
</div>
 +
<div class="navbtn">
 +
<a href="javascript:switchPage(4)">
 +
<img id="img_related" src="https://static.igem.org/mediawiki/2014/7/76/Bnu_related.png" alt="4">
 +
<div>Safety</div>
 +
</a>
 +
</div>
</div>
</div>
-
      </div>
 
-
      <!--end of silde content-->
 
-
    </div>
 
-
    <!-- End Showcase -->
 
-
   
 
-
    <div class="intro">OUR WIKI IS UNDER CONSTRUCTION...</div>
 
-
    <div class="hr2"></div>
 
-
    <!-- Divider -->
 
-
   
 
-
    <!-- Begin Top Columns -->
 
-
    <h2>What We Do</h2>
 
-
    <div class="two-third">
 
-
      <p>Nitrogen fixing ability of rhizobium is significant for the growth of grass family. The stronger of its ability, the less chemical fertilizer will be used. Molybdenum is a key integral part of nitrogen fixing enzyme in rhizobium and Mo is also important for the growth of plants themselves. However, Mo is heavy mental. The abuse of it will cause environment pollution. Hence, spot application of Mo is of great importance. A plasmid was transfer into E.coli Promethus to make it express fusion protein, one side of which anchors on the out membrane and the other side of which,ModA,catches molybdate. With the help of organic acid tendency system, our Promethus will head for the roots. A suicide system depending on time is also design for the reason of bio-safety. E.coli Promethus will deliver Mo directly to the root of plants. This will also open a new chapter of biological fertilizer.
 
-
    </div>    <!-- End Top Columns -->
 
-
   
 
-
    <div class="clear"></div>
 
-
    <br />
 
-
    <br />
 
-
    <br />
 
-
   
 
-
    <!-- Begin 4 Columns -->
 
-
   
 
-
    <div class="one-fourth"> <img src="https://static.igem.org/mediawiki/2014/b/b6/Bnu_icon1.png" alt="" class="center" width="22%"  /><br />
 
-
      <h4 class="center">Wiki Design</h4>
 
-
      <p class="center">Visit the  Wiki How To page  for a complete list of requirements, tips and other useful information. </p>
 
-
    </div>
 
-
    <div class="one-fourth"> <img src="https://static.igem.org/mediawiki/2014/6/62/Bnu_icon2.png" alt="" class="center" width="22%" /><br />
 
-
      <h4 class="center">Observation</h4>
 
-
      <p class="center">Avoid using very small fonts and low contrast colors; information should be easy to read.</p>
 
-
    </div>
 
-
    <div class="one-fourth"> <img src="https://static.igem.org/mediawiki/2014/b/bb/Bnu_icon3.png" alt="" class="center" width="22%"  /><br />
 
-
      <h4 class="center">Motion Graphic</h4>
 
-
      <p class="center">Have lots of fun! </p>
 
-
    </div>
 
-
    <div class="one-fourth last"> <img src="https://static.igem.org/mediawiki/2014/f/fc/Bnu_icon4.png" alt="" class="center" width="22%" /><br />
 
-
      <h4 class="center">Modeling</h4>
 
-
      <p class="center">Show our opinion with data.</p>
 
-
    </div>
 
-
    <div class="clear"></div>
 
-
    <div class="hr1"></div>
 
-
    <!-- Divider -->
 
-
   
 
-
    <!-- Begin Latest Works -->
 
-
    <h2>Latest Works</h2>
 
-
    <div class="carousel">
 
-
      <div id="carousel-scroll"><a href="#" id="prev">Prev</a><a href="#" id="next">Next</a></div>
 
-
      <ul>
 
-
<li> <a href="https://static.igem.org/mediawiki/2014/1/1a/Bnu_bg6.jpg" rel="prettyPhoto" title="we haven't put photo on"> <span class="overlay zoom">wiki is under construction</span><img src="https://static.igem.org/mediawiki/2014/9/93/Bnu_c1.jpg" alt="" /> </a> </li>
 
-
<li> <a href="https://static.igem.org/mediawiki/2014/1/1b/Bnu_c2.jpg" rel="prettyPhoto" title="we haven't put photo on"> <span class="overlay zoom">describe</span><img src="https://static.igem.org/mediawiki/2014/1/1b/Bnu_c2.jpg" alt="" /> </a> </li>
 
-
<li> <a href="https://static.igem.org/mediawiki/2014/d/d3/Bnu_c3.jpg" rel="prettyPhoto" title="we haven't put photo on"> <span class="overlay zoom">wiki is under construction</span><img src="https://static.igem.org/mediawiki/2014/d/d3/Bnu_c3.jpg" alt="" /> </a> </li>
 
-
<li> <a href="https://static.igem.org/mediawiki/2014/b/b4/Bnu_c4.jpg" rel="prettyPhoto" title="we haven't put photo on"> <span class="overlay zoom">describe</span><img src="https://static.igem.org/mediawiki/2014/b/b4/Bnu_c4.jpg" alt="" /> </a> </li>
 
-
<li> <a href="https://static.igem.org/mediawiki/2014/6/68/Bnu_c5.jpg" rel="prettyPhoto" title="we haven't put photo on"> <span class="overlay zoom">wiki is under construction</span><img src="https://static.igem.org/mediawiki/2014/6/68/Bnu_c5.jpg" alt="" /> </a> </li>
 
-
<li> <a href="https://static.igem.org/mediawiki/2014/f/f3/Bnu_c6.jpg" rel="prettyPhoto" title="we haven't put photo on"> <span class="overlay zoom">wiki is under construction</span><img src="https://static.igem.org/mediawiki/2014/f/f3/Bnu_c6.jpg" alt="" /> </a> </li>
 
-
  </ul>
 
-
    </div>
 
-
    <!-- End Latest Works -->
 
-
   
 
-
    <div id="footer">
 
-
      <div class="footer-top"></div>
 
-
      <div class="clear"></div>
 
-
        <!--sponsor-->
 
-
        <div class="sponsors">
 
-
        <h2 align="left">Our Sponsors</h2>
 
-
          <img src="https://static.igem.org/mediawiki/2014/b/bc/Bnu_f1.jpg" alt="" />
 
-
          <img src="https://static.igem.org/mediawiki/2014/0/0f/Bnu_f2.jpg" alt="" />
 
-
          <img src="https://static.igem.org/mediawiki/2014/a/a7/Bnu_f3.jpg" alt="" />
 
-
          <img src="https://static.igem.org/mediawiki/2014/c/c4/Bnu_f4.jpg" alt="" />
 
-
          <img src="https://static.igem.org/mediawiki/2014/f/f9/Bnu_f5.jpg" alt="" />
 
-
          <img src="https://static.igem.org/mediawiki/2014/e/e8/Bnu_f6.jpg" alt="" />
 
-
       
 
-
      </div>
 
-
      </div>
 
-
      <div class="clear"></div>
 
     </div>
     </div>
 +
</div>
 +
</body>
</body>
</html>
</html>
-
{{Team:BNU-China/foot}}
 

Latest revision as of 16:57, 17 October 2014

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