Team:BNU-China

From 2014.igem.org

(Difference between revisions)
 
(71 intermediate revisions not shown)
Line 1: Line 1:
-
 
+
{{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>We are currently working on providing teams with some easy to use design templates.
 
-
In the meantime you can also view other team wikis for inspiration! Here are some very good examples.For a full wiki list, you can visit iGEM 2013 web sites  and iGEM 2012 web sites lists.</p>
 
-
    </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">Optimization</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